Fix errors

Author: TheUltDev

library/src/assets/icon/babel-plugin/utils.ts

@@ -3,7 +3,7 @@ import type * as t from '@babel/types';
 import type * as i from '@iconify/react/dist/iconify.js';
 
 import {stringToIcon, getIconData} from '@iconify/utils';
-import {readdirSync, readFileSync, writeFileSync, mkdirSync, existsSync} from 'node:fs';
+import {readdirSync, readFileSync, writeFileSync, mkdirSync, existsSync} from 'fs';
 
 export const loadedIcons = new Map<string, boolean>();
 export const iconJsonCache = new Map<string, i.IconifyJSON>();

library/src/utilities/useVariants.ts

@@ -1,4 +1,4 @@
-import {useMemo, useCallback} from 'react';
+import {useMemo} from 'react';
 import {titleCase} from '_lib/string';
 
 import type {PressableStateCallbackType} from 'react-native';
@@ -18,19 +18,17 @@ export function useVariants<S>(
 ): {
   vstyles: VStyleSheet<S>,
 } {
-  const isVState = useCallback((v: string): boolean =>
-    v.toLowerCase() === 'state'
-  , []);
+  const isVState = (v: string): boolean => v.toLowerCase() === 'state';
 
-  const buildStyles = useCallback((slug: VStyleKey<S>, styles: S) => {
+  const buildStyles = (slug: VStyleKey<S>, styles: S) => {
     const vstyles: [VStyleCond, VStyleMod<S>][] = [[null, styles[slug]]];
     const vnames = Object.entries(variants).sort((a, b) => a[0].localeCompare(b[0]));
     // Sort and and loop through all vars
-    for (const [v1, primary] of vnames) {
+    vnames.forEach(([v1, primary]) => {
       // Single variant for this component
       if (vnames.length === 1) {
         // Loop through all values for the variant
-        for (const v1v of primary) {
+        primary.forEach(v1v => {
           // Build id for this variant combination
           const vkey = `${slug}${titleCase(v1)}${v1v}` as VStyleKey<S>;
           // Look up the id in the stylesheet
@@ -46,18 +44,18 @@ export function useVariants<S>(
           );
           // Add the variant combo style to styles
           vstyles.push([vcond, vstyle]);
-        }
+        });
       // Multiple variants, create compound styles
       } else {
         // Prevent state from being used as primary variant (it's a secondary)
         if (isVState(v1)) return;
         // Loop through all values for the variant
-        for (const v1v of primary) {
+        primary.forEach(v1v => {
           // For this value, loop all values of the other variants
-          for (const [v2, secondary] of vnames) {
+          vnames.forEach(([v2, secondary]) => {
             if (v1 === v2) return;
             // Loop through all the values in the other variant
-            for (const v2v of secondary) {
+            secondary.forEach(v2v => {
               // Build id for this variant combination
               const vkey = `${slug}${titleCase(v1)}${v1v}${titleCase(v2)}${v2v}` as VStyleKey<S>;
               // Look up the id in the stylesheet
@@ -75,15 +73,15 @@ export function useVariants<S>(
               );
               // Add the variant combo style to styles
               vstyles.push([vcond, vstyle]);
-            }
-          }
-        }
+            });
+          });
+        });
       }
-    }
+    });
     return vstyles;
-  }, [variants, states, isVState]);
+  }
 
-  const proxyStyles = useCallback((o: S): VStyleSheet<S> => {
+  const proxyStyles = (o: S): VStyleSheet<S> => {
     // Cache the styles for each variant combo as they are accessed
     const cache = new Map<string, ReturnType<typeof buildStyles>>();
     // Create empty object to proxy the styles, inherit types from stylesheet
@@ -98,18 +96,16 @@ export function useVariants<S>(
           styles = buildStyles(k, o);
           cache.set(k, styles);
         }
-        // Still no styles found, return empty array
-        if (!styles) return [];
         // Return styles that match the current variant values and/or state
         return styles
           .filter(([c]) => c === null || c?.(e))
           .map(([,s]) => s);
       };
     }
     return proxy;
-  }, [buildStyles]);
+  };
 
   return {
-    vstyles: useMemo(() => proxyStyles(styles), [styles, proxyStyles]),
+    vstyles: useMemo(() => proxyStyles(styles), [styles]),
   };
 }

toolkit/config/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "build": "pnpm gen:locales && tsc && pnpm gen:cfg && pnpm gen:files",
+    "build": "pnpm gen:cfg && pnpm gen:locales && tsc && pnpm gen:files",
     "gen:cfg": "rnuc --project-root ../../client --lib-root ./node_modules/react-native-ultimate-config ../../config.yaml",
     "gen:files": "node ./scripts/gen-app-json.js && node ./scripts/gen-docs-sidebar.js",
     "gen:locales": "node ./scripts/gen-user-locales.js"