tamagui-loader 1.116.1 → 1.116.3

package/dist/cjs/TamaguiPlugin.js

@@ -0,0 +1,197 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var TamaguiPlugin_exports = {};
+__export(TamaguiPlugin_exports, {
+  TamaguiPlugin: () => TamaguiPlugin
+});
+module.exports = __toCommonJS(TamaguiPlugin_exports);
+var import_static = __toESM(require("@tamagui/static")), import_node_fs = require("node:fs"), import_node_path = require("node:path"), import_webpack = __toESM(require("webpack")), import_requireResolve = require("./requireResolve");
+const { watchTamaguiConfig } = import_static.default;
+class TamaguiPlugin {
+  constructor(options = {
+    platform: "web",
+    components: ["@tamagui/core"]
+  }) {
+    this.options = options;
+  }
+  pluginName = "TamaguiPlugin";
+  safeResolves = (resolves, multiple = !1) => {
+    const res = [];
+    for (const [out, mod] of resolves) {
+      if (out.endsWith("$")) {
+        res.push([out, mod]);
+        continue;
+      }
+      try {
+        res.push([out, (0, import_requireResolve.requireResolve)(mod)]), multiple && res.push([out, (0, import_requireResolve.requireResolve)(mod)]);
+      } catch (err) {
+        if (out.includes("@gorhom/bottom-sheet"))
+          continue;
+        process.env.DEBUG?.startsWith("tamagui") && console.info(`  withTamagui skipping resolving ${out}`, err);
+      }
+    }
+    return res;
+  };
+  get componentsFullPaths() {
+    return this.safeResolves(
+      this.options.components?.map(
+        (moduleName) => [moduleName, moduleName]
+      ) || [],
+      !0
+    );
+  }
+  get componentsBaseDirs() {
+    return this.componentsFullPaths.map(([_, fullPath]) => {
+      let rootPath = (0, import_node_path.dirname)(fullPath);
+      for (; rootPath.length > 1; ) {
+        const pkg = (0, import_node_path.join)(rootPath, "package.json");
+        if ((0, import_node_fs.existsSync)(pkg))
+          return rootPath;
+        rootPath = (0, import_node_path.join)(rootPath, "..");
+      }
+      throw new Error(`Couldn't find package.json in any path above: ${fullPath}`);
+    });
+  }
+  isInComponentModule = (fullPath) => this.componentsBaseDirs.some(
+    (componentDir) => fullPath.startsWith(componentDir)
+  );
+  get defaultAliases() {
+    return Object.fromEntries(
+      this.safeResolves([
+        ["@tamagui/core/reset.css", "@tamagui/core/reset.css"],
+        ["@tamagui/core", "@tamagui/core"],
+        ["@tamagui/web", "@tamagui/web"],
+        // fixes https://github.com/kentcdodds/mdx-bundler/issues/143
+        ["react/jsx-runtime.js", "react/jsx-runtime"],
+        ["react/jsx-runtime", "react/jsx-runtime"],
+        ["react/jsx-dev-runtime.js", "react/jsx-dev-runtime"],
+        ["react/jsx-dev-runtime", "react/jsx-dev-runtime"],
+        ...this.options.useTamaguiSVG ? [["react-native-svg", "@tamagui/react-native-svg"]] : [],
+        ...this.options.useReactNativeWebLite ? [
+          ["react-native$", "@tamagui/react-native-web-lite"],
+          ["react-native-web$", "@tamagui/react-native-web-lite"]
+        ] : [
+          ["react-native$", "react-native-web"],
+          ["react-native-web$", "react-native-web"]
+        ]
+      ])
+    );
+  }
+  apply(compiler) {
+    if (import_static.default.loadTamaguiSync(this.options), compiler.options.mode === "development" && !this.options.disableWatchConfig && watchTamaguiConfig(this.options).then((watcher) => {
+      process.once("exit", () => {
+        watcher?.dispose();
+      });
+    }), compiler.hooks.normalModuleFactory.tap(this.pluginName, (nmf) => {
+      nmf.hooks.createModule.tap(
+        this.pluginName,
+        // @ts-expect-error CreateData is typed as 'object'...
+        (createData) => {
+          createData.matchResource?.endsWith(".tamagui.css") && (createData.settings.sideEffects = !0);
+        }
+      );
+    }), !this.options.disableAliases) {
+      const existingAlias = compiler.options.resolve.alias;
+      Array.isArray(existingAlias) || typeof existingAlias == "object" && Object.assign(existingAlias, this.defaultAliases);
+    }
+    const excludeExports = this.options.excludeReactNativeWebExports;
+    if (excludeExports && Array.isArray(excludeExports))
+      try {
+        const regexStr = `react-native-web(-lite)?/.*(${excludeExports.join("|")}).*js`, regex = new RegExp(regexStr);
+        compiler.hooks.environment.tap("MyPlugin", () => {
+          new import_webpack.default.NormalModuleReplacementPlugin(
+            regex,
+            (0, import_requireResolve.requireResolve)("@tamagui/proxy-worm")
+          ).apply(compiler);
+        });
+      } catch {
+        console.warn(
+          `Invalid names provided to excludeReactNativeWebExports: ${excludeExports.join(
+            ", "
+          )}`
+        );
+      }
+    this.options.emitSingleCSSFile && (console.info("    \u27A1 [tamagui] \u{1F3A8} combining css into one file"), compiler.hooks.make.tap(this.pluginName, (compilation) => {
+      compilation.hooks.processAssets.tap(this.pluginName, (assets) => {
+        try {
+          const cssFiles = Object.keys(assets).filter((asset) => asset.endsWith(".css"));
+          if (cssFiles.length === 0)
+            return;
+          const combinedCSS = cssFiles.reduce((acc, file) => {
+            const cssContent = compilation.assets[file].source();
+            return `${acc}
+${cssContent}`;
+          }, "");
+          for (const [index, cssFile] of cssFiles.entries())
+            index > 0 ? compilation.updateAsset(
+              cssFile,
+              new compiler.webpack.sources.RawSource("")
+            ) : (console.info(`    \u27A1 [tamagui] \u{1F3A8} emitting single css to ${cssFile}`), compilation.updateAsset(
+              cssFile,
+              new compiler.webpack.sources.RawSource(Buffer.from(combinedCSS))
+            ));
+        } catch (error) {
+          compilation.errors.push(error);
+        }
+      });
+    })), compiler.options.resolve.extensions = [
+      .../* @__PURE__ */ new Set([
+        ".web.tsx",
+        ".web.ts",
+        ".web.js",
+        ".ts",
+        ".tsx",
+        ".js",
+        ...compiler.options.resolve.extensions || []
+      ])
+    ], compiler.options.resolve.fallback ||= {}, compiler.options.resolve.fallback.crypto ||= !1;
+    const mainFields = compiler.options.resolve.mainFields;
+    if (mainFields && (compiler.options.resolve.mainFields = Array.isArray(mainFields) ? mainFields : [mainFields], this.options.disableModuleJSXEntry || mainFields.unshift("module:jsx")), !compiler.options.module)
+      return;
+    const { jsLoader } = this.options, existing = compiler.options.module.rules, rules = existing.find((x) => typeof x == "object" && "oneOf" in x ? x : null)?.oneOf ?? existing, tamaguiLoader = {
+      loader: (0, import_requireResolve.requireResolve)("tamagui-loader"),
+      options: {
+        ...this.options,
+        _disableLoadTamagui: !0
+      }
+    };
+    let didReplaceNextJS = !1;
+    for (const [index, rule] of rules.entries())
+      (rule?.use?.loader === "next-swc-loader" || Array.isArray(rule?.use) && rule?.use[0].loader === "next-swc-loader") && !rule.issuerLayer && (didReplaceNextJS = !0, rules[index] = {
+        ...rule,
+        test: this.options.test ?? rule.test ?? /\.m?[jt]sx?$/,
+        exclude: this.options.exclude ?? rule.exclude,
+        use: [
+          ...jsLoader ? [jsLoader] : [],
+          ...rule.use ? [].concat(rule.use) : [],
+          tamaguiLoader
+        ]
+      });
+    didReplaceNextJS || compiler.options.mode === "development" && existing.push({
+      test: this.options.test ?? /\.tsx$/,
+      exclude: this.options.exclude,
+      use: [tamaguiLoader]
+    });
+  }
+}
+//# sourceMappingURL=TamaguiPlugin.js.map

package/dist/cjs/css.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var css_exports = {};
+__export(css_exports, {
+  default: () => loader
+});
+module.exports = __toCommonJS(css_exports);
+function loader() {
+  this.async();
+  const options = { ...this.getOptions() };
+  let out = Buffer.from(options.cssData, "base64").toString("utf-8");
+  if (out)
+    return this.callback(null, out || "");
+  this.callback({ message: "No CSS found", name: "missing_css" });
+}
+//# sourceMappingURL=css.js.map

package/dist/cjs/index.js

@@ -0,0 +1,24 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default
+});
+module.exports = __toCommonJS(src_exports);
+var import_polyfills = require("./polyfills"), import_loader = require("./loader");
+__reExport(src_exports, require("./TamaguiPlugin"), module.exports);
+__reExport(src_exports, require("./shouldExclude"), module.exports);
+var src_default = import_loader.loader;
+//# sourceMappingURL=index.js.map

package/dist/cjs/loader.js

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var loader_exports = {};
+__export(loader_exports, {
+  loader: () => loader
+});
+module.exports = __toCommonJS(loader_exports);
+var import_static = __toESM(require("@tamagui/static")), import_requireResolve = require("./requireResolve");
+const { createExtractor, extractToClassNames, getPragmaOptions } = import_static.default;
+Error.stackTraceLimit = Number.POSITIVE_INFINITY;
+let CSS_LOADER_PATH = "";
+try {
+  CSS_LOADER_PATH = (0, import_requireResolve.requireResolve)("./css.cjs");
+} catch {
+  try {
+    CSS_LOADER_PATH = (0, import_requireResolve.requireResolve)("./css.esm");
+  } catch {
+    CSS_LOADER_PATH = (0, import_requireResolve.requireResolve)("./css.js");
+  }
+}
+Error.stackTraceLimit = Number.POSITIVE_INFINITY;
+const extractor = createExtractor();
+let index = 0;
+process.env.TAMAGUI_TARGET = "web";
+const loader = async function(sourceIn) {
+  this.cacheable(!0);
+  const callback = this.async(), sourcePath = `${this.resourcePath}`;
+  if (sourcePath.includes("node_modules") || sourcePath.includes("lucide-icons"))
+    return callback(null, sourceIn);
+  const source = sourceIn.toString();
+  try {
+    const options = {
+      // @ts-ignore
+      platform: "web",
+      ...this.getOptions()
+    }, { shouldDisable, shouldPrintDebug } = getPragmaOptions({
+      source,
+      path: sourcePath
+    });
+    if (shouldPrintDebug === "verbose" && (console.warn(`
+
+ --- Incoming source --- 
+
+`), console.warn(source)), shouldDisable)
+      return shouldPrintDebug && console.info("Disabling on file via pragma"), callback(null, source);
+    const cssPath = `${sourcePath}.${index++}.tamagui.css`, extracted = await extractToClassNames({
+      extractor,
+      source,
+      sourcePath,
+      options,
+      shouldPrintDebug
+    });
+    if (!extracted)
+      return callback(null, source);
+    if (extracted.styles) {
+      const cssQuery = `cssData=${Buffer.from(extracted.styles).toString("base64")}`, remReq = this.remainingRequest, importPath = `${cssPath}!=!${CSS_LOADER_PATH}?${cssQuery}!${remReq}`;
+      extracted.js = `${extracted.js}
+
+require(${JSON.stringify(importPath)})`;
+    }
+    callback(null, extracted.js, extracted.map);
+  } catch (err) {
+    const message = err instanceof Error ? `${err.message}
+${err.stack}` : String(err);
+    console.error(`Tamagui Webpack Loader Error:
+`, `  ${message}
+`), message.includes("Cannot create proxy") && console.info(
+      "This is usually due to components not loading at build-time. Check for logs just below the line above:"
+    ), callback(null, source);
+  }
+};
+//# sourceMappingURL=loader.js.map

package/dist/cjs/polyfills.js

@@ -0,0 +1,4 @@
+process.env.TAMAGUI_TARGET = "web";
+process.env.IS_STATIC = "is_static";
+process.env.TAMAGUI_IS_SERVER = "true";
+//# sourceMappingURL=polyfills.js.map

package/dist/cjs/requireResolve.js

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var requireResolve_exports = {};
+__export(requireResolve_exports, {
+  requireResolve: () => requireResolve
+});
+module.exports = __toCommonJS(requireResolve_exports);
+var import_node_module = require("node:module");
+const import_meta = {}, requireResolve = "url" in import_meta ? (0, import_node_module.createRequire)(import_meta.url).resolve : require.resolve;
+//# sourceMappingURL=requireResolve.js.map

package/dist/cjs/shouldExclude.js

@@ -0,0 +1,33 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var shouldExclude_exports = {};
+__export(shouldExclude_exports, {
+  shouldExclude: () => shouldExclude
+});
+module.exports = __toCommonJS(shouldExclude_exports);
+var import_node_path = __toESM(require("node:path"));
+const shouldExclude = (filePath, projectRoot) => !(projectRoot && filePath.includes(projectRoot) && filePath.endsWith("sx") || isTamaguiDistJSX(filePath));
+function isTamaguiDistJSX(filePath) {
+  return filePath.includes("/dist/jsx/".replace(/\//g, import_node_path.default.sep));
+}
+//# sourceMappingURL=shouldExclude.js.map

package/dist/cjs/test.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var test_exports = {};
+__export(test_exports, {
+  default: () => loader
+});
+module.exports = __toCommonJS(test_exports);
+async function loader(sourceIn) {
+  this.cacheable(!0);
+  const callback = this.async(), sourcePath = `${this.resourcePath}`;
+  return callback(null, sourceIn);
+}
+//# sourceMappingURL=test.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui-loader",
-  "version": "1.116.1",
+  "version": "1.116.3",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -28,10 +28,10 @@
     }
   },
   "dependencies": {
-    "@tamagui/cli-color": "1.116.1",
-    "@tamagui/core": "1.116.1",
-    "@tamagui/static": "1.116.1",
-    "@tamagui/web": "1.116.1",
+    "@tamagui/cli-color": "1.116.3",
+    "@tamagui/core": "1.116.3",
+    "@tamagui/static": "1.116.3",
+    "@tamagui/web": "1.116.3",
     "esbuild-loader": "^4.2.2",
     "esm-resolve": "^1.0.8",
     "fs-extra": "^11.2.0",
@@ -39,7 +39,7 @@
     "lodash": "^4.17.21"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.1",
+    "@tamagui/build": "1.116.3",
     "prettyjson": "^1.2.5",
     "webpack": "^5.88.2"
   },