@coze-arch/cli 0.0.1-alpha.c7a03c → 0.0.1-alpha.cac8f5

package/lib/__templates__/expo/client/constants/theme.ts

@@ -1,73 +1,35 @@
-import { Platform, StyleSheet } from "react-native";
-
 export const Colors = {
   light: {
-    background: '#ffffff',
-    foreground: '#0a0a0a',
-    card: '#ffffff',
-    cardForeground: '#0a0a0a',
-    popover: '#ffffff',
-    popoverForeground: '#0a0a0a',
-    primary: '#171717',
-    primaryForeground: '#fafafa',
-    secondary: '#f5f5f5',
-    secondaryForeground: '#171717',
-    muted: '#f5f5f5',
-    mutedForeground: '#737373',
-    accent: '#f5f5f5',
-    accentForeground: '#171717',
-    destructive: '#e7000b',
-    destructiveForeground: '#ffffff',
-    border: '#e5e5e5',
-    input: '#e5e5e5',
-    ring: '#a1a1a1',
-    chart1: '#91c5ff',
-    chart2: '#3a81f6',
-    chart3: '#2563ef',
-    chart4: '#1a4eda',
-    chart5: '#1f3fad',
-    sidebar: '#fafafa',
-    sidebarForeground: '#0a0a0a',
-    sidebarPrimary: '#171717',
-    sidebarPrimaryForeground: '#fafafa',
-    sidebarAccent: '#f5f5f5',
-    sidebarAccentForeground: '#171717',
-    sidebarBorder: '#e5e5e5',
-    sidebarRing: '#a1a1a1',
+    textPrimary: "#1C1917",
+    textSecondary: "#78716c",
+    textMuted: "#9CA3AF",
+    primary: "#4F46E5", // Indigo-600 - 品牌主色，代表科技与智能
+    accent: "#8B5CF6", // Violet-500 - 辅助色，代表创造力
+    success: "#10B981", // Emerald-500
+    error: "#EF4444",
+    backgroundRoot: "#FAFAFA",
+    backgroundDefault: "#FFFFFF",
+    backgroundTertiary: "#F9FAFB", // 更浅的背景色，用于去线留白
+    buttonPrimaryText: "#FFFFFF",
+    tabIconSelected: "#4F46E5",
+    border: "#E5E7EB",
+    borderLight: "#F3F4F6",
   },
   dark: {
-    background: '#0a0a0a',
-    foreground: '#fafafa',
-    card: '#171717',
-    cardForeground: '#fafafa',
-    popover: '#262626',
-    popoverForeground: '#fafafa',
-    primary: '#e5e5e5',
-    primaryForeground: '#171717',
-    secondary: '#262626',
-    secondaryForeground: '#fafafa',
-    muted: '#262626',
-    mutedForeground: '#a1a1a1',
-    accent: '#404040',
-    accentForeground: '#fafafa',
-    destructive: '#ff6467',
-    destructiveForeground: '#fafafa',
-    border: '#282828',
-    input: '#343434',
-    ring: '#737373',
-    chart1: '#91c5ff',
-    chart2: '#3a81f6',
-    chart3: '#2563ef',
-    chart4: '#1a4eda',
-    chart5: '#1f3fad',
-    sidebar: '#171717',
-    sidebarForeground: '#fafafa',
-    sidebarPrimary: '#1447e6',
-    sidebarPrimaryForeground: '#fafafa',
-    sidebarAccent: '#262626',
-    sidebarAccentForeground: '#fafafa',
-    sidebarBorder: '#282828',
-    sidebarRing: '#525252',
+    textPrimary: "#FAFAF9",
+    textSecondary: "#A8A29E",
+    textMuted: "#6F767E",
+    primary: "#818CF8", // Indigo-400 - 暗色模式品牌主色
+    accent: "#A78BFA", // Violet-400
+    success: "#34D399",
+    error: "#F87171",
+    backgroundRoot: "#09090B", // 更深的背景色
+    backgroundDefault: "#1C1C1E",
+    backgroundTertiary: "#1F1F22", // 暗色模式去线留白背景
+    buttonPrimaryText: "#09090B",
+    tabIconSelected: "#818CF8",
+    border: "#3F3F46",
+    borderLight: "#27272A",
   },
 };
 
@@ -82,27 +44,10 @@ export const Spacing = {
   "4xl": 40,
   "5xl": 48,
   "6xl": 64,
-  inputHeight: 48,
-  buttonHeight: 48,
-  avatarSize: 40,
-  iconButtonSize: 32,
-  contentPaddingHorizontal: 32,
-  sectionGap: 40,
-  sectionGapLarge: 48,
-  itemGap: 8,
-  detailGap: 48,
-  chartHeight: 128,
 };
 
 export const BorderRadius = {
-  xs: 4,
-  sm: 8,
-  md: 12,
   lg: 16,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 40,
-  full: 9999,
 };
 
 export const Typography = {
@@ -221,302 +166,4 @@ export const Typography = {
   },
 };
 
