mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-17 09:39:41 +02:00
aca6cdbaa5
Fixes multiple build errors discovered after removing recursive turbo calls: 1. Documentation: - Add comprehensive TROUBLESHOOTING.md covering recursive turbo issues - Includes prevention checklist and validation scripts - Documents both build and linting recursive problems 2. Storage app fixes: - Fix nested button HTML validation in FileCard, FolderCard, FileRow, FolderRow - Fix theme constant imports (DEFAULT_VARIANT, THEME_VARIANTS) - Fix auth component imports (StorageLogo → ManaIcon) 3. Presi app fixes: - Fix authStore import mismatch (authStore → auth) Build time improved from infinite loop to 36.3s (39/39 tasks successful). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
580 lines
11 KiB
JavaScript
580 lines
11 KiB
JavaScript
'use strict';
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __export = (target, all) => {
|
|
for (var name in all) __defProp(target, name, { get: all[name], enumerable: true });
|
|
};
|
|
var __copyProps = (to, from, except, desc) => {
|
|
if ((from && typeof from === 'object') || typeof from === 'function') {
|
|
for (let key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
__defProp(to, key, {
|
|
get: () => from[key],
|
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable,
|
|
});
|
|
}
|
|
return to;
|
|
};
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, '__esModule', { value: true }), mod);
|
|
|
|
// native/theme.ts
|
|
var theme_exports = {};
|
|
__export(theme_exports, {
|
|
createNativeTheme: () => createNativeTheme,
|
|
getThemeColors: () => getThemeColors,
|
|
getThemeVariants: () => getThemeVariants,
|
|
isValidThemeVariant: () => isValidThemeVariant,
|
|
});
|
|
module.exports = __toCommonJS(theme_exports);
|
|
|
|
// src/colors.ts
|
|
var baseColors = {
|
|
// Pure colors
|
|
black: '#000000',
|
|
white: '#ffffff',
|
|
// Grays
|
|
gray: {
|
|
50: '#f9fafb',
|
|
100: '#f3f4f6',
|
|
200: '#e5e7eb',
|
|
300: '#d1d5db',
|
|
400: '#9ca3af',
|
|
500: '#6b7280',
|
|
600: '#4b5563',
|
|
700: '#374151',
|
|
800: '#1f2937',
|
|
900: '#111827',
|
|
950: '#0a0a0a',
|
|
},
|
|
// Indigo (Default primary)
|
|
indigo: {
|
|
200: '#c7d2fe',
|
|
300: '#a5b4fc',
|
|
400: '#818cf8',
|
|
500: '#6366f1',
|
|
600: '#4f46e5',
|
|
700: '#4338ca',
|
|
800: '#3730a3',
|
|
},
|
|
// Violet (Default secondary)
|
|
violet: {
|
|
300: '#c4b5fd',
|
|
400: '#a78bfa',
|
|
500: '#8b5cf6',
|
|
600: '#7c3aed',
|
|
},
|
|
// Orange (Sunset theme)
|
|
orange: {
|
|
300: '#fdba74',
|
|
400: '#fb923c',
|
|
500: '#f97316',
|
|
600: '#ea580c',
|
|
},
|
|
// Pink (Sunset theme)
|
|
pink: {
|
|
300: '#f9a8d4',
|
|
400: '#f472b6',
|
|
500: '#ec4899',
|
|
600: '#db2777',
|
|
},
|
|
// Sky (Ocean theme)
|
|
sky: {
|
|
300: '#7dd3fc',
|
|
400: '#38bdf8',
|
|
500: '#0ea5e9',
|
|
600: '#0284c7',
|
|
},
|
|
// Emerald (Ocean theme + status)
|
|
emerald: {
|
|
300: '#6ee7b7',
|
|
400: '#34d399',
|
|
500: '#10b981',
|
|
600: '#059669',
|
|
},
|
|
// Status colors
|
|
red: {
|
|
500: '#ef4444',
|
|
600: '#dc2626',
|
|
},
|
|
amber: {
|
|
500: '#f59e0b',
|
|
},
|
|
blue: {
|
|
500: '#3b82f6',
|
|
},
|
|
};
|
|
var semanticColors = {
|
|
/**
|
|
* Dark mode colors
|
|
*/
|
|
dark: {
|
|
// Backgrounds
|
|
background: baseColors.black,
|
|
surface: '#1a1a1a',
|
|
elevated: '#242424',
|
|
overlay: 'rgba(0, 0, 0, 0.8)',
|
|
// Borders & Dividers
|
|
border: '#383838',
|
|
divider: '#2a2a2a',
|
|
// Input fields
|
|
input: {
|
|
background: '#1f1f1f',
|
|
border: '#383838',
|
|
text: baseColors.gray[100],
|
|
placeholder: baseColors.gray[500],
|
|
},
|
|
// Text colors
|
|
text: {
|
|
primary: baseColors.gray[100],
|
|
secondary: baseColors.gray[300],
|
|
tertiary: baseColors.gray[400],
|
|
disabled: baseColors.gray[500],
|
|
inverse: baseColors.black,
|
|
},
|
|
// Primary brand color (Indigo)
|
|
primary: {
|
|
default: baseColors.indigo[400],
|
|
hover: baseColors.indigo[300],
|
|
active: baseColors.indigo[500],
|
|
light: baseColors.indigo[200],
|
|
dark: baseColors.indigo[600],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Secondary accent color (Violet)
|
|
secondary: {
|
|
default: baseColors.violet[400],
|
|
light: baseColors.violet[300],
|
|
dark: baseColors.violet[500],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Status colors
|
|
success: baseColors.emerald[500],
|
|
warning: baseColors.amber[500],
|
|
error: baseColors.red[500],
|
|
info: baseColors.blue[500],
|
|
// Semantic colors
|
|
favorite: baseColors.red[500],
|
|
like: baseColors.red[500],
|
|
tag: baseColors.indigo[400],
|
|
// Special UI elements
|
|
skeleton: '#2a2a2a',
|
|
shimmer: '#383838',
|
|
},
|
|
/**
|
|
* Light mode colors
|
|
*/
|
|
light: {
|
|
// Backgrounds
|
|
background: baseColors.white,
|
|
surface: baseColors.gray[50],
|
|
elevated: baseColors.white,
|
|
overlay: 'rgba(0, 0, 0, 0.5)',
|
|
// Borders & Dividers
|
|
border: baseColors.gray[200],
|
|
divider: baseColors.gray[100],
|
|
// Input fields
|
|
input: {
|
|
background: baseColors.white,
|
|
border: baseColors.gray[300],
|
|
text: baseColors.gray[900],
|
|
placeholder: baseColors.gray[400],
|
|
},
|
|
// Text colors
|
|
text: {
|
|
primary: baseColors.gray[900],
|
|
secondary: baseColors.gray[700],
|
|
tertiary: baseColors.gray[500],
|
|
disabled: baseColors.gray[400],
|
|
inverse: baseColors.white,
|
|
},
|
|
// Primary brand color (Indigo)
|
|
primary: {
|
|
default: baseColors.indigo[500],
|
|
hover: baseColors.indigo[600],
|
|
active: baseColors.indigo[700],
|
|
light: baseColors.indigo[400],
|
|
dark: baseColors.indigo[800],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Secondary accent color (Violet)
|
|
secondary: {
|
|
default: baseColors.violet[500],
|
|
light: baseColors.violet[400],
|
|
dark: baseColors.violet[600],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Status colors
|
|
success: baseColors.emerald[500],
|
|
warning: baseColors.amber[500],
|
|
error: baseColors.red[500],
|
|
info: baseColors.blue[500],
|
|
// Semantic colors
|
|
favorite: baseColors.red[500],
|
|
like: baseColors.red[500],
|
|
tag: baseColors.indigo[500],
|
|
// Special UI elements
|
|
skeleton: baseColors.gray[200],
|
|
shimmer: baseColors.gray[100],
|
|
},
|
|
};
|
|
|
|
// src/shadows.ts
|
|
var shadows = {
|
|
dark: {
|
|
sm: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 1 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 2,
|
|
elevation: 2,
|
|
// Android
|
|
},
|
|
md: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.3,
|
|
shadowRadius: 6,
|
|
elevation: 4,
|
|
},
|
|
lg: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 10 },
|
|
shadowOpacity: 0.4,
|
|
shadowRadius: 15,
|
|
elevation: 8,
|
|
},
|
|
},
|
|
light: {
|
|
sm: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 1 },
|
|
shadowOpacity: 0.1,
|
|
shadowRadius: 2,
|
|
elevation: 2,
|
|
},
|
|
md: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 4 },
|
|
shadowOpacity: 0.15,
|
|
shadowRadius: 6,
|
|
elevation: 4,
|
|
},
|
|
lg: {
|
|
shadowColor: '#000',
|
|
shadowOffset: { width: 0, height: 10 },
|
|
shadowOpacity: 0.2,
|
|
shadowRadius: 15,
|
|
elevation: 8,
|
|
},
|
|
},
|
|
};
|
|
var opacity = {
|
|
disabled: 0.5,
|
|
overlay: 0.8,
|
|
hover: 0.9,
|
|
pressed: 0.7,
|
|
};
|
|
|
|
// src/themes/default.ts
|
|
var defaultTheme = {
|
|
name: 'default',
|
|
displayName: 'Indigo',
|
|
colors: {
|
|
light: semanticColors.light,
|
|
dark: semanticColors.dark,
|
|
},
|
|
shadows,
|
|
opacity,
|
|
};
|
|
|
|
// src/themes/sunset.ts
|
|
var sunsetTheme = {
|
|
name: 'sunset',
|
|
displayName: 'Sunset',
|
|
colors: {
|
|
light: semanticColors.light,
|
|
// Uses default light mode
|
|
dark: {
|
|
...semanticColors.dark,
|
|
// Override backgrounds for warmer tone
|
|
background: '#0a0a0a',
|
|
surface: '#1f1410',
|
|
elevated: '#2a1f1a',
|
|
// Override borders
|
|
border: '#3d2f28',
|
|
divider: '#2a1f1a',
|
|
// Override input
|
|
input: {
|
|
background: '#1a1410',
|
|
border: '#3d2f28',
|
|
text: '#fef3c7',
|
|
// amber-100
|
|
placeholder: '#92400e',
|
|
// amber-800
|
|
},
|
|
// Override text colors (warmer)
|
|
text: {
|
|
primary: '#fef3c7',
|
|
// amber-100
|
|
secondary: '#fcd34d',
|
|
// amber-300
|
|
tertiary: '#f59e0b',
|
|
// amber-500
|
|
disabled: '#92400e',
|
|
// amber-800
|
|
inverse: '#0a0a0a',
|
|
},
|
|
// Primary: Orange
|
|
primary: {
|
|
default: baseColors.orange[400],
|
|
hover: baseColors.orange[300],
|
|
active: baseColors.orange[500],
|
|
light: '#fed7aa',
|
|
// orange-200
|
|
dark: baseColors.orange[600],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Secondary: Pink
|
|
secondary: {
|
|
default: baseColors.pink[400],
|
|
light: baseColors.pink[300],
|
|
dark: baseColors.pink[500],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Status
|
|
success: baseColors.emerald[500],
|
|
warning: '#fbbf24',
|
|
// amber-400
|
|
error: '#f43f5e',
|
|
// rose-500
|
|
info: '#60a5fa',
|
|
// blue-400
|
|
// Semantic
|
|
favorite: '#f43f5e',
|
|
// rose-500
|
|
like: '#f43f5e',
|
|
// rose-500
|
|
tag: baseColors.orange[400],
|
|
// Special
|
|
skeleton: '#2a1f1a',
|
|
shimmer: '#3d2f28',
|
|
},
|
|
},
|
|
shadows,
|
|
opacity,
|
|
};
|
|
|
|
// src/themes/ocean.ts
|
|
var oceanColors = {
|
|
teal: {
|
|
200: '#99f6e4',
|
|
300: '#5eead4',
|
|
400: '#2dd4bf',
|
|
500: '#14b8a6',
|
|
600: '#0d9488',
|
|
},
|
|
cyan: {
|
|
300: '#67e8f9',
|
|
400: '#22d3ee',
|
|
500: '#06b6d4',
|
|
},
|
|
slate: {
|
|
700: '#334155',
|
|
800: '#1e293b',
|
|
900: '#0f172a',
|
|
950: '#020617',
|
|
},
|
|
};
|
|
var oceanTheme = {
|
|
name: 'ocean',
|
|
displayName: 'Ocean',
|
|
colors: {
|
|
light: semanticColors.light,
|
|
// Uses default light mode
|
|
dark: {
|
|
...semanticColors.dark,
|
|
// Override backgrounds for cooler tone
|
|
background: oceanColors.slate[950],
|
|
surface: oceanColors.slate[900],
|
|
elevated: oceanColors.slate[800],
|
|
// Override borders
|
|
border: oceanColors.slate[700],
|
|
divider: oceanColors.slate[800],
|
|
// Override input
|
|
input: {
|
|
background: oceanColors.slate[900],
|
|
border: oceanColors.slate[700],
|
|
text: '#e0f2fe',
|
|
// sky-100
|
|
placeholder: '#0c4a6e',
|
|
// sky-900
|
|
},
|
|
// Override text colors (cooler)
|
|
text: {
|
|
primary: '#e0f2fe',
|
|
// sky-100
|
|
secondary: '#7dd3fc',
|
|
// sky-300
|
|
tertiary: '#38bdf8',
|
|
// sky-400
|
|
disabled: '#0c4a6e',
|
|
// sky-900
|
|
inverse: oceanColors.slate[950],
|
|
},
|
|
// Primary: Teal
|
|
primary: {
|
|
default: oceanColors.teal[400],
|
|
hover: oceanColors.teal[300],
|
|
active: oceanColors.teal[500],
|
|
light: oceanColors.teal[200],
|
|
dark: oceanColors.teal[600],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Secondary: Cyan
|
|
secondary: {
|
|
default: oceanColors.cyan[400],
|
|
light: oceanColors.cyan[300],
|
|
dark: oceanColors.cyan[500],
|
|
contrast: baseColors.white,
|
|
},
|
|
// Status
|
|
success: baseColors.emerald[500],
|
|
warning: '#fbbf24',
|
|
// amber-400
|
|
error: '#f43f5e',
|
|
// rose-500
|
|
info: '#0ea5e9',
|
|
// sky-500
|
|
// Semantic
|
|
favorite: '#f43f5e',
|
|
// rose-500
|
|
like: '#f43f5e',
|
|
// rose-500
|
|
tag: oceanColors.teal[400],
|
|
// Special
|
|
skeleton: oceanColors.slate[800],
|
|
shimmer: oceanColors.slate[700],
|
|
},
|
|
},
|
|
shadows,
|
|
opacity,
|
|
};
|
|
|
|
// src/themes/index.ts
|
|
var themes = {
|
|
default: defaultTheme,
|
|
sunset: sunsetTheme,
|
|
ocean: oceanTheme,
|
|
};
|
|
|
|
// src/spacing.ts
|
|
var spacing = {
|
|
0: 0,
|
|
1: 4,
|
|
// 0.25rem
|
|
2: 8,
|
|
// 0.5rem
|
|
3: 12,
|
|
// 0.75rem
|
|
4: 16,
|
|
// 1rem
|
|
5: 20,
|
|
// 1.25rem
|
|
6: 24,
|
|
// 1.5rem
|
|
7: 28,
|
|
// 1.75rem
|
|
8: 32,
|
|
// 2rem
|
|
9: 36,
|
|
// 2.25rem
|
|
10: 40,
|
|
// 2.5rem
|
|
11: 44,
|
|
// 2.75rem
|
|
12: 48,
|
|
// 3rem
|
|
14: 56,
|
|
// 3.5rem
|
|
16: 64,
|
|
// 4rem
|
|
20: 80,
|
|
// 5rem
|
|
24: 96,
|
|
// 6rem
|
|
28: 112,
|
|
// 7rem
|
|
32: 128,
|
|
// 8rem
|
|
};
|
|
var borderRadius = {
|
|
none: 0,
|
|
sm: 4,
|
|
DEFAULT: 8,
|
|
md: 8,
|
|
lg: 12,
|
|
xl: 16,
|
|
'2xl': 24,
|
|
'3xl': 32,
|
|
full: 9999,
|
|
};
|
|
|
|
// src/typography.ts
|
|
var fontSize = {
|
|
xs: 12,
|
|
sm: 14,
|
|
base: 16,
|
|
lg: 18,
|
|
xl: 20,
|
|
'2xl': 24,
|
|
'3xl': 30,
|
|
'4xl': 36,
|
|
'5xl': 48,
|
|
'6xl': 60,
|
|
'7xl': 72,
|
|
'8xl': 96,
|
|
};
|
|
var fontWeight = {
|
|
regular: '400',
|
|
medium: '500',
|
|
semibold: '600',
|
|
bold: '700',
|
|
};
|
|
|
|
// native/theme.ts
|
|
function getThemeColors(variant = 'default', mode = 'dark') {
|
|
const theme = themes[variant];
|
|
return theme.colors[mode];
|
|
}
|
|
function createNativeTheme(variant = 'default', mode = 'dark') {
|
|
const theme = themes[variant];
|
|
const colors = theme.colors[mode];
|
|
const shadows2 = theme.shadows[mode];
|
|
return {
|
|
variant,
|
|
mode,
|
|
colors,
|
|
spacing,
|
|
borderRadius,
|
|
fontSize,
|
|
fontWeight,
|
|
shadows: shadows2,
|
|
opacity: theme.opacity,
|
|
};
|
|
}
|
|
function getThemeVariants() {
|
|
return Object.keys(themes);
|
|
}
|
|
function isValidThemeVariant(variant) {
|
|
return variant in themes;
|
|
}
|
|
// Annotate the CommonJS export names for ESM import in node:
|
|
0 &&
|
|
(module.exports = {
|
|
createNativeTheme,
|
|
getThemeColors,
|
|
getThemeVariants,
|
|
isValidThemeVariant,
|
|
});
|