@coze-arch/cli 0.0.1-alpha.ef0249 → 0.0.1-alpha.f11735

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

@@ -6,6 +6,7 @@ import reactHooks from 'eslint-plugin-react-hooks';
 import regexp from 'eslint-plugin-regexp';
 import pluginImport from 'eslint-plugin-import';
 import fontawesome6 from '../eslint-plugins/fontawesome6/index.js';
+import reanimated from '../eslint-plugins/reanimated/index.js'
 
 export default [
   {
@@ -16,6 +17,7 @@ export default [
       'src/api/**',       // 排除 src 下的自动生成 API
       '.expo/**',         // 排除 Expo 自动生成的文件
       'tailwind.config.js', // 排除 Tailwind 配置文件
+      '**/*.d.ts',
     ],
   },
   regexp.configs["flat/recommended"],
@@ -54,6 +56,7 @@ export default [
     plugins: {
       import: pluginImport,
       fontawesome6,
+      reanimated,
     },
     rules: {
       // 关闭代码风格规则
@@ -73,6 +76,7 @@ export default [
       'react/react-in-jsx-scope': 'off',
       'react/jsx-uses-react': 'off',
       'fontawesome6/valid-name': 'error',
+      'reanimated/ban-mix-use': 'error',
     },
   },
 

package/lib/__templates__/expo/client/hooks/{useColorScheme.ts → useColorScheme.tsx}

@@ -1,19 +1,21 @@
-import { useEffect, useState } from 'react';
+import { createContext, Dispatch, ReactNode, SetStateAction, useContext, useEffect, useState } from 'react';
 import { ColorSchemeName, useColorScheme as useReactNativeColorScheme, Platform } from 'react-native';
 
-export function useColorScheme() {
+const ColorSchemeContext = createContext<'light' | 'dark' | null | undefined>(null);
+
+const ColorSchemeProvider = function ({ children }: { children?: ReactNode }) {
   const systemColorScheme = useReactNativeColorScheme();
-  const [colorScheme, setColorScheme] = useState<ColorSchemeName>(systemColorScheme);
+  const [colorScheme, setColorScheme] = useState(systemColorScheme);
 
   useEffect(() => {
     setColorScheme(systemColorScheme);
-  }, [systemColorScheme])
+  }, [systemColorScheme]);
 
   useEffect(() => {
     function handleMessage(e: MessageEvent<{ event: string; colorScheme: ColorSchemeName; } | undefined>) {
       if (e.data?.event === 'coze.workbench.colorScheme') {
         const cs = e.data.colorScheme;
-        if (typeof cs === 'string') {
+        if (typeof cs === 'string' && typeof setColorScheme === 'function') {
           setColorScheme(cs);
         }
       }
@@ -28,7 +30,19 @@ export function useColorScheme() {
         window.removeEventListener('message', handleMessage, false);
       }
     }
-  }, []);
+  }, [setColorScheme]);
+
+  return <ColorSchemeContext.Provider value={colorScheme}>
+    {children}
+  </ColorSchemeContext.Provider>
+};
 
+function useColorScheme() {
+  const colorScheme = useContext(ColorSchemeContext);
   return colorScheme;
 }
+
+export {
+  ColorSchemeProvider,
+  useColorScheme,
+}