@niibase/uniwind 1.6.4 → 1.8.0

package/dist/vite/index.cjs

@@ -1,12 +1,14 @@
 'use strict';
 
 const node = require('@tailwindcss/node');
+const node_module = require('node:module');
 const path = require('path');
-const common = require('../shared/uniwind.Cv73KtI-.cjs');
-const stringifyThemes = require('../shared/uniwind.r2i22V6d.cjs');
+const _package = require('../shared/uniwind.DJ5M1Q4q.cjs');
+const config = require('../shared/uniwind.BEqYiPBB.cjs');
 require('fs');
 require('lightningcss');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const path__default = /*#__PURE__*/_interopDefaultCompat(path);
@@ -20,84 +22,105 @@ const styleSheetPath = path__default.resolve(
   dirname,
   "../module/components/web/createOrderedCSSStyleSheet.js"
 );
-const uniwind = ({
-  cssEntryFile,
-  extraThemes,
-  dtsFile = "uniwind-types.d.ts"
-}) => {
-  const themes = common.uniq([
-    "light",
-    "dark",
-    ...extraThemes ?? []
-  ]);
-  const stringifiedThemes = stringifyThemes.stringifyThemes(themes);
+const cssArtifactPath = path__default.resolve(dirname, "../../uniwind.css");
+const require$1 = node_module.createRequire((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('vite/index.cjs', document.baseURI).href)));
+const viteVersion = require$1("vite/package.json").version;
+const isVite8 = Number(viteVersion.split(".")[0]) >= 8;
+const resolveOrderedCSSStyleSheet = (source, importer) => {
+  const normalizedSource = node.normalizePath(source);
+  const isTarget = source === "./createOrderedCSSStyleSheet" || normalizedSource.endsWith("react-native-web/dist/exports/StyleSheet/dom/createOrderedCSSStyleSheet.js");
+  if (isTarget && importer !== void 0 && node.normalizePath(importer).includes("react-native-web/dist/exports/StyleSheet")) {
+    return styleSheetPath;
+  }
+};
+const vite8OptimizeDeps = {
+  exclude: [_package.name, "react-native"],
+  rolldownOptions: {
+    plugins: [{
+      name: "uniwind-rolldown-plugin",
+      resolveId: resolveOrderedCSSStyleSheet
+    }]
+  }
+};
+const vite7OptimizeDeps = {
+  exclude: [_package.name, "react-native"],
+  esbuildOptions: {
+    plugins: [{
+      name: "uniwind-esbuild-plugin",
+      setup: (build) => {
+        build.onResolve(
+          { filter: /^\.\/createOrderedCSSStyleSheet$/ },
+          (args) => {
+            const resolved = resolveOrderedCSSStyleSheet(args.path, args.importer);
+            if (resolved !== void 0) {
+              return { path: resolved };
+            }
+          }
+        );
+      }
+    }]
+  }
+};
+const vite8Resolve = {
+  alias: [{
+    find: /^react-native$/,
+    replacement: componentPath,
+    customResolver: {
+      resolveId(_, importer) {
+        if (importer !== void 0 && node.normalizePath(importer).includes(`${_package.name}/dist`)) {
+          return this.resolve("react-native-web", importer, { skipSelf: true });
+        }
+        return componentPath;
+      }
+    }
+  }]
+};
+const vite7Resolve = {
+  alias: [{
+    find: /^react-native$/,
+    replacement: componentPath,
+    customResolver: {
+      resolveId(_, importer) {
+        if (importer !== void 0 && node.normalizePath(importer).includes(`${_package.name}/dist`)) {
+          return this.resolve("react-native-web");
+        }
+        return componentPath;
+      }
+    }
+  }]
+};
+const uniwind = (config$1) => {
+  const bundlerConfig = config.UniwindBundlerConfig.fromViteConfig(config$1);
   return {
     name: "uniwind",
     enforce: "pre",
     resolveId: (source, importer) => {
-      const normalizedSource = node.normalizePath(source);
-      const isTarget = source === "./createOrderedCSSStyleSheet" || normalizedSource.endsWith("react-native-web/dist/exports/StyleSheet/dom/createOrderedCSSStyleSheet.js");
-      if (isTarget && importer !== void 0 && node.normalizePath(importer).includes("react-native-web/dist/exports/StyleSheet")) {
-        return styleSheetPath;
-      }
+      return resolveOrderedCSSStyleSheet(source, importer);
     },
     config: () => ({
       css: {
         transformer: "lightningcss",
         lightningcss: {
-          visitor: new stringifyThemes.UniwindCSSVisitor(themes)
-        }
-      },
-      optimizeDeps: {
-        exclude: [common.name, "react-native"],
-        esbuildOptions: {
-          plugins: [{
-            name: "uniwind-esbuild-plugin",
-            setup: (build) => {
-              build.onResolve(
-                { filter: /^\.\/createOrderedCSSStyleSheet$/ },
-                (args) => {
-                  if (node.normalizePath(args.importer).includes("react-native-web/dist/exports/StyleSheet")) {
-                    return { path: styleSheetPath };
-                  }
-                }
-              );
-            }
-          }]
+          visitor: bundlerConfig.cssVisitor
         }
       },
-      resolve: {
-        alias: [
-          {
-            find: /^react-native$/,
-            replacement: componentPath,
-            customResolver: {
-              resolveId(_, importer) {
-                if (importer !== void 0 && node.normalizePath(importer).includes(`${common.name}/dist`)) {
-                  return this.resolve("react-native-web");
-                }
-                return componentPath;
-              }
-            }
-          }
-        ]
-      }
+      optimizeDeps: isVite8 ? vite8OptimizeDeps : vite7OptimizeDeps,
+      resolve: isVite8 ? vite8Resolve : vite7Resolve
     }),
     transform: (code, id) => {
       const normalizedId = node.normalizePath(id);
-      if (normalizedId.includes(`${common.name}/dist`) && normalizedId.includes("config/config.js")) {
+      if (normalizedId.includes(`${_package.name}/dist`) && normalizedId.includes("config/config.js")) {
         return {
-          code: `${code}Uniwind.__reinit(() => ({}), ${stringifiedThemes})`
+          code: `${code}
+;Uniwind.__reinit(() => ({}), ${bundlerConfig.stringifiedThemes})`
         };
       }
     },
     buildStart: async () => {
-      await stringifyThemes.buildCSS(themes, cssEntryFile);
-      stringifyThemes.buildDtsFile(dtsFile, stringifiedThemes);
+      await bundlerConfig.generateArtifacts(cssArtifactPath);
     },
     generateBundle: async () => {
-      await stringifyThemes.buildCSS(themes, cssEntryFile);
-      stringifyThemes.buildDtsFile(dtsFile, stringifiedThemes);
+      await bundlerConfig.generateArtifacts(cssArtifactPath);
     }
   };
 };

package/dist/vite/index.mjs

@@ -1,7 +1,8 @@
 import { normalizePath } from '@tailwindcss/node';
+import { createRequire } from 'node:module';
 import path from 'path';
-import { u as uniq, n as name } from '../shared/uniwind.PtWWxxnh.mjs';
-import { s as stringifyThemes, U as UniwindCSSVisitor, a as buildCSS, b as buildDtsFile } from '../shared/uniwind.BGiqYvxb.mjs';
+import { n as name } from '../shared/uniwind.CFAAUZ2t.mjs';
+import { U as UniwindBundlerConfig } from '../shared/uniwind.DgC4MT51.mjs';
 import 'fs';
 import 'lightningcss';
 
@@ -14,84 +15,105 @@ const styleSheetPath = path.resolve(
   dirname,
   "../module/components/web/createOrderedCSSStyleSheet.js"
 );
-const uniwind = ({
-  cssEntryFile,
-  extraThemes,
-  dtsFile = "uniwind-types.d.ts"
-}) => {
-  const themes = uniq([
-    "light",
-    "dark",
-    ...extraThemes ?? []
-  ]);
-  const stringifiedThemes = stringifyThemes(themes);
+const cssArtifactPath = path.resolve(dirname, "../../uniwind.css");
+const require = createRequire(import.meta.url);
+const viteVersion = require("vite/package.json").version;
+const isVite8 = Number(viteVersion.split(".")[0]) >= 8;
+const resolveOrderedCSSStyleSheet = (source, importer) => {
+  const normalizedSource = normalizePath(source);
+  const isTarget = source === "./createOrderedCSSStyleSheet" || normalizedSource.endsWith("react-native-web/dist/exports/StyleSheet/dom/createOrderedCSSStyleSheet.js");
+  if (isTarget && importer !== void 0 && normalizePath(importer).includes("react-native-web/dist/exports/StyleSheet")) {
+    return styleSheetPath;
+  }
+};
+const vite8OptimizeDeps = {
+  exclude: [name, "react-native"],
+  rolldownOptions: {
+    plugins: [{
+      name: "uniwind-rolldown-plugin",
+      resolveId: resolveOrderedCSSStyleSheet
+    }]
+  }
+};
+const vite7OptimizeDeps = {
+  exclude: [name, "react-native"],
+  esbuildOptions: {
+    plugins: [{
+      name: "uniwind-esbuild-plugin",
+      setup: (build) => {
+        build.onResolve(
+          { filter: /^\.\/createOrderedCSSStyleSheet$/ },
+          (args) => {
+            const resolved = resolveOrderedCSSStyleSheet(args.path, args.importer);
+            if (resolved !== void 0) {
+              return { path: resolved };
+            }
+          }
+        );
+      }
+    }]
+  }
+};
+const vite8Resolve = {
+  alias: [{
+    find: /^react-native$/,
+    replacement: componentPath,
+    customResolver: {
+      resolveId(_, importer) {
+        if (importer !== void 0 && normalizePath(importer).includes(`${name}/dist`)) {
+          return this.resolve("react-native-web", importer, { skipSelf: true });
+        }
+        return componentPath;
+      }
+    }
+  }]
+};
+const vite7Resolve = {
+  alias: [{
+    find: /^react-native$/,
+    replacement: componentPath,
+    customResolver: {
+      resolveId(_, importer) {
+        if (importer !== void 0 && normalizePath(importer).includes(`${name}/dist`)) {
+          return this.resolve("react-native-web");
+        }
+        return componentPath;
+      }
+    }
+  }]
+};
+const uniwind = (config) => {
+  const bundlerConfig = UniwindBundlerConfig.fromViteConfig(config);
   return {
     name: "uniwind",
     enforce: "pre",
     resolveId: (source, importer) => {
-      const normalizedSource = normalizePath(source);
-      const isTarget = source === "./createOrderedCSSStyleSheet" || normalizedSource.endsWith("react-native-web/dist/exports/StyleSheet/dom/createOrderedCSSStyleSheet.js");
-      if (isTarget && importer !== void 0 && normalizePath(importer).includes("react-native-web/dist/exports/StyleSheet")) {
-        return styleSheetPath;
-      }
+      return resolveOrderedCSSStyleSheet(source, importer);
     },
     config: () => ({
       css: {
         transformer: "lightningcss",
         lightningcss: {
-          visitor: new UniwindCSSVisitor(themes)
-        }
-      },
-      optimizeDeps: {
-        exclude: [name, "react-native"],
-        esbuildOptions: {
-          plugins: [{
-            name: "uniwind-esbuild-plugin",
-            setup: (build) => {
-              build.onResolve(
-                { filter: /^\.\/createOrderedCSSStyleSheet$/ },
-                (args) => {
-                  if (normalizePath(args.importer).includes("react-native-web/dist/exports/StyleSheet")) {
-                    return { path: styleSheetPath };
-                  }
-                }
-              );
-            }
-          }]
+          visitor: bundlerConfig.cssVisitor
         }
       },
-      resolve: {
-        alias: [
-          {
-            find: /^react-native$/,
-            replacement: componentPath,
-            customResolver: {
-              resolveId(_, importer) {
-                if (importer !== void 0 && normalizePath(importer).includes(`${name}/dist`)) {
-                  return this.resolve("react-native-web");
-                }
-                return componentPath;
-              }
-            }
-          }
-        ]
-      }
+      optimizeDeps: isVite8 ? vite8OptimizeDeps : vite7OptimizeDeps,
+      resolve: isVite8 ? vite8Resolve : vite7Resolve
     }),
     transform: (code, id) => {
       const normalizedId = normalizePath(id);
       if (normalizedId.includes(`${name}/dist`) && normalizedId.includes("config/config.js")) {
         return {
-          code: `${code}Uniwind.__reinit(() => ({}), ${stringifiedThemes})`
+          code: `${code}
+;Uniwind.__reinit(() => ({}), ${bundlerConfig.stringifiedThemes})`
         };
       }
     },
     buildStart: async () => {
-      await buildCSS(themes, cssEntryFile);
-      buildDtsFile(dtsFile, stringifiedThemes);
+      await bundlerConfig.generateArtifacts(cssArtifactPath);
     },
     generateBundle: async () => {
-      await buildCSS(themes, cssEntryFile);
-      buildDtsFile(dtsFile, stringifiedThemes);
+      await bundlerConfig.generateArtifacts(cssArtifactPath);
     }
   };
 };

package/package.json

@@ -1,11 +1,14 @@
 {
     "private": false,
     "name": "@niibase/uniwind",
-    "version": "1.6.4",
+    "version": "1.8.0",
     "description": "A fork of Uniwind with Reanimated 4 support",
     "homepage": "https://uniwind.dev",
     "author": "Unistack",
     "type": "module",
+    "bin": {
+        "uniwind": "./dist/cli/index.mjs"
+    },
     "repository": "https://github.com/divineniiquaye/uniwind-oss",
     "sideEffects": false,
     "scripts": {
@@ -22,7 +25,7 @@
         "test:native": "jest --config jest.config.native.js",
         "test:web": "jest --config jest.config.web.js",
         "test:types": "tsc --project tests/type-test/tsconfig.json",
-        "test:e2e": "playwright test",
+        "test:e2e": "bun --bun playwright test",
         "release": "release-it"
     },
     "keywords": [
@@ -83,8 +86,8 @@
         "LICENSE"
     ],
     "dependencies": {
-        "@tailwindcss/node": "4.2.1",
-        "@tailwindcss/oxide": "4.2.1",
+        "@tailwindcss/node": "4.3.0",
+        "@tailwindcss/oxide": "4.3.0",
         "culori": "4.0.2",
         "lightningcss": "1.30.1"
     },
@@ -94,35 +97,48 @@
         "react-native-gesture-handler": ">=2.28.0",
         "react-native-reanimated": ">=4",
         "react-native-safe-area-context": ">=5.6.0",
-        "tailwindcss": ">=4"
+        "tailwindcss": ">=4",
+        "metro": "*",
+        "metro-cache": "*",
+        "@expo/metro-config": "*",
+        "metro-transform-worker": "*"
+    },
+    "peerDependenciesMeta": {
+        "@expo/metro-config": {
+            "optional": true
+        },
+        "metro-transform-worker": {
+            "optional": true
+        }
     },
     "devDependencies": {
-        "@playwright/test": "1.58.2",
-        "@react-native/babel-preset": "0.84.1",
+        "@playwright/test": "1.60.0",
+        "@react-native/babel-preset": "0.85.3",
+        "@react-native/jest-preset": "0.85.3",
+        "@swc/core": "1.15.33",
+        "@swc/jest": "0.2.39",
         "@testing-library/jest-dom": "6.9.1",
         "@testing-library/jest-native": "5.4.3",
         "@testing-library/react": "16.3.2",
         "@testing-library/react-native": "13.3.3",
         "@types/bun": "catalog:",
         "@types/culori": "4.0.1",
-        "@types/jest": "30.0.0",
+        "@types/jest": "29.5.14",
         "@types/react": "catalog:",
-        "dpdm": "4.0.1",
-        "git-cliff": "2.12.0",
-        "jest": "30.2.0",
-        "jest-environment-jsdom": "30.2.0",
-        "metro": "0.84.2",
-        "prettier": "3.8.1",
-        "react-native-gesture-handler": "2.28.0",
+        "dpdm": "4.2.0",
+        "git-cliff": "2.13.1",
+        "jest": "29.7.0",
+        "jest-environment-jsdom": "29.7.0",
+        "metro": "0.84.4",
+        "prettier": "3.8.3",
+        "react-native-gesture-handler": "2.31.2",
         "react-native-reanimated": "catalog:",
-        "react-native-safe-area-context": "5.6.0",
+        "react-native-safe-area-context": "5.7.0",
         "react-native-web": "catalog:",
-        "react-test-renderer": "19.2.4",
-        "release-it": "19.2.4",
-        "ts-jest": "29.4.6",
+        "react-test-renderer": "19.2.3",
+        "release-it": "20.0.1",
         "typescript": "catalog:",
         "unbuild": "3.6.1",
-        "vite": "catalog:",
-        "esbuild": "0.27.3"
+        "vite": "catalog:"
     }
 }

package/src/{metro → bundler/adapters/metro}/index.d.ts

@@ -2,11 +2,13 @@ import type { MetroConfig } from 'metro-config'
 
 type Polyfills = {
     rem?: number
+    responsive?: 'text' | 'components' | boolean
 }
 
 type UniwindConfig = {
     cssEntryFile: string
     extraThemes?: Array<string>
+    extraComponents?: Record<string, string>
     dtsFile?: string
     polyfills?: Polyfills
     debug?: boolean

package/src/bundler/adapters/metro/index.ts

@@ -0,0 +1 @@
+export * from './metro'

package/src/bundler/adapters/metro/metro.ts

@@ -0,0 +1,67 @@
+import { UniwindBundlerConfig } from '@/bundler/config'
+import type { UniwindConfig } from '@/bundler/types'
+import { Platform } from '@/common/consts'
+import type { MetroConfig } from 'metro-config'
+import type { CustomResolver } from 'metro-resolver'
+import { join } from 'node:path'
+import { name as UNIWIND_PACKAGE_NAME } from '../../../../package.json'
+import { cacheStore, patchMetroGraphToSupportUncachedModules } from './patches'
+import { nativeResolver, webResolver } from './resolvers'
+
+const isUniwindRequest = (moduleName: string) => moduleName === UNIWIND_PACKAGE_NAME || moduleName.startsWith(`${UNIWIND_PACKAGE_NAME}/`)
+
+export const withUniwindConfig = <T extends MetroConfig>(
+    config: T,
+    uniwindConfig: UniwindConfig,
+): T => {
+    const bundlerConfig = UniwindBundlerConfig.fromMetroConfig(uniwindConfig)
+    const pinnedUniwindOrigin = join(config.projectRoot ?? process.cwd(), 'package.json')
+
+    patchMetroGraphToSupportUncachedModules()
+
+    return {
+        ...config,
+        cacheStores: [cacheStore],
+        transformerPath: require.resolve('./transformer.cjs'),
+        transformer: {
+            ...config.transformer,
+            uniwind: bundlerConfig.toMetroConfig(),
+        },
+        resolver: {
+            ...config.resolver,
+            sourceExts: [
+                ...config.resolver?.sourceExts ?? [],
+                'css',
+            ],
+            assetExts: config.resolver?.assetExts?.filter(
+                ext => ext !== 'css',
+            ),
+            resolveRequest: (context, moduleName, platform) => {
+                const baseResolver = config.resolver?.resolveRequest ?? context.resolveRequest
+                const resolver: CustomResolver = (nextContext, nextModuleName, nextPlatform) => {
+                    if (isUniwindRequest(nextModuleName)) {
+                        return baseResolver(
+                            {
+                                ...nextContext,
+                                originModulePath: pinnedUniwindOrigin,
+                            },
+                            nextModuleName,
+                            nextPlatform,
+                        )
+                    }
+
+                    return baseResolver(nextContext, nextModuleName, nextPlatform)
+                }
+                const platformResolver = platform === Platform.Web ? webResolver : nativeResolver
+                const resolved = platformResolver(uniwindConfig.extraComponents ?? {})({
+                    context,
+                    moduleName,
+                    platform,
+                    resolver,
+                })
+
+                return resolved
+            },
+        },
+    }
+}

package/src/{metro/metro-css-patches.ts → bundler/adapters/metro/patches.ts}

@@ -1,5 +1,6 @@
 import type { Graph, Result as GraphResult } from '@expo/metro/metro/DeltaBundler/Graph'
 import FileStoreBase from 'metro-cache/private/stores/FileStore'
+import type * as MetroGraphModule from 'metro/private/DeltaBundler/Graph'
 import type { Options as GraphOptions } from 'metro/private/DeltaBundler/types'
 import os from 'os'
 import path from 'path'
@@ -24,7 +25,7 @@ interface TraverseDependencies {
 }
 
 export const patchMetroGraphToSupportUncachedModules = () => {
-    const { Graph } = require('metro/private/DeltaBundler/Graph') as typeof import('metro/private/DeltaBundler/Graph')
+    const { Graph } = require('metro/private/DeltaBundler/Graph') as typeof MetroGraphModule
 
     // oxlint-disable-next-line @typescript-eslint/unbound-method
     const original_traverseDependencies = Graph.prototype.traverseDependencies as unknown as TraverseDependencies
@@ -38,7 +39,7 @@ export const patchMetroGraphToSupportUncachedModules = () => {
     function traverseDependencies(this: Graph, paths: Array<string>, options: GraphOptions<any>) {
         this.dependencies.forEach(dependency => {
             if (
-                dependency.output.find(file => file.data.css?.skipCache === true)
+                dependency.output.find(file => (file.data as any)?.css?.skipCache === true)
                 && !paths.includes(dependency.path)
             ) {
                 // @ts-expect-error Hidden property

package/src/{metro → bundler/adapters/metro}/resolvers.ts

@@ -1,6 +1,6 @@
-import { CustomResolutionContext, CustomResolver } from 'metro-resolver'
+import type { CustomResolutionContext, CustomResolver } from 'metro-resolver'
 import { basename, dirname, sep } from 'node:path'
-import { name } from '../../package.json'
+import { name as UNIWIND_PACKAGE_NAME } from '../../../../package.json'
 
 type ResolverConfig = {
     platform: string | null
@@ -48,7 +48,7 @@ export const nativeResolver = (extraComponents: Record<string, string>) =>
 
     if (cachedInternalBasePath === null) {
         try {
-            cachedInternalBasePath = dirname(require.resolve(`${name}/package.json`))
+            cachedInternalBasePath = dirname(require.resolve(`${UNIWIND_PACKAGE_NAME}/package.json`))
         } catch {
             cachedInternalBasePath = ''
         }
@@ -69,11 +69,11 @@ export const nativeResolver = (extraComponents: Record<string, string>) =>
     }
 
     if (moduleName === 'react-native') {
-        return resolver(context, `${name}/components`, platform)
+        return resolver(context, `${UNIWIND_PACKAGE_NAME}/components`, platform)
     }
 
     if (moduleName === 'react-native-gesture-handler') {
-        return resolver(context, `${name}/components/react-native-gesture-handler`, platform)
+        return resolver(context, `${UNIWIND_PACKAGE_NAME}/components/react-native-gesture-handler`, platform)
     }
 
     if (
@@ -83,7 +83,7 @@ export const nativeResolver = (extraComponents: Record<string, string>) =>
         const module = filename.split('.').at(0)
 
         if (module !== undefined && SUPPORTED_COMPONENTS.includes(module)) {
-            return resolver(context, `${name}/components/${module}`, platform)
+            return resolver(context, `${UNIWIND_PACKAGE_NAME}/components/${module}`, platform)
         }
     }
 
@@ -106,7 +106,7 @@ export const webResolver = (extraComponents: Record<string, string>) =>
 
     if (cachedInternalBasePath === null) {
         try {
-            cachedInternalBasePath = dirname(require.resolve(`${name}/package.json`))
+            cachedInternalBasePath = dirname(require.resolve(`${UNIWIND_PACKAGE_NAME}/package.json`))
         } catch {
             cachedInternalBasePath = ''
         }
@@ -139,5 +139,5 @@ export const webResolver = (extraComponents: Record<string, string>) =>
         return resolution
     }
 
-    return resolver(context, `${name}/components/${module}`, platform)
+    return resolver(context, `${UNIWIND_PACKAGE_NAME}/components/${module}`, platform)
 }