-export const Fonts = Platform.select({
-  ios: {
-    sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
-  },
-  android: {
-    sans: "Roboto, 'Segoe UI', Helvetica, Arial, sans-serif",
-  },
-  default: {
-    sans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
-  },
-});
-
-export const Shadow = {
-  none: {},
-  minimal: Platform.select({
-    ios: { shadowColor: "#000", shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.05, shadowRadius: 2 },
-    android: { elevation: 1 },
-    default: {},
-  }),
-  sm: Platform.select({
-    ios: { shadowColor: "#000", shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.05, shadowRadius: 2 },
-    android: { elevation: 1 },
-    default: {},
-  }),
-  md: Platform.select({
-    ios: { shadowColor: "#000", shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.1, shadowRadius: 4 },
-    android: { elevation: 3 },
-    default: {},
-  }),
-  lg: Platform.select({
-    ios: { shadowColor: "#000", shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.15, shadowRadius: 8 },
-    android: { elevation: 6 },
-    default: {},
-  }),
-  island: Platform.select({
-    ios: { shadowColor: "#000", shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.1, shadowRadius: 20 },
-    android: { elevation: 8 },
-    default: {},
-  }),
-};
-
-export const Duration = {
-  fast: 150,
-  normal: 250,
-  slow: 400,
-};
-
-export const ZIndex = {
-  base: 0,
-  dropdown: 100,
-  sticky: 200,
-  modal: 300,
-  toast: 400,
-  overlay: 500,
-};
-
 export type Theme = typeof Colors.light;
-
-export const CommonStyles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  scrollContent: {
-    paddingHorizontal: Spacing.contentPaddingHorizontal,
-  },
-  centerContent: {
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-  },
-  rowGap: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: Spacing.sm,
-  },
-  rowBetween: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-  },
-  rowBetweenEnd: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "flex-end",
-  },
-  rowBetweenStart: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "flex-start",
-  },
-  rowCenter: {
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  rowCenterGap: {
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-    gap: Spacing.detailGap,
-  },
-  column: {
-    flexDirection: "column",
-  },
-  columnCenter: {
-    flexDirection: "column",
-    alignItems: "center",
-  },
-  flex1: {
-    flex: 1,
-  },
-  textCenter: {
-    textAlign: "center",
-  },
-  avatar: {
-    width: Spacing.avatarSize,
-    height: Spacing.avatarSize,
-    borderRadius: Spacing.avatarSize / 2,
-    borderWidth: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  iconButton: {
-    width: Spacing.iconButtonSize,
-    height: Spacing.iconButtonSize,
-    borderRadius: Spacing.iconButtonSize / 2,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: Spacing.sm,
-    paddingHorizontal: Spacing.contentPaddingHorizontal,
-    paddingVertical: Spacing.md,
-    borderWidth: 1,
-    borderRadius: BorderRadius.full,
-  },
-  buttonSmall: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: Spacing.sm,
-    paddingHorizontal: Spacing.lg,
-    paddingVertical: Spacing.sm,
-    borderRadius: BorderRadius.sm,
-  },
-  card: {
-    borderRadius: BorderRadius.xl,
-    padding: Spacing.sm,
-  },
-  chartContainer: {
-    height: Spacing.chartHeight,
-    borderRadius: BorderRadius.xl,
-    padding: Spacing.sm,
-    borderWidth: 1,
-    position: "relative",
-  },
-  chartGrid: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    padding: Spacing.lg,
-    justifyContent: "space-between",
-  },
-  chartEmpty: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  progressBar: {
-    width: "100%",
-    height: 2,
-    borderRadius: 1,
-    overflow: "hidden",
-    marginTop: Spacing.sm,
-  },
-  progressFill: {
-    height: "100%",
-    borderRadius: 1,
-  },
-  divider: {
-    height: 1,
-    width: "100%",
-  },
-  dividerVertical: {
-    width: 1,
-    height: "100%",
-  },
-  dot: {
-    width: 4,
-    height: 4,
-    borderRadius: 2,
-  },
-  absoluteFill: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  tooltip: {
-    paddingHorizontal: Spacing.sm,
-    paddingVertical: Spacing.xs,
-    borderRadius: BorderRadius.xs,
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: Spacing["2xl"],
-  },
-  section: {
-    marginBottom: Spacing.sectionGap,
-  },
-  sectionLarge: {
-    marginBottom: Spacing.sectionGapLarge,
-  },
-  sectionHeader: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "flex-end",
-    marginBottom: Spacing["2xl"],
-  },
-  gridLine: {
-    width: "100%",
-    height: 1,
-    borderTopWidth: 1,
-    borderStyle: "dashed",
-  },
-  statsGrid: {
-    flexDirection: "row",
-  },
-  statsColumn: {
-    flex: 1,
-  },
-  statsColumnLeft: {
-    paddingRight: Spacing.lg,
-  },
-  statsColumnRight: {
-    paddingLeft: Spacing.contentPaddingHorizontal,
-    borderLeftWidth: 1,
-  },
-  statsHeader: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "flex-start",
-    marginBottom: Spacing.lg,
-  },
-  detailItem: {
-    alignItems: "center",
-  },
-  header: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "flex-end",
-    paddingBottom: Spacing.lg,
-  },
-  loadingContainer: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-  glucoseSection: {
-    marginTop: Spacing["2xl"],
-    marginBottom: Spacing.sectionGap,
-    alignItems: "center",
-  },
-  glucoseHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: Spacing.sm,
-    marginBottom: Spacing.sm,
-  },
-  glucoseUnit: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: Spacing.sm,
-    marginTop: Spacing.sm,
-  },
-  glucoseDetails: {
-    flexDirection: "row",
-    justifyContent: "center",
-    gap: Spacing.detailGap,
-    marginTop: Spacing["2xl"],
-  },
-});
-
-export const createThemedStyles = (theme: Theme) => {
-  return StyleSheet.create({
-    container: {
-      ...CommonStyles.container,
-    },
-  });
-};

package/lib/__templates__/expo/client/eslint.config.mjs

@@ -16,6 +16,7 @@ export default [
       'src/api/**',       // 排除 src 下的自动生成 API
       '.expo/**',         // 排除 Expo 自动生成的文件
       'tailwind.config.js', // 排除 Tailwind 配置文件
+      '**/*.d.ts',
     ],
   },
   regexp.configs["flat/recommended"],

package/lib/__templates__/expo/client/hooks/useTheme.ts

@@ -1,13 +1,33 @@
-import { Colors } from "@/constants/theme";
-import { useColorScheme } from "@/hooks/useColorScheme";
+import { Colors } from '@/constants/theme';
+import { useColorScheme } from '@/hooks/useColorScheme';
 
-export function useTheme() {
-  const colorScheme = useColorScheme();
-  const isDark = colorScheme === "dark";
-  const theme = Colors[(colorScheme as "light" | "dark") ?? "light"];
+enum COLOR_SCHEME_CHOICE {
+  FOLLOW_SYSTEM = 'follow-system', // 跟随系统自动变化
+  DARK = 'dark', // 固定为 dark 主题，不随系统变化
+  LIGHT = 'light', // 固定为 light 主题，不随系统变化
+};
+
+const userPreferColorScheme: COLOR_SCHEME_CHOICE = COLOR_SCHEME_CHOICE.FOLLOW_SYSTEM;
+
+function getTheme(colorScheme?: 'dark' | 'light' | null) {
+  const isDark = colorScheme === 'dark';
+  const theme = Colors[colorScheme ?? 'light'];
 
   return {
     theme,
     isDark,
   };
 }
+
+function useTheme() {
+  const systemColorScheme = useColorScheme()
+  const colorScheme = userPreferColorScheme === COLOR_SCHEME_CHOICE.FOLLOW_SYSTEM ?
+    systemColorScheme :
+    userPreferColorScheme;
+
+  return getTheme(colorScheme);
+}
+
+export {
+  useTheme,
+}

package/lib/__templates__/expo/server/src/index.ts

@@ -6,7 +6,8 @@ const port = process.env.PORT || 9091;
 
 // Middleware
 app.use(cors());
-app.use(express.json());
+app.use(express.json({ limit: '50mb' }));
+app.use(express.urlencoded({ limit: '50mb', extended: true }));
 
 app.get('/api/v1/health', (req, res) => {
   res.status(200).json({ status: 'ok' });

package/lib/__templates__/nextjs/package.json

@@ -43,7 +43,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "coze-coding-dev-sdk": "^0.7.0",
+    "coze-coding-dev-sdk": "^0.7.3",
     "date-fns": "^4.1.0",
     "drizzle-kit": "^0.31.8",
     "drizzle-orm": "^0.45.1",
@@ -82,5 +82,10 @@
   "packageManager": "pnpm@9.0.0",
   "engines": {
     "pnpm": ">=9.0.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "esbuild": "^0.25.12"
+    }
   }
 }