@niibase/uniwind 1.6.4 → 1.7.0

package/src/hooks/useResolveClassNames.ts

@@ -1,6 +1,6 @@
 import { useLayoutEffect, useReducer } from 'react'
 import { useUniwindContext } from '../core/context'
-import { RNStyle } from '../core/types'
+import type { RNStyle } from '../core/types'
 import { CSSListener, getWebStyles } from '../core/web'
 
 const emptyState = {} as RNStyle

package/src/hooks/useUniwind.ts

@@ -1,9 +1,9 @@
 import { useLayoutEffect, useState } from 'react'
+import { StyleDependency } from '../common/consts'
 import { Uniwind } from '../core'
 import { useUniwindContext } from '../core/context'
 import { UniwindListener } from '../core/listener'
-import { ThemeName } from '../core/types'
-import { StyleDependency } from '../types'
+import type { ThemeName } from '../core/types'
 
 export const useUniwind = (): { theme: ThemeName; hasAdaptiveThemes: boolean } => {
     const uniwindContext = useUniwindContext()

package/src/index.ts

@@ -1,7 +1,6 @@
 export * from './components/ScopedTheme'
 export { Uniwind } from './core'
-export type { ThemeName } from './core/types'
+export type { ThemeName, UniwindConfig } from './core/types'
 export { withUniwind } from './hoc'
 export type { ApplyUniwind, ApplyUniwindOptions } from './hoc/types'
 export { useCSSVariable, useResolveClassNames, useUniwind } from './hooks'
-export type { UniwindConfig } from './types'

package/dist/common/types.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyleDependency = exports.Orientation = exports.ColorScheme = void 0;
-var StyleDependency = exports.StyleDependency = /* @__PURE__ */(StyleDependency2 => {
-  StyleDependency2[StyleDependency2["ColorScheme"] = 1] = "ColorScheme";
-  StyleDependency2[StyleDependency2["Theme"] = 2] = "Theme";
-  StyleDependency2[StyleDependency2["Dimensions"] = 3] = "Dimensions";
-  StyleDependency2[StyleDependency2["Orientation"] = 4] = "Orientation";
-  StyleDependency2[StyleDependency2["Insets"] = 5] = "Insets";
-  StyleDependency2[StyleDependency2["FontScale"] = 6] = "FontScale";
-  StyleDependency2[StyleDependency2["Rtl"] = 7] = "Rtl";
-  StyleDependency2[StyleDependency2["AdaptiveThemes"] = 8] = "AdaptiveThemes";
-  StyleDependency2[StyleDependency2["Variables"] = 9] = "Variables";
-  return StyleDependency2;
-})(StyleDependency || {});
-var Orientation = exports.Orientation = /* @__PURE__ */(Orientation2 => {
-  Orientation2["Portrait"] = "portrait";
-  Orientation2["Landscape"] = "landscape";
-  return Orientation2;
-})(Orientation || {});
-var ColorScheme = exports.ColorScheme = /* @__PURE__ */(ColorScheme2 => {
-  ColorScheme2["Light"] = "light";
-  ColorScheme2["Dark"] = "dark";
-  return ColorScheme2;
-})(ColorScheme || {});

package/dist/common/utils/stringifyThemes.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.stringifyThemes = void 0;
-const stringifyThemes = (themes = []) => `[${themes.map(theme => `'${theme}'`).join(", ")}]`;
-exports.stringifyThemes = stringifyThemes;

package/dist/common/vite/vite.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uniwind = void 0;
-var _node = require("@tailwindcss/node");
-var _path = _interopRequireDefault(require("path"));
-var _package = require("../../package.json");
-var _css = require("../css");
-var _cssVisitor = require("../css-visitor");
-var _utils = require("../metro/utils");
-var _buildDtsFile = require("../utils/buildDtsFile");
-var _stringifyThemes = require("../utils/stringifyThemes");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const dirname = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
-const componentPath = _path.default.resolve(dirname, "../module/components/web/index.js");
-const styleSheetPath = _path.default.resolve(dirname, "../module/components/web/createOrderedCSSStyleSheet.js");
-const uniwind = ({
-  cssEntryFile,
-  extraThemes,
-  dtsFile = "uniwind-types.d.ts"
-}) => {
-  const themes = (0, _utils.uniq)(["light", "dark", ...(extraThemes ?? [])]);
-  const stringifiedThemes = (0, _stringifyThemes.stringifyThemes)(themes);
-  return {
-    name: "uniwind",
-    enforce: "pre",
-    resolveId: (source, importer) => {
-      const normalizedSource = (0, _node.normalizePath)(source);
-      const isTarget = source === "./createOrderedCSSStyleSheet" || normalizedSource.endsWith("react-native-web/dist/exports/StyleSheet/dom/createOrderedCSSStyleSheet.js");
-      if (isTarget && importer !== void 0 && (0, _node.normalizePath)(importer).includes("react-native-web/dist/exports/StyleSheet")) {
-        return styleSheetPath;
-      }
-    },
-    config: () => ({
-      css: {
-        transformer: "lightningcss",
-        lightningcss: {
-          visitor: new _cssVisitor.UniwindCSSVisitor(themes)
-        }
-      },
-      optimizeDeps: {
-        exclude: [_package.name, "react-native"],
-        esbuildOptions: {
-          plugins: [{
-            name: "uniwind-esbuild-plugin",
-            setup: build => {
-              build.onResolve({
-                filter: /^\.\/createOrderedCSSStyleSheet$/
-              }, args => {
-                if ((0, _node.normalizePath)(args.importer).includes("react-native-web/dist/exports/StyleSheet")) {
-                  return {
-                    path: styleSheetPath
-                  };
-                }
-              });
-            }
-          }]
-        }
-      },
-      resolve: {
-        alias: [{
-          find: /^react-native$/,
-          replacement: componentPath,
-          customResolver: {
-            resolveId(_, importer) {
-              if (importer !== void 0 && (0, _node.normalizePath)(importer).includes(`${_package.name}/dist`)) {
-                return this.resolve("react-native-web");
-              }
-              return componentPath;
-            }
-          }
-        }]
-      }
-    }),
-    transform: (code, id) => {
-      const normalizedId = (0, _node.normalizePath)(id);
-      if (normalizedId.includes(`${_package.name}/dist`) && normalizedId.includes("config/config.js")) {
-        return {
-          code: `${code}Uniwind.__reinit(() => ({}), ${stringifiedThemes})`
-        };
-      }
-    },
-    buildStart: async () => {
-      await (0, _css.buildCSS)(themes, cssEntryFile);
-      (0, _buildDtsFile.buildDtsFile)(dtsFile, stringifiedThemes);
-    },
-    generateBundle: async () => {
-      await (0, _css.buildCSS)(themes, cssEntryFile);
-      (0, _buildDtsFile.buildDtsFile)(dtsFile, stringifiedThemes);
-    }
-  };
-};
-exports.uniwind = uniwind;

package/dist/module/types.d.ts

@@ -1,21 +0,0 @@
-export declare enum StyleDependency {
-    ColorScheme = 1,
-    Theme = 2,
-    Dimensions = 3,
-    Orientation = 4,
-    Insets = 5,
-    FontScale = 6,
-    Rtl = 7,
-    AdaptiveThemes = 8,
-    Variables = 9
-}
-export declare const enum Orientation {
-    Portrait = "portrait",
-    Landscape = "landscape"
-}
-export declare const enum ColorScheme {
-    Light = "light",
-    Dark = "dark"
-}
-export interface UniwindConfig {
-}

package/dist/module/types.js

@@ -1,22 +0,0 @@
-export var StyleDependency = /* @__PURE__ */ ((StyleDependency2) => {
-  StyleDependency2[StyleDependency2["ColorScheme"] = 1] = "ColorScheme";
-  StyleDependency2[StyleDependency2["Theme"] = 2] = "Theme";
-  StyleDependency2[StyleDependency2["Dimensions"] = 3] = "Dimensions";
-  StyleDependency2[StyleDependency2["Orientation"] = 4] = "Orientation";
-  StyleDependency2[StyleDependency2["Insets"] = 5] = "Insets";
-  StyleDependency2[StyleDependency2["FontScale"] = 6] = "FontScale";
-  StyleDependency2[StyleDependency2["Rtl"] = 7] = "Rtl";
-  StyleDependency2[StyleDependency2["AdaptiveThemes"] = 8] = "AdaptiveThemes";
-  StyleDependency2[StyleDependency2["Variables"] = 9] = "Variables";
-  return StyleDependency2;
-})(StyleDependency || {});
-export var Orientation = /* @__PURE__ */ ((Orientation2) => {
-  Orientation2["Portrait"] = "portrait";
-  Orientation2["Landscape"] = "landscape";
-  return Orientation2;
-})(Orientation || {});
-export var ColorScheme = /* @__PURE__ */ ((ColorScheme2) => {
-  ColorScheme2["Light"] = "light";
-  ColorScheme2["Dark"] = "dark";
-  return ColorScheme2;
-})(ColorScheme || {});

package/dist/module/utils/stringifyThemes.d.ts

@@ -1 +0,0 @@
-export declare const stringifyThemes: (themes?: Array<string>) => string;

package/dist/module/utils/stringifyThemes.js

@@ -1 +0,0 @@
-export const stringifyThemes = (themes = []) => `[${themes.map((theme) => `'${theme}'`).join(", ")}]`;

package/dist/module/vite/index.d.ts

@@ -1,9 +0,0 @@
-import type { Plugin } from 'vite'
-
-type UniwindConfig = {
-    cssEntryFile: string
-    extraThemes?: Array<string>
-    dtsFile?: string
-}
-
-export declare function uniwind(config: UniwindConfig): Plugin

package/dist/module/vite/index.js

@@ -1 +0,0 @@
-export * from "./vite.js";

package/dist/module/vite/vite.d.ts

@@ -1,8 +0,0 @@
-import type { Plugin } from 'vite';
-type UniwindConfig = {
-    cssEntryFile: string;
-    extraThemes?: Array<string>;
-    dtsFile?: string;
-};
-export declare const uniwind: ({ cssEntryFile, extraThemes, dtsFile, }: UniwindConfig) => Plugin;
-export {};

package/dist/module/vite/vite.js

@@ -1,98 +0,0 @@
-import { normalizePath } from "@tailwindcss/node";
-import path from "path";
-import { name as UNIWIND_PACKAGE_NAME } from "../../package.json";
-import { buildCSS } from "../css/index.js";
-import { UniwindCSSVisitor } from "../css-visitor/index.js";
-import { uniq } from "../metro/utils";
-import { buildDtsFile } from "../utils/buildDtsFile.js";
-import { stringifyThemes } from "../utils/stringifyThemes.js";
-const dirname = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
-const componentPath = path.resolve(
-  dirname,
-  "../module/components/web/index.js"
-);
-const styleSheetPath = path.resolve(
-  dirname,
-  "../module/components/web/createOrderedCSSStyleSheet.js"
-);
-export const uniwind = ({
-  cssEntryFile,
-  extraThemes,
-  dtsFile = "uniwind-types.d.ts"
-}) => {
-  const themes = uniq([
-    "light",
-    "dark",
-    ...extraThemes ?? []
-  ]);
-  const stringifiedThemes = stringifyThemes(themes);
-  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;
-      }
-    },
-    config: () => ({
-      css: {
-        transformer: "lightningcss",
-        lightningcss: {
-          visitor: new UniwindCSSVisitor(themes)
-        }
-      },
-      optimizeDeps: {
-        exclude: [UNIWIND_PACKAGE_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 };
-                  }
-                }
-              );
-            }
-          }]
-        }
-      },
-      resolve: {
-        alias: [
-          {
-            find: /^react-native$/,
-            replacement: componentPath,
-            customResolver: {
-              resolveId(_, importer) {
-                if (importer !== void 0 && normalizePath(importer).includes(`${UNIWIND_PACKAGE_NAME}/dist`)) {
-                  return this.resolve("react-native-web");
-                }
-                return componentPath;
-              }
-            }
-          }
-        ]
-      }
-    }),
-    transform: (code, id) => {
-      const normalizedId = normalizePath(id);
-      if (normalizedId.includes(`${UNIWIND_PACKAGE_NAME}/dist`) && normalizedId.includes("config/config.js")) {
-        return {
-          code: `${code}Uniwind.__reinit(() => ({}), ${stringifiedThemes})`
-        };
-      }
-    },
-    buildStart: async () => {
-      await buildCSS(themes, cssEntryFile);
-      buildDtsFile(dtsFile, stringifiedThemes);
-    },
-    generateBundle: async () => {
-      await buildCSS(themes, cssEntryFile);
-      buildDtsFile(dtsFile, stringifiedThemes);
-    }
-  };
-};

package/dist/shared/uniwind.B5q8hBGv.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var Platform = /* @__PURE__ */ ((Platform2) => {
-  Platform2["Android"] = "android";
-  Platform2["iOS"] = "ios";
-  Platform2["Web"] = "web";
-  Platform2["Native"] = "native";
-  Platform2["TV"] = "tv";
-  Platform2["AndroidTV"] = "android-tv";
-  Platform2["AppleTV"] = "apple-tv";
-  return Platform2;
-})(Platform || {});
-const UNIWIND_PLATFORM_VARIABLES = "__uniwind-platform-";
-const UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
-
-exports.Platform = Platform;
-exports.UNIWIND_PLATFORM_VARIABLES = UNIWIND_PLATFORM_VARIABLES;
-exports.UNIWIND_THEME_VARIABLES = UNIWIND_THEME_VARIABLES;

package/dist/shared/uniwind.Cv73KtI-.cjs

@@ -1,86 +0,0 @@
-'use strict';
-
-const name = "@niibase/uniwind";
-
-const toCamelCase = (str) => str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
-const pipe = (data) => ((...fns) => fns.reduce((acc, fn) => fn(acc), data));
-const isNumber = (data) => {
-  if (typeof data === "number") {
-    return true;
-  }
-  if (typeof data === "string" && data !== "") {
-    return !isNaN(Number(data));
-  }
-  return false;
-};
-const smartSplit = (str, separator = " ") => {
-  const escaper = "&&&";
-  return pipe(str)(
-    (x) => x.replace(/\s\?\?\s/g, `${escaper}??${escaper}`),
-    (x) => x.replace(/\s([+\-*/])\s/g, `${escaper}$1${escaper}`),
-    (x) => x.split(separator),
-    (x) => x.map((token) => token.replace(new RegExp(escaper, "g"), " "))
-  );
-};
-const addMissingSpaces = (str) => pipe(str)(
-  (x) => x.trim(),
-  (x) => x.replace(/([^ {])this/g, "$1 this"),
-  (x) => x.replace(/\](?=\d)/g, "] "),
-  (x) => x.replace(/\](?=")/g, "] "),
-  (x) => x.replace(/\)(?=\S)/g, ") "),
-  (x) => x.replace(/(?<!^)(?<!\s)"(?=\d)/g, '" ')
-);
-const uniq = (arr) => Array.from(new Set(arr));
-const isValidJSValue = (jsValueString) => {
-  try {
-    new Function(`const test = ${jsValueString}`);
-    return true;
-  } catch {
-    return false;
-  }
-};
-const shouldBeSerialized = (value) => {
-  if (value.includes("-")) {
-    return value.split("-").some(shouldBeSerialized);
-  }
-  return [
-    isNumber(value),
-    value.startsWith("this["),
-    value.startsWith("rt."),
-    /[*/+-]/.test(value),
-    value.includes('"'),
-    value.includes(" "),
-    value === "(",
-    value === ")"
-  ].some(Boolean);
-};
-const roundToPrecision = (value, precision) => parseFloat(value.toFixed(precision));
-const deepEqual = (a, b) => {
-  if (Object.is(a, b)) {
-    return true;
-  }
-  if (typeof a !== "object" || a === null || typeof b !== "object" || b === null) {
-    return false;
-  }
-  const keysA = Object.keys(a);
-  if (keysA.length !== Object.keys(b).length) {
-    return false;
-  }
-  return keysA.every((key) => deepEqual(a[key], b[key]) && Object.prototype.hasOwnProperty.call(b, key));
-};
-const removeKeys = (obj, keysToRemove) => Object.fromEntries(
-  Object.entries(obj).filter(([key]) => !keysToRemove.includes(key))
-);
-
-exports.addMissingSpaces = addMissingSpaces;
-exports.deepEqual = deepEqual;
-exports.isNumber = isNumber;
-exports.isValidJSValue = isValidJSValue;
-exports.name = name;
-exports.pipe = pipe;
-exports.removeKeys = removeKeys;
-exports.roundToPrecision = roundToPrecision;
-exports.shouldBeSerialized = shouldBeSerialized;
-exports.smartSplit = smartSplit;
-exports.toCamelCase = toCamelCase;
-exports.uniq = uniq;

package/dist/shared/uniwind.JSWK3vHl.mjs

@@ -1,14 +0,0 @@
-var Platform = /* @__PURE__ */ ((Platform2) => {
-  Platform2["Android"] = "android";
-  Platform2["iOS"] = "ios";
-  Platform2["Web"] = "web";
-  Platform2["Native"] = "native";
-  Platform2["TV"] = "tv";
-  Platform2["AndroidTV"] = "android-tv";
-  Platform2["AppleTV"] = "apple-tv";
-  return Platform2;
-})(Platform || {});
-const UNIWIND_PLATFORM_VARIABLES = "__uniwind-platform-";
-const UNIWIND_THEME_VARIABLES = "__uniwind-theme-";
-
-export { Platform as P, UNIWIND_PLATFORM_VARIABLES as U, UNIWIND_THEME_VARIABLES as a };

package/src/metro/compileVirtual.ts

@@ -1,85 +0,0 @@
-import { compile } from '@tailwindcss/node'
-import { Scanner } from '@tailwindcss/oxide'
-import { transform } from 'lightningcss'
-import path from 'path'
-import { Platform } from '../common/consts'
-import { UniwindCSSVisitor } from '../css-visitor'
-import { addMetaToStylesTemplate } from './addMetaToStylesTemplate'
-import { Logger } from './logger'
-import { ProcessorBuilder } from './processor'
-import { Polyfills } from './types'
-import { serializeJSObject } from './utils'
-
-type CompileVirtualConfig = {
-    cssPath: string
-    css: string
-    platform: Platform
-    themes: Array<string>
-    polyfills: Polyfills | undefined
-    debug: boolean | undefined
-    candidates?: Array<string>
-}
-
-export const compileVirtual = async ({ css, cssPath, platform, themes, polyfills, debug, candidates }: CompileVirtualConfig) => {
-    const compiler = await compile(css, {
-        base: path.dirname(cssPath),
-        onDependency: () => void 0,
-    })
-    const scanner = new Scanner({
-        sources: [
-            ...compiler.sources,
-            {
-                negated: false,
-                pattern: '**/*',
-                base: path.dirname(cssPath),
-            },
-        ],
-    })
-    const tailwindCSS = compiler.build(candidates ?? scanner.scan())
-
-    if (platform === Platform.Web) {
-        return transform({
-            code: Buffer.from(tailwindCSS),
-            filename: 'uniwind.css',
-            visitor: new UniwindCSSVisitor(themes),
-        }).code.toString()
-    }
-
-    const Processor = new ProcessorBuilder(themes, polyfills)
-
-    Logger.debug = debug === true
-    Processor.transform(tailwindCSS)
-
-    const stylesheet = serializeJSObject(
-        addMetaToStylesTemplate(Processor, platform),
-        (key, value) => `"${key}": ${value}`,
-    )
-    const vars = serializeJSObject(
-        Processor.vars,
-        (key, value) => `get "${key}"() { return ${value} }`,
-    )
-    const scopedVars = Object.fromEntries(
-        Object.entries(Processor.scopedVars)
-            .map(([scopedVarsName, scopedVars]) => [
-                scopedVarsName,
-                serializeJSObject(scopedVars, (key, value) => `get "${key}"() { return ${value} }`),
-            ]),
-    )
-    const keyframes = serializeJSObject(
-        Processor.keyframes,
-        (key, value) => `get "${key}"() { return ${value} }`,
-    )
-    const serializedScopedVars = Object.entries(scopedVars)
-        .map(([scopedVarsName, scopedVars]) => `"${scopedVarsName}": ({ ${scopedVars} }),`)
-        .join('')
-    const currentColorVar = `get currentColor() { return rt.colorScheme === 'dark' ? '#ffffff' : '#000000' },`
-
-    return [
-        '({',
-        `scopedVars: ({ ${serializedScopedVars} }),`,
-        `vars: ({ ${currentColorVar} ${vars} }),`,
-        `stylesheet: ({ ${stylesheet} }),`,
-        `keyframes: ({ ${keyframes} }),`,
-        '})',
-    ].join('')
-}

package/src/metro/index.ts

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

package/src/metro/injectThemes.ts

@@ -1,23 +0,0 @@
-import { buildCSS } from '../css'
-import { buildDtsFile } from '../utils/buildDtsFile'
-import { stringifyThemes } from '../utils/stringifyThemes'
-
-type InjectThemesConfig = {
-    themes: Array<string>
-    dtsPath?: string
-    input: string
-}
-
-export const injectThemes = async ({
-    themes,
-    dtsPath = 'uniwind-types.d.ts',
-    input,
-}: InjectThemesConfig) => {
-    const stringifiedThemes = stringifyThemes(themes)
-
-    buildDtsFile(dtsPath, stringifiedThemes)
-    await buildCSS(themes, input)
-
-    // js generation
-    return stringifiedThemes
-}