@niibase/uniwind 1.6.4 → 1.8.0

package/dist/shared/{uniwind.r2i22V6d.cjs → uniwind.BEqYiPBB.cjs}

@@ -1,220 +1,15 @@
 'use strict';
 
 const fs = require('fs');
-const path = require('path');
 const node = require('@tailwindcss/node');
 const lightningcss = require('lightningcss');
-const common = require('./uniwind.Cv73KtI-.cjs');
+const path = require('path');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
 const fs__default = /*#__PURE__*/_interopDefaultCompat(fs);
 const path__default = /*#__PURE__*/_interopDefaultCompat(path);
 
-const red = "\x1B[91m";
-const yellow = "\x1B[33m";
-const blue = "\x1B[36m";
-const reset = "\x1B[0m";
-class Logger {
-  constructor(name) {
-    this.name = name;
-  }
-  static debug = false;
-  static log(message, meta = "") {
-    if (!Logger.debug) {
-      return;
-    }
-    console.log(`${blue}Uniwind ${meta}- ${message}${reset}`);
-  }
-  static error(message, meta = "") {
-    console.log(`${red}Uniwind Error ${meta}- ${message}${reset}`);
-  }
-  static warn(message, meta = "") {
-    if (!Logger.debug) {
-      return;
-    }
-    console.log(`${yellow}Uniwind Warning ${meta}- ${message}${reset}`);
-  }
-  log(message) {
-    Logger.log(message, `[${this.name} Processor] `);
-  }
-  error(message) {
-    Logger.error(message, `[${this.name} Processor] `);
-  }
-  warn(message) {
-    Logger.warn(message, `[${this.name} Processor] `);
-  }
-}
-
-const ONE_PX = {
-  type: "token",
-  value: { type: "dimension", unit: "px", value: 1 }
-};
-class FunctionVisitor {
-  platformSelect(fn) {
-    return fn.arguments.at(0) ?? { type: "token", value: { type: "ident", value: "initial" } };
-  }
-  pixelRatio(fn) {
-    return {
-      type: "function",
-      value: {
-        name: "calc",
-        arguments: [
-          fn.arguments.at(0) ?? ONE_PX,
-          { type: "token", value: { type: "delim", value: "*" } },
-          ONE_PX
-        ]
-      }
-    };
-  }
-  fontScale(fn) {
-    return {
-      type: "function",
-      value: {
-        name: "calc",
-        arguments: [
-          fn.arguments.at(0) ?? ONE_PX,
-          { type: "token", value: { type: "delim", value: "*" } },
-          {
-            type: "token",
-            value: { type: "dimension", value: 1, unit: "rem" }
-          }
-        ]
-      }
-    };
-  }
-  hairlineWidth() {
-    return ONE_PX;
-  }
-}
-
-class RuleVisitor {
-  constructor(themes) {
-    this.themes = themes;
-  }
-  processedClassNames = /* @__PURE__ */ new Set();
-  processedVariables = /* @__PURE__ */ new Set();
-  currentLayerName = "";
-  "layer-block" = (layer) => {
-    this.currentLayerName = layer.value.name?.join("") ?? "";
-  };
-  style = (styleRule) => {
-    const firstSelector = styleRule.value.selectors.at(0)?.at(0);
-    if (this.currentLayerName === "theme" && firstSelector?.type === "pseudo-class" && firstSelector.kind === "root") {
-      return this.removeNulls(this.processThemeRoot(styleRule));
-    }
-    if (firstSelector?.type === "class") {
-      return this.processClassStyle(styleRule, firstSelector);
-    }
-  };
-  cleanup() {
-    this.currentLayerName = "";
-    this.processedClassNames.clear();
-    this.processedVariables.clear();
-  }
-  processThemeRoot(styleRule) {
-    const themeScopedRules = styleRule.value.rules?.filter((rule) => {
-      if (rule.type !== "style") {
-        return false;
-      }
-      const firstSelector = rule.value.selectors.at(0)?.at(0);
-      const secondSelector = rule.value.selectors.at(0)?.at(1);
-      return firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where";
-    }) ?? [];
-    const nonThemeRules = styleRule.value.rules?.filter((rule) => !themeScopedRules.includes(rule));
-    const processedThemeScopedRules = themeScopedRules.map((rule) => {
-      if (rule.type !== "style") {
-        return rule;
-      }
-      const secondSelector = rule.value.selectors.at(0)?.at(1);
-      if (secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
-        return this.processThemeStyle(rule, secondSelector);
-      }
-      return rule;
-    });
-    return [
-      {
-        type: "style",
-        value: {
-          loc: styleRule.value.loc,
-          selectors: styleRule.value.selectors,
-          rules: nonThemeRules,
-          declarations: styleRule.value.declarations
-        }
-      },
-      ...processedThemeScopedRules
-    ];
-  }
-  processThemeStyle(styleRule, secondSelector) {
-    const whereSelector = secondSelector.selectors.at(0)?.at(0);
-    if (whereSelector?.type !== "class") {
-      return styleRule;
-    }
-    const selectedVariant = this.themes.find((theme) => whereSelector.name === theme);
-    if (selectedVariant === void 0 || this.processedVariables.has(selectedVariant)) {
-      return styleRule;
-    }
-    this.processedVariables.add(selectedVariant);
-    return {
-      type: "style",
-      value: {
-        loc: styleRule.value.loc,
-        selectors: [[{ type: "class", name: selectedVariant }]],
-        declarations: styleRule.value.declarations,
-        rules: styleRule.value.rules
-      }
-    };
-  }
-  processClassStyle(styleRule, firstSelector) {
-    const selectedVariant = this.themes.find((theme) => firstSelector.name.includes(`${theme}:`));
-    if (selectedVariant === void 0 || this.processedClassNames.has(firstSelector.name)) {
-      return;
-    }
-    this.processedClassNames.add(firstSelector.name);
-    return {
-      type: "scope",
-      value: {
-        loc: styleRule.value.loc,
-        rules: [styleRule],
-        scopeStart: [[{ type: "class", name: selectedVariant }]],
-        scopeEnd: this.themes.filter((theme) => theme !== selectedVariant).map((theme) => [{ type: "class", name: theme }])
-      }
-    };
-  }
-  // Fixes lightningcss serialization bug
-  removeNulls(value) {
-    if (Array.isArray(value)) {
-      return value.map((v) => this.removeNulls(v));
-    }
-    if (typeof value === "object" && value !== null) {
-      return Object.fromEntries(
-        Object.entries(value).filter(([_, value2]) => {
-          if (value2 === null) {
-            return false;
-          }
-          return true;
-        }).map(([key, value2]) => [key, this.removeNulls(value2)])
-      );
-    }
-    return value;
-  }
-}
-
-class UniwindCSSVisitor {
-  constructor(themes) {
-    this.themes = themes;
-    const ruleVisitor = new RuleVisitor(this.themes);
-    this.Function = new FunctionVisitor();
-    this.Rule = ruleVisitor;
-    this.StyleSheet = () => {
-      ruleVisitor.cleanup();
-    };
-  }
-  Function;
-  Rule;
-  StyleSheet;
-}
-
 const toKebabCase = (str) => str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
 const generateExtraUtilities = (map) => {
   return Object.entries(map).map(
@@ -340,6 +135,41 @@ const overwriteDisabled = `@custom-variant disabled {
 `;
 const OVERWRITE_CSS = overwriteDisabled;
 
+const red = "\x1B[91m";
+const blue = "\x1B[36m";
+const reset = "\x1B[0m";
+class Logger {
+  constructor(name) {
+    this.name = name;
+  }
+  static debug = false;
+  static log(message, meta = "") {
+    {
+      return;
+    }
+  }
+  static info(message) {
+    console.log(`${blue}[Uniwind] ${message}${reset}`);
+  }
+  static error(message, meta = "") {
+    console.log(`${red}Uniwind Error ${meta}- ${message}${reset}`);
+  }
+  static warn(message, meta = "") {
+    {
+      return;
+    }
+  }
+  log(message) {
+    Logger.log(message, `[${this.name} Processor] `);
+  }
+  error(message) {
+    Logger.error(message, `[${this.name} Processor] `);
+  }
+  warn(message) {
+    Logger.warn(message, `[${this.name} Processor] `);
+  }
+}
+
 const readFileSafe = (filePath) => {
   try {
     return fs__default.readFileSync(filePath, "utf-8");
@@ -386,6 +216,9 @@ const generateCSSForThemes = async (themes, input) => {
     }
     const importUrls = /* @__PURE__ */ new Set();
     const importsCSS = dependencies.filter((dependency) => {
+      if (dependency.type !== "import") {
+        return false;
+      }
       if (dependency.url.startsWith(".")) {
         importUrls.add(path__default.resolve(path__default.dirname(cssPath), dependency.url));
         return false;
@@ -464,10 +297,8 @@ const generateCSSForVariants = () => {
 };
 const VARIANTS_CSS = generateCSSForVariants();
 
-const dirname = typeof __dirname !== "undefined" ? __dirname : undefined;
-const buildCSS = async (themes, input) => {
+const buildCSS = async (themes, input, cssFilePath) => {
   const themesCSS = await generateCSSForThemes(themes, input);
-  const cssFilePath = path__default.join(dirname, "../../uniwind.css");
   const oldCSSFile = fs__default.existsSync(cssFilePath) ? fs__default.readFileSync(cssFilePath, "utf-8") : "";
   const newCssFile = [
     VARIANTS_CSS,
@@ -488,10 +319,10 @@ const buildCSS = async (themes, input) => {
 const buildDtsFile = (dtsPath, stringifiedThemes) => {
   const oldDtsContent = fs__default.existsSync(dtsPath) ? fs__default.readFileSync(dtsPath, "utf-8") : "";
   const dtsContent = [
-    `// NOTE: This file is generated by ${common.name} and it should not be edited manually.`,
-    `/// <reference types="${common.name}/types" />`,
+    `// NOTE: This file is generated by uniwind and it should not be edited manually.`,
+    `/// <reference types="uniwind/types" />`,
     "",
-    `declare module '${common.name}' {`,
+    `declare module 'uniwind' {`,
     `    export interface UniwindConfig {`,
     `        themes: readonly ${stringifiedThemes}`,
     `    }`,
@@ -506,10 +337,281 @@ const buildDtsFile = (dtsPath, stringifiedThemes) => {
   fs__default.writeFileSync(dtsPath, dtsContent);
 };
 
-const stringifyThemes = (themes = []) => `[${themes.map((theme) => `'${theme}'`).join(", ")}]`;
+const ONE_PX = {
+  type: "token",
+  value: { type: "dimension", unit: "px", value: 1 }
+};
+class FunctionVisitor {
+  platformSelect(fn) {
+    return fn.arguments.at(0) ?? { type: "token", value: { type: "ident", value: "initial" } };
+  }
+  pixelRatio(fn) {
+    return {
+      type: "function",
+      value: {
+        name: "calc",
+        arguments: [
+          fn.arguments.at(0) ?? ONE_PX,
+          { type: "token", value: { type: "delim", value: "*" } },
+          ONE_PX
+        ]
+      }
+    };
+  }
+  fontScale(fn) {
+    return {
+      type: "function",
+      value: {
+        name: "calc",
+        arguments: [
+          fn.arguments.at(0) ?? ONE_PX,
+          { type: "token", value: { type: "delim", value: "*" } },
+          {
+            type: "token",
+            value: { type: "dimension", value: 1, unit: "rem" }
+          }
+        ]
+      }
+    };
+  }
+  hairlineWidth() {
+    return ONE_PX;
+  }
+}
+
+class RuleVisitor {
+  constructor(bundlerConfig) {
+    this.bundlerConfig = bundlerConfig;
+  }
+  processedClassNames = /* @__PURE__ */ new Set();
+  processedVariables = /* @__PURE__ */ new Set();
+  currentLayerName = "";
+  "layer-block" = (layer) => {
+    this.currentLayerName = layer.value.name?.join("") ?? "";
+  };
+  style = (styleRule) => {
+    const firstSelector = styleRule.value.selectors.at(0)?.at(0);
+    if (this.currentLayerName === "theme" && firstSelector?.type === "pseudo-class" && firstSelector.kind === "root") {
+      return this.removeNulls(this.processThemeRoot(styleRule));
+    }
+    if (firstSelector?.type === "class") {
+      return this.processClassStyle(styleRule, firstSelector);
+    }
+  };
+  cleanup() {
+    this.currentLayerName = "";
+    this.processedClassNames.clear();
+    this.processedVariables.clear();
+  }
+  processThemeRoot(styleRule) {
+    const themeScopedRules = styleRule.value.rules?.filter((rule) => {
+      if (rule.type !== "style") {
+        return false;
+      }
+      const firstSelector = rule.value.selectors.at(0)?.at(0);
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      return firstSelector?.type === "nesting" && secondSelector?.type === "pseudo-class" && secondSelector.kind === "where";
+    }) ?? [];
+    const nonThemeRules = styleRule.value.rules?.filter((rule) => !themeScopedRules.includes(rule));
+    const processedThemeScopedRules = themeScopedRules.map((rule) => {
+      if (rule.type !== "style") {
+        return rule;
+      }
+      const secondSelector = rule.value.selectors.at(0)?.at(1);
+      if (secondSelector?.type === "pseudo-class" && secondSelector.kind === "where") {
+        return this.processThemeStyle(rule, secondSelector);
+      }
+      return rule;
+    });
+    return [
+      {
+        type: "style",
+        value: {
+          loc: styleRule.value.loc,
+          selectors: styleRule.value.selectors,
+          rules: nonThemeRules,
+          declarations: styleRule.value.declarations
+        }
+      },
+      ...processedThemeScopedRules
+    ];
+  }
+  processThemeStyle(styleRule, secondSelector) {
+    const whereSelector = secondSelector.selectors.at(0)?.at(0);
+    if (whereSelector?.type !== "class") {
+      return styleRule;
+    }
+    const selectedVariant = this.bundlerConfig.themes.find((theme) => whereSelector.name === theme);
+    if (selectedVariant === void 0 || this.processedVariables.has(selectedVariant)) {
+      return styleRule;
+    }
+    this.processedVariables.add(selectedVariant);
+    return {
+      type: "style",
+      value: {
+        loc: styleRule.value.loc,
+        selectors: [[{ type: "class", name: selectedVariant }]],
+        declarations: styleRule.value.declarations,
+        rules: styleRule.value.rules
+      }
+    };
+  }
+  processClassStyle(styleRule, firstSelector) {
+    const selectedVariant = this.bundlerConfig.themes.find((theme) => firstSelector.name.includes(`${theme}:`));
+    if (selectedVariant === void 0 || this.processedClassNames.has(firstSelector.name)) {
+      return;
+    }
+    this.processedClassNames.add(firstSelector.name);
+    return this.removeNulls({
+      type: "scope",
+      value: {
+        loc: styleRule.value.loc,
+        rules: [styleRule],
+        scopeStart: [[{ type: "class", name: selectedVariant }]],
+        scopeEnd: this.bundlerConfig.themes.filter((theme) => theme !== selectedVariant).map((theme) => [{ type: "class", name: theme }])
+      }
+    });
+  }
+  // Fixes lightningcss serialization bug
+  removeNulls(value) {
+    if (Array.isArray(value)) {
+      return value.map((v) => this.removeNulls(v));
+    }
+    if (typeof value === "object" && value !== null) {
+      return Object.fromEntries(
+        Object.entries(value).filter(([_, value2]) => {
+          if (value2 === null) {
+            return false;
+          }
+          return true;
+        }).map(([key, value2]) => [key, this.removeNulls(value2)])
+      );
+    }
+    return value;
+  }
+}
+
+class UniwindCSSVisitor {
+  Function;
+  Rule;
+  StyleSheet;
+  constructor(bundlerConfig) {
+    const ruleVisitor = new RuleVisitor(bundlerConfig);
+    this.Function = new FunctionVisitor();
+    this.Rule = ruleVisitor;
+    this.StyleSheet = () => {
+      ruleVisitor.cleanup();
+    };
+  }
+}
+
+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-";
+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 || {});
+const DEFAULT_SCREEN_WIDTH = 375;
+const DEFAULT_SCREEN_HEIGHT = 680;
+
+const isDefined = (value) => value !== void 0 && value !== null;
+
+class UniwindBundlerConfig {
+  constructor(config, platform) {
+    this.config = config;
+    this.platform = platform;
+  }
+  static fromMetroConfig(config, platform) {
+    const getPlatform = () => {
+      if (!isDefined(platform)) {
+        return Platform.Native;
+      }
+      if (!config.isTV) {
+        return platform;
+      }
+      if (platform === Platform.Android) {
+        return Platform.AndroidTV;
+      }
+      if (platform === Platform.iOS) {
+        return Platform.AppleTV;
+      }
+      throw new Error(`Platform ${platform} not supported`);
+    };
+    if (typeof config === "undefined") {
+      throw new Error("Uniwind: You need to pass second parameter to withUniwindConfig");
+    }
+    if (typeof config.cssEntryFile === "undefined") {
+      throw new Error(
+        'Uniwind: You need to pass css css entry file to withUniwindConfig, e.g. withUniwindConfig(config, { cssEntryFile: "./global.css" })'
+      );
+    }
+    return new UniwindBundlerConfig(config, getPlatform());
+  }
+  static fromViteConfig(config) {
+    return new UniwindBundlerConfig(config, Platform.Web);
+  }
+  static fromCliConfig(config) {
+    if (typeof config.cssEntryFile === "undefined") {
+      throw new Error(
+        "Uniwind: You need to pass css entry file, e.g. uniwind generate-artifacts --css ./global.css. Run uniwind generate-artifacts --help for usage."
+      );
+    }
+    return new UniwindBundlerConfig(config, Platform.Web);
+  }
+  get cssPath() {
+    return path__default.join(process.cwd(), this.config.cssEntryFile);
+  }
+  get themes() {
+    return Array.from(
+      /* @__PURE__ */ new Set([
+        "light",
+        "dark",
+        ...this.config.extraThemes ?? []
+      ])
+    );
+  }
+  get cssVisitor() {
+    return new UniwindCSSVisitor(this);
+  }
+  get polyfills() {
+    return this.config.polyfills;
+  }
+  get stringifiedThemes() {
+    return `[${this.themes.map((theme) => `'${theme}'`).join(", ")}]`;
+  }
+  toMetroConfig() {
+    return this.config;
+  }
+  async generateArtifacts(cssArtifactPath) {
+    await buildCSS(this.themes, this.config.cssEntryFile, cssArtifactPath);
+    buildDtsFile(this.config.dtsFile ?? "uniwind-types.d.ts", this.stringifiedThemes);
+  }
+}
 
+exports.DEFAULT_SCREEN_HEIGHT = DEFAULT_SCREEN_HEIGHT;
+exports.DEFAULT_SCREEN_WIDTH = DEFAULT_SCREEN_WIDTH;
 exports.Logger = Logger;
-exports.UniwindCSSVisitor = UniwindCSSVisitor;
-exports.buildCSS = buildCSS;
-exports.buildDtsFile = buildDtsFile;
-exports.stringifyThemes = stringifyThemes;
+exports.Platform = Platform;
+exports.StyleDependency = StyleDependency;
+exports.UNIWIND_PLATFORM_VARIABLES = UNIWIND_PLATFORM_VARIABLES;
+exports.UNIWIND_THEME_VARIABLES = UNIWIND_THEME_VARIABLES;
+exports.UniwindBundlerConfig = UniwindBundlerConfig;
+exports.isDefined = isDefined;

package/dist/shared/uniwind.CFAAUZ2t.mjs

@@ -0,0 +1,3 @@
+const name = "@niibase/uniwind";
+
+export { name as n };

package/dist/shared/uniwind.DJ5M1Q4q.cjs

@@ -0,0 +1,5 @@
+'use strict';
+
+const name = "@niibase/uniwind";
+
+exports.name = name;