@tamagui/vite-plugin 1.0.1-beta.141 → 1.0.1-beta.142

package/dist/cjs/extract.js

@@ -0,0 +1,187 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var extract_exports = {};
+__export(extract_exports, {
+  tamaguiExtractPlugin: () => tamaguiExtractPlugin
+});
+module.exports = __toCommonJS(extract_exports);
+var import_path = __toESM(require("path"));
+var import_static = require("@tamagui/static");
+var import_outdent = __toESM(require("outdent"));
+var import_vite = require("vite");
+const styleUpdateEvent = (fileId) => `tamagui-style-update:${fileId}`;
+const GLOBAL_CSS_VIRTUAL_PATH = "__tamagui_global_css__.css";
+function tamaguiExtractPlugin(options) {
+  const disableStatic = options.disable || options.disableDebugAttr && options.disableExtraction;
+  if (disableStatic) {
+    return {
+      name: "tamagui-extract"
+    };
+  }
+  let extractor = null;
+  const cssMap = /* @__PURE__ */ new Map();
+  let config;
+  let server;
+  let shouldReturnCSS = true;
+  let virtualExt;
+  const getAbsoluteVirtualFileId = (filePath) => {
+    if (filePath.startsWith(config.root)) {
+      return filePath;
+    }
+    return (0, import_vite.normalizePath)(import_path.default.join(config.root, filePath));
+  };
+  return {
+    name: "tamagui-extract",
+    enforce: "pre",
+    configureServer(_server) {
+      server = _server;
+    },
+    buildEnd() {
+      extractor.cleanupBeforeExit();
+    },
+    writeBundle(options2, bundle) {
+      setTimeout(() => {
+        console.warn("some sort of dangling process or osmethign, exit for now...");
+        process.exit(0);
+      }, 100);
+    },
+    config(_userConfig, env) {
+      const include = env.command === "serve" ? ["@tamagui/core/injectStyles"] : [];
+      return {
+        optimizeDeps: { include }
+      };
+    },
+    async configResolved(resolvedConfig) {
+      config = resolvedConfig;
+      extractor = (0, import_static.createExtractor)({
+        logger: resolvedConfig.logger
+      });
+      shouldReturnCSS = true;
+      virtualExt = `.tamagui.${shouldReturnCSS ? "css" : "js"}`;
+    },
+    async resolveId(source) {
+      if (source === "tamagui.css") {
+        await extractor.loadTamagui(options);
+        return GLOBAL_CSS_VIRTUAL_PATH;
+      }
+      const [validId, query] = source.split("?");
+      if (!validId.endsWith(virtualExt)) {
+        return;
+      }
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId);
+      if (cssMap.has(absoluteId)) {
+        return absoluteId + (query ? `?${query}` : "");
+      }
+    },
+    load(id, options2) {
+      const [validId] = id.split("?");
+      if (validId === GLOBAL_CSS_VIRTUAL_PATH) {
+        return extractor.getTamagui().getCSS();
+      }
+      if (!cssMap.has(validId)) {
+        return;
+      }
+      const css = cssMap.get(validId);
+      if (typeof css !== "string") {
+        return;
+      }
+      if (shouldReturnCSS || !server || server.config.isProduction) {
+        return css;
+      }
+      return import_outdent.default`
+        import { injectStyles } from '@tamagui/core/injectStyles';
+
+        const inject = (css) => injectStyles({
+          filePath: "${validId}",
+          css
+        });
+
+        inject(${JSON.stringify(css)});
+
+        if (import.meta.hot) {
+          import.meta.hot.on('${styleUpdateEvent(validId)}', (css) => {
+            inject(css);
+          });
+        }
+      `;
+    },
+    async transform(code, id, ssrParam) {
+      const [validId] = id.split("?");
+      if (!validId.endsWith(".tsx")) {
+        return;
+      }
+      let ssr;
+      if (typeof ssrParam === "boolean") {
+        ssr = ssrParam;
+      } else {
+        ssr = ssrParam == null ? void 0 : ssrParam.ssr;
+      }
+      const { shouldDisable, shouldPrintDebug } = (0, import_static.getPragmaOptions)({
+        source: code,
+        path: validId
+      });
+      if (shouldDisable) {
+        return;
+      }
+      const extracted = await (0, import_static.extractToClassNames)({
+        extractor,
+        source: code,
+        sourcePath: validId,
+        options,
+        shouldPrintDebug
+      });
+      if (!extracted) {
+        return;
+      }
+      const rootRelativeId = `${validId}${virtualExt}`;
+      const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
+      let source = extracted.js;
+      if (extracted.styles) {
+        if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== extracted.styles) {
+          const { moduleGraph } = server;
+          const [module2] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
+          if (module2) {
+            moduleGraph.invalidateModule(module2);
+            module2.lastHMRTimestamp = module2.lastInvalidationTimestamp || Date.now();
+          }
+          server.ws.send({
+            type: "custom",
+            event: styleUpdateEvent(absoluteId),
+            data: extracted.styles
+          });
+        }
+        source = `${source}
+import "${rootRelativeId}";`;
+        cssMap.set(absoluteId, extracted.styles);
+      }
+      return {
+        code: source.toString(),
+        map: extracted.map
+      };
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  tamaguiExtractPlugin
+});
+//# sourceMappingURL=extract.js.map

package/dist/cjs/extract.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/extract.ts"],
+  "sourcesContent": ["// fork from https://github.com/seek-oss/vanilla-extract\n\nimport path from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  getPragmaOptions,\n} from '@tamagui/static'\nimport outdent from 'outdent'\nimport type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'\nimport { normalizePath } from 'vite'\n\nconst styleUpdateEvent = (fileId: string) => `tamagui-style-update:${fileId}`\nconst GLOBAL_CSS_VIRTUAL_PATH = '__tamagui_global_css__.css'\n\nexport function tamaguiExtractPlugin(options: TamaguiOptions): Plugin {\n  const disableStatic = options.disable || (options.disableDebugAttr && options.disableExtraction)\n\n  if (disableStatic) {\n    return {\n      name: 'tamagui-extract',\n    }\n  }\n\n  let extractor: ReturnType<typeof createExtractor> | null = null\n  const cssMap = new Map<string, string>()\n\n  let config: ResolvedConfig\n  let server: ViteDevServer\n  let shouldReturnCSS = true //config.command === 'serve'\n  let virtualExt: string\n\n  const getAbsoluteVirtualFileId = (filePath: string) => {\n    if (filePath.startsWith(config.root)) {\n      return filePath\n    }\n    return normalizePath(path.join(config.root, filePath))\n  }\n\n  return {\n    name: 'tamagui-extract',\n    enforce: 'pre',\n\n    configureServer(_server) {\n      server = _server\n    },\n\n    buildEnd() {\n      extractor!.cleanupBeforeExit()\n    },\n\n    writeBundle(this, options, bundle) {\n      setTimeout(() => {\n        // eslint-disable-next-line no-console\n        console.warn('some sort of dangling process or osmethign, exit for now...')\n        process.exit(0)\n      }, 100)\n    },\n\n    config(_userConfig, env) {\n      const include = env.command === 'serve' ? ['@tamagui/core/injectStyles'] : []\n      return {\n        optimizeDeps: { include },\n      }\n    },\n\n    async configResolved(resolvedConfig) {\n      config = resolvedConfig\n      extractor = createExtractor({\n        logger: resolvedConfig.logger,\n      })\n      shouldReturnCSS = true\n      // TODO postcss work with postcss.config.js\n      // packageName = getPackageInfo(config.root).name;\n      // if (config.command === 'serve') {\n      //   postCssConfig = await resolvePostcssConfig(config);\n      // }\n      virtualExt = `.tamagui.${shouldReturnCSS ? 'css' : 'js'}`\n    },\n\n    async resolveId(source) {\n      if (source === 'tamagui.css') {\n        await extractor!.loadTamagui(options)\n        return GLOBAL_CSS_VIRTUAL_PATH\n      }\n\n      const [validId, query] = source.split('?')\n\n      if (!validId.endsWith(virtualExt)) {\n        return\n      }\n\n      // Absolute paths seem to occur often in monorepos, where files are\n      // imported from outside the config root.\n      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId)\n\n      // There should always be an entry in the `cssMap` here.\n      // The only valid scenario for a missing one is if someone had written\n      // a file in their app using the .tamagui.js/.tamagui.css extension\n      if (cssMap.has(absoluteId)) {\n        // Keep the original query string for HMR.\n        return absoluteId + (query ? `?${query}` : '')\n      }\n    },\n\n    /**\n     * TODO\n     *\n     *   mainFields module:jsx breaks, so lets just have a mapping here\n     *   where we load() and map it to the jsx path before transform\n     *\n     */\n\n    load(id, options) {\n      const [validId] = id.split('?')\n\n      if (validId === GLOBAL_CSS_VIRTUAL_PATH) {\n        return extractor!.getTamagui()!.getCSS()\n      }\n\n      if (!cssMap.has(validId)) {\n        return\n      }\n\n      const css = cssMap.get(validId)\n\n      if (typeof css !== 'string') {\n        return\n      }\n\n      if (shouldReturnCSS || !server || server.config.isProduction) {\n        return css\n      }\n\n      return outdent`\n        import { injectStyles } from '@tamagui/core/injectStyles';\n\n        const inject = (css) => injectStyles({\n          filePath: \"${validId}\",\n          css\n        });\n\n        inject(${JSON.stringify(css)});\n\n        if (import.meta.hot) {\n          import.meta.hot.on('${styleUpdateEvent(validId)}', (css) => {\n            inject(css);\n          });\n        }\n      `\n    },\n\n    async transform(code, id, ssrParam) {\n      const [validId] = id.split('?')\n\n      if (!validId.endsWith('.tsx')) {\n        return\n      }\n\n      let ssr: boolean | undefined\n      if (typeof ssrParam === 'boolean') {\n        ssr = ssrParam\n      } else {\n        ssr = ssrParam?.ssr\n      }\n\n      const { shouldDisable, shouldPrintDebug } = getPragmaOptions({\n        source: code,\n        path: validId,\n      })\n\n      if (shouldDisable) {\n        return\n      }\n\n      const extracted = await extractToClassNames({\n        extractor: extractor!,\n        source: code,\n        sourcePath: validId,\n        options,\n        shouldPrintDebug,\n      })\n\n      if (!extracted) {\n        return\n      }\n\n      const rootRelativeId = `${validId}${virtualExt}`\n      const absoluteId = getAbsoluteVirtualFileId(rootRelativeId)\n\n      let source = extracted.js\n\n      if (extracted.styles) {\n        if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== extracted.styles) {\n          const { moduleGraph } = server\n          const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || [])\n\n          if (module) {\n            moduleGraph.invalidateModule(module)\n\n            // Vite uses this timestamp to add `?t=` query string automatically for HMR.\n            module.lastHMRTimestamp = (module as any).lastInvalidationTimestamp || Date.now()\n          }\n\n          server.ws.send({\n            type: 'custom',\n            event: styleUpdateEvent(absoluteId),\n            data: extracted.styles,\n          })\n        }\n\n        source = `${source}\\nimport \"${rootRelativeId}\";`\n        cssMap.set(absoluteId, extracted.styles)\n      }\n\n      return {\n        code: source.toString(),\n        map: extracted.map,\n      }\n\n      // if (ssr && !process.env.VITE_RSC_BUILD) {\n      //   return addFileScope({\n      //     source: code,\n      //     filePath: normalizePath(validId),\n      //     rootPath: config.root,\n      //     packageName,\n      //   })\n      // }\n\n      // const { source, watchFiles } = await compile({\n      //   filePath: validId,\n      //   cwd: config.root,\n      //   esbuildOptions,\n      // })\n\n      // for (const file of watchFiles) {\n      //   // In start mode, we need to prevent the file from rewatching itself.\n      //   // If it's a `build --watch`, it needs to watch everything.\n      //   if (config.command === 'build' || file !== validId) {\n      //     this.addWatchFile(file)\n      //   }\n      // }\n    },\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/index.js

@@ -16,4 +16,5 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./plugin"), module.exports);
+__reExport(src_exports, require("./extract"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './plugin'\n"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;",
+  "sourcesContent": ["export * from './plugin'\nexport * from './extract'\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,sBADd;",
   "names": []
 }

package/dist/cjs/plugin.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,23 +15,19 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var plugin_exports = {};
 __export(plugin_exports, {
   tamaguiPlugin: () => tamaguiPlugin
 });
 module.exports = __toCommonJS(plugin_exports);
-var import_vite_plugin_environment = __toESM(require("vite-plugin-environment"));
 function tamaguiPlugin(options) {
   const plugin = {
-    name: "tamagui",
+    name: "tamagui-base",
     enforce: "pre",
     config(userConfig, env) {
       return {
-        plugins: [
-          (0, import_vite_plugin_environment.default)(["NODE_ENV", "TAMAGUI_TARGET"])
-        ],
+        plugins: [],
         esbuild: {
           loader: "tsx"
         },
@@ -42,20 +36,20 @@ function tamaguiPlugin(options) {
           _frameTimestamp: void 0,
           _WORKLET: false,
           ...process.env.NODE_ENV !== "test" && {
-            process: {
-              env: {
-                TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || "web",
-                NODE_ENV: process.env.NODE_ENV || env.mode
-              }
-            }
+            "process.env.TAMAGUI_TARGET": JSON.stringify(process.env.TAMAGUI_TARGET || "web"),
+            "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || env.mode),
+            "process.env.ENABLE_RSC": JSON.stringify(process.env.ENABLE_RSC || ""),
+            "process.env.ENABLE_STEPS": JSON.stringify(process.env.ENABLE_STEPS || ""),
+            "process.env.IS_STATIC": JSON.stringify(false)
           }
         },
         ssr: {
-          noExternal: /tamagui|react-native/,
-          optimizeDeps: {}
+          noExternal: /tamagui|react-native|expo-linear-gradient/
         },
         optimizeDeps: {
+          include: ["styleq", "copy-to-clipboard", "react-native-reanimated"],
           esbuildOptions: {
+            jsx: "transform",
             resolveExtensions: [
               ".web.js",
               ".web.ts",
@@ -87,7 +81,13 @@ function tamaguiPlugin(options) {
           alias: {
             "react-native/Libraries/Renderer/shims/ReactFabric": "@tamagui/proxy-worm",
             "react-native/Libraries/Utilities/codegenNativeComponent": "@tamagui/proxy-worm",
-            "react-native": "react-native-web"
+            "react-native-svg": "react-native-svg-web",
+            "react-native": "react-native-web",
+            ...options.useReactNativeWebLite && {
+              "@tamagui/rnw": "@tamagui/rnw-lite",
+              "react-native": "react-native-web-lite",
+              "react-native-web": "react-native-web-lite"
+            }
           }
         }
       };

package/dist/cjs/plugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/plugin.ts"],
-  "sourcesContent": ["import { esbuildCommonjs, viteCommonjs } from '@originjs/vite-plugin-commonjs'\nimport type { TamaguiOptions } from '@tamagui/static'\nimport type { Plugin } from 'vite'\nimport envPlugin from 'vite-plugin-environment'\n\nimport { tamaguiExtractPlugin } from './extractPlugin'\n\n/**\n * For some reason envPlugin doesnt work for vitest, but process: { env: {} } breaks vitest\n */\n\nexport function tamaguiPlugin(options: TamaguiOptions): Plugin {\n  const plugin: Plugin = {\n    name: 'tamagui',\n    enforce: 'pre',\n\n    config(userConfig, env) {\n      return {\n        plugins: [\n          // viteCommonjs(),\n          envPlugin(['NODE_ENV', 'TAMAGUI_TARGET']),\n          // ...(options.disable || (options.disableDebugAttr && options.disableExtraction)\n          //   ? []\n          //   : [tamaguiExtractPlugin(options)]),\n        ],\n        esbuild: {\n          loader: 'tsx',\n        },\n        define: {\n          // reanimated support\n          'global.__x': {},\n          _frameTimestamp: undefined,\n          _WORKLET: false,\n          ...(process.env.NODE_ENV !== 'test' && {\n            process: {\n              env: {\n                TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || 'web',\n                NODE_ENV: process.env.NODE_ENV || env.mode,\n              },\n            },\n          }),\n        },\n        // build: {\n        //   commonjsOptions: {\n        //     transformMixedEsModules: true,\n        //   },\n        // },\n        ssr: {\n          noExternal: /tamagui|react-native/,\n          optimizeDeps: {\n            // disabled: true,\n          },\n        },\n        optimizeDeps: {\n          // include: [/node_modules/],\n          esbuildOptions: {\n            // plugins: [esbuildCommonjs(['fbjs'])],\n            resolveExtensions: [\n              '.web.js',\n              '.web.ts',\n              '.web.tsx',\n              '.js',\n              '.jsx',\n              '.json',\n              '.ts',\n              '.tsx',\n              '.mjs',\n            ],\n            loader: {\n              '.js': 'jsx',\n            },\n          },\n        },\n        resolve: {\n          // for once it extracts\n          // mainFields: ['module:jsx', 'module', 'jsnext:main', 'jsnext'],\n          extensions: [\n            '.web.js',\n            '.web.ts',\n            '.web.tsx',\n            '.js',\n            '.jsx',\n            '.json',\n            '.ts',\n            '.tsx',\n            '.mjs',\n          ],\n          alias: {\n            'react-native/Libraries/Renderer/shims/ReactFabric': '@tamagui/proxy-worm',\n            'react-native/Libraries/Utilities/codegenNativeComponent': '@tamagui/proxy-worm',\n            // 'react-native': 'react-native-web-lite',\n            'react-native': 'react-native-web',\n          },\n        },\n      }\n    },\n  }\n\n  return plugin\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qCAAsB;AAQf,uBAAuB,SAAiC;AAC7D,QAAM,SAAiB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS;AAAA,UAEP,4CAAU,CAAC,YAAY,gBAAgB,CAAC;AAAA,QAI1C;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UAEN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,GAAI,QAAQ,IAAI,aAAa,UAAU;AAAA,YACrC,SAAS;AAAA,cACP,KAAK;AAAA,gBACH,gBAAgB,QAAQ,IAAI,kBAAkB;AAAA,gBAC9C,UAAU,QAAQ,IAAI,YAAY,IAAI;AAAA,cACxC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QAMA,KAAK;AAAA,UACH,YAAY;AAAA,UACZ,cAAc,CAEd;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UAEZ,gBAAgB;AAAA,YAEd,mBAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,QAAQ;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UAGP,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,qDAAqD;AAAA,YACrD,2DAA2D;AAAA,YAE3D,gBAAgB;AAAA,UAClB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { esbuildCommonjs, viteCommonjs } from '@originjs/vite-plugin-commonjs'\nimport type { TamaguiOptions } from '@tamagui/static'\nimport type { Plugin } from 'vite'\nimport envPlugin from 'vite-plugin-environment'\n\n/**\n * For some reason envPlugin doesnt work for vitest, but process: { env: {} } breaks vitest\n */\n\nexport function tamaguiPlugin(\n  options: TamaguiOptions & {\n    useReactNativeWebLite?: boolean\n  }\n): Plugin {\n  const plugin: Plugin = {\n    name: 'tamagui-base',\n    enforce: 'pre',\n\n    config(userConfig, env) {\n      return {\n        plugins: [\n          //\n          // envPlugin(['NODE_ENV', 'TAMAGUI_TARGET', 'ENABLE_RSC']),\n          // viteCommonjs(),\n        ],\n        esbuild: {\n          loader: 'tsx',\n        },\n        define: {\n          // reanimated support\n          'global.__x': {},\n          _frameTimestamp: undefined,\n          _WORKLET: false,\n          ...(process.env.NODE_ENV !== 'test' && {\n            'process.env.TAMAGUI_TARGET': JSON.stringify(process.env.TAMAGUI_TARGET || 'web'),\n            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || env.mode),\n            'process.env.ENABLE_RSC': JSON.stringify(process.env.ENABLE_RSC || ''),\n            'process.env.ENABLE_STEPS': JSON.stringify(process.env.ENABLE_STEPS || ''),\n            'process.env.IS_STATIC': JSON.stringify(false),\n          }),\n        },\n        // build: {\n        //   commonjsOptions: {\n        //     transformMixedEsModules: true,\n        //   },\n        // },\n        ssr: {\n          // noExternal: /^(tamagui|react-native|expo-linear-gradient)$/,\n          noExternal: /tamagui|react-native|expo-linear-gradient/,\n        },\n        optimizeDeps: {\n          // disabled: false,\n          include: ['styleq', 'copy-to-clipboard', 'react-native-reanimated'],\n          esbuildOptions: {\n            jsx: 'transform',\n            // plugins: [\n            //   esbuildCommonjs([\n            //     'styleq',\n            //     'inline-style-prefixer',\n            //     'create-react-class',\n            //     'copy-to-clipboard',\n            //   ]),\n            // ],\n            resolveExtensions: [\n              '.web.js',\n              '.web.ts',\n              '.web.tsx',\n              '.js',\n              '.jsx',\n              '.json',\n              '.ts',\n              '.tsx',\n              '.mjs',\n            ],\n            loader: {\n              '.js': 'jsx',\n            },\n          },\n        },\n        resolve: {\n          // for once it extracts\n          // mainFields: ['module:jsx', 'module', 'jsnext:main', 'jsnext', 'main'],\n          extensions: [\n            '.web.js',\n            '.web.ts',\n            '.web.tsx',\n            '.js',\n            '.jsx',\n            '.json',\n            '.ts',\n            '.tsx',\n            '.mjs',\n          ],\n          alias: {\n            'react-native/Libraries/Renderer/shims/ReactFabric': '@tamagui/proxy-worm',\n            'react-native/Libraries/Utilities/codegenNativeComponent': '@tamagui/proxy-worm',\n            'react-native-svg': 'react-native-svg-web',\n            'react-native': 'react-native-web',\n            ...(options.useReactNativeWebLite && {\n              '@tamagui/rnw': '@tamagui/rnw-lite',\n              'react-native': 'react-native-web-lite',\n              'react-native-web': 'react-native-web-lite',\n            }),\n          },\n        },\n      }\n    },\n  }\n\n  return plugin\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AASO,uBACL,SAGQ;AACR,QAAM,SAAiB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS,CAIT;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UAEN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,GAAI,QAAQ,IAAI,aAAa,UAAU;AAAA,YACrC,8BAA8B,KAAK,UAAU,QAAQ,IAAI,kBAAkB,KAAK;AAAA,YAChF,wBAAwB,KAAK,UAAU,QAAQ,IAAI,YAAY,IAAI,IAAI;AAAA,YACvE,0BAA0B,KAAK,UAAU,QAAQ,IAAI,cAAc,EAAE;AAAA,YACrE,4BAA4B,KAAK,UAAU,QAAQ,IAAI,gBAAgB,EAAE;AAAA,YACzE,yBAAyB,KAAK,UAAU,KAAK;AAAA,UAC/C;AAAA,QACF;AAAA,QAMA,KAAK;AAAA,UAEH,YAAY;AAAA,QACd;AAAA,QACA,cAAc;AAAA,UAEZ,SAAS,CAAC,UAAU,qBAAqB,yBAAyB;AAAA,UAClE,gBAAgB;AAAA,YACd,KAAK;AAAA,YASL,mBAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,QAAQ;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UAGP,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,qDAAqD;AAAA,YACrD,2DAA2D;AAAA,YAC3D,oBAAoB;AAAA,YACpB,gBAAgB;AAAA,YAChB,GAAI,QAAQ,yBAAyB;AAAA,cACnC,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,oBAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/extract.js

@@ -0,0 +1,164 @@
+import path from "path";
+import {
+  createExtractor,
+  extractToClassNames,
+  getPragmaOptions
+} from "@tamagui/static";
+import outdent from "outdent";
+import { normalizePath } from "vite";
+const styleUpdateEvent = (fileId) => `tamagui-style-update:${fileId}`;
+const GLOBAL_CSS_VIRTUAL_PATH = "__tamagui_global_css__.css";
+function tamaguiExtractPlugin(options) {
+  const disableStatic = options.disable || options.disableDebugAttr && options.disableExtraction;
+  if (disableStatic) {
+    return {
+      name: "tamagui-extract"
+    };
+  }
+  let extractor = null;
+  const cssMap = /* @__PURE__ */ new Map();
+  let config;
+  let server;
+  let shouldReturnCSS = true;
+  let virtualExt;
+  const getAbsoluteVirtualFileId = (filePath) => {
+    if (filePath.startsWith(config.root)) {
+      return filePath;
+    }
+    return normalizePath(path.join(config.root, filePath));
+  };
+  return {
+    name: "tamagui-extract",
+    enforce: "pre",
+    configureServer(_server) {
+      server = _server;
+    },
+    buildEnd() {
+      extractor.cleanupBeforeExit();
+    },
+    writeBundle(options2, bundle) {
+      setTimeout(() => {
+        console.warn("some sort of dangling process or osmethign, exit for now...");
+        process.exit(0);
+      }, 100);
+    },
+    config(_userConfig, env) {
+      const include = env.command === "serve" ? ["@tamagui/core/injectStyles"] : [];
+      return {
+        optimizeDeps: { include }
+      };
+    },
+    async configResolved(resolvedConfig) {
+      config = resolvedConfig;
+      extractor = createExtractor({
+        logger: resolvedConfig.logger
+      });
+      shouldReturnCSS = true;
+      virtualExt = `.tamagui.${shouldReturnCSS ? "css" : "js"}`;
+    },
+    async resolveId(source) {
+      if (source === "tamagui.css") {
+        await extractor.loadTamagui(options);
+        return GLOBAL_CSS_VIRTUAL_PATH;
+      }
+      const [validId, query] = source.split("?");
+      if (!validId.endsWith(virtualExt)) {
+        return;
+      }
+      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId);
+      if (cssMap.has(absoluteId)) {
+        return absoluteId + (query ? `?${query}` : "");
+      }
+    },
+    load(id, options2) {
+      const [validId] = id.split("?");
+      if (validId === GLOBAL_CSS_VIRTUAL_PATH) {
+        return extractor.getTamagui().getCSS();
+      }
+      if (!cssMap.has(validId)) {
+        return;
+      }
+      const css = cssMap.get(validId);
+      if (typeof css !== "string") {
+        return;
+      }
+      if (shouldReturnCSS || !server || server.config.isProduction) {
+        return css;
+      }
+      return outdent`
+        import { injectStyles } from '@tamagui/core/injectStyles';
+
+        const inject = (css) => injectStyles({
+          filePath: "${validId}",
+          css
+        });
+
+        inject(${JSON.stringify(css)});
+
+        if (import.meta.hot) {
+          import.meta.hot.on('${styleUpdateEvent(validId)}', (css) => {
+            inject(css);
+          });
+        }
+      `;
+    },
+    async transform(code, id, ssrParam) {
+      const [validId] = id.split("?");
+      if (!validId.endsWith(".tsx")) {
+        return;
+      }
+      let ssr;
+      if (typeof ssrParam === "boolean") {
+        ssr = ssrParam;
+      } else {
+        ssr = ssrParam == null ? void 0 : ssrParam.ssr;
+      }
+      const { shouldDisable, shouldPrintDebug } = getPragmaOptions({
+        source: code,
+        path: validId
+      });
+      if (shouldDisable) {
+        return;
+      }
+      const extracted = await extractToClassNames({
+        extractor,
+        source: code,
+        sourcePath: validId,
+        options,
+        shouldPrintDebug
+      });
+      if (!extracted) {
+        return;
+      }
+      const rootRelativeId = `${validId}${virtualExt}`;
+      const absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
+      let source = extracted.js;
+      if (extracted.styles) {
+        if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== extracted.styles) {
+          const { moduleGraph } = server;
+          const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
+          if (module) {
+            moduleGraph.invalidateModule(module);
+            module.lastHMRTimestamp = module.lastInvalidationTimestamp || Date.now();
+          }
+          server.ws.send({
+            type: "custom",
+            event: styleUpdateEvent(absoluteId),
+            data: extracted.styles
+          });
+        }
+        source = `${source}
+import "${rootRelativeId}";`;
+        cssMap.set(absoluteId, extracted.styles);
+      }
+      return {
+        code: source.toString(),
+        map: extracted.map
+      };
+    }
+  };
+}
+export {
+  tamaguiExtractPlugin
+};
+//# sourceMappingURL=extract.js.map

package/dist/esm/extract.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/extract.ts"],
+  "sourcesContent": ["// fork from https://github.com/seek-oss/vanilla-extract\n\nimport path from 'path'\n\nimport {\n  TamaguiOptions,\n  createExtractor,\n  extractToClassNames,\n  getPragmaOptions,\n} from '@tamagui/static'\nimport outdent from 'outdent'\nimport type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'\nimport { normalizePath } from 'vite'\n\nconst styleUpdateEvent = (fileId: string) => `tamagui-style-update:${fileId}`\nconst GLOBAL_CSS_VIRTUAL_PATH = '__tamagui_global_css__.css'\n\nexport function tamaguiExtractPlugin(options: TamaguiOptions): Plugin {\n  const disableStatic = options.disable || (options.disableDebugAttr && options.disableExtraction)\n\n  if (disableStatic) {\n    return {\n      name: 'tamagui-extract',\n    }\n  }\n\n  let extractor: ReturnType<typeof createExtractor> | null = null\n  const cssMap = new Map<string, string>()\n\n  let config: ResolvedConfig\n  let server: ViteDevServer\n  let shouldReturnCSS = true //config.command === 'serve'\n  let virtualExt: string\n\n  const getAbsoluteVirtualFileId = (filePath: string) => {\n    if (filePath.startsWith(config.root)) {\n      return filePath\n    }\n    return normalizePath(path.join(config.root, filePath))\n  }\n\n  return {\n    name: 'tamagui-extract',\n    enforce: 'pre',\n\n    configureServer(_server) {\n      server = _server\n    },\n\n    buildEnd() {\n      extractor!.cleanupBeforeExit()\n    },\n\n    writeBundle(this, options, bundle) {\n      setTimeout(() => {\n        // eslint-disable-next-line no-console\n        console.warn('some sort of dangling process or osmethign, exit for now...')\n        process.exit(0)\n      }, 100)\n    },\n\n    config(_userConfig, env) {\n      const include = env.command === 'serve' ? ['@tamagui/core/injectStyles'] : []\n      return {\n        optimizeDeps: { include },\n      }\n    },\n\n    async configResolved(resolvedConfig) {\n      config = resolvedConfig\n      extractor = createExtractor({\n        logger: resolvedConfig.logger,\n      })\n      shouldReturnCSS = true\n      // TODO postcss work with postcss.config.js\n      // packageName = getPackageInfo(config.root).name;\n      // if (config.command === 'serve') {\n      //   postCssConfig = await resolvePostcssConfig(config);\n      // }\n      virtualExt = `.tamagui.${shouldReturnCSS ? 'css' : 'js'}`\n    },\n\n    async resolveId(source) {\n      if (source === 'tamagui.css') {\n        await extractor!.loadTamagui(options)\n        return GLOBAL_CSS_VIRTUAL_PATH\n      }\n\n      const [validId, query] = source.split('?')\n\n      if (!validId.endsWith(virtualExt)) {\n        return\n      }\n\n      // Absolute paths seem to occur often in monorepos, where files are\n      // imported from outside the config root.\n      const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(validId)\n\n      // There should always be an entry in the `cssMap` here.\n      // The only valid scenario for a missing one is if someone had written\n      // a file in their app using the .tamagui.js/.tamagui.css extension\n      if (cssMap.has(absoluteId)) {\n        // Keep the original query string for HMR.\n        return absoluteId + (query ? `?${query}` : '')\n      }\n    },\n\n    /**\n     * TODO\n     *\n     *   mainFields module:jsx breaks, so lets just have a mapping here\n     *   where we load() and map it to the jsx path before transform\n     *\n     */\n\n    load(id, options) {\n      const [validId] = id.split('?')\n\n      if (validId === GLOBAL_CSS_VIRTUAL_PATH) {\n        return extractor!.getTamagui()!.getCSS()\n      }\n\n      if (!cssMap.has(validId)) {\n        return\n      }\n\n      const css = cssMap.get(validId)\n\n      if (typeof css !== 'string') {\n        return\n      }\n\n      if (shouldReturnCSS || !server || server.config.isProduction) {\n        return css\n      }\n\n      return outdent`\n        import { injectStyles } from '@tamagui/core/injectStyles';\n\n        const inject = (css) => injectStyles({\n          filePath: \"${validId}\",\n          css\n        });\n\n        inject(${JSON.stringify(css)});\n\n        if (import.meta.hot) {\n          import.meta.hot.on('${styleUpdateEvent(validId)}', (css) => {\n            inject(css);\n          });\n        }\n      `\n    },\n\n    async transform(code, id, ssrParam) {\n      const [validId] = id.split('?')\n\n      if (!validId.endsWith('.tsx')) {\n        return\n      }\n\n      let ssr: boolean | undefined\n      if (typeof ssrParam === 'boolean') {\n        ssr = ssrParam\n      } else {\n        ssr = ssrParam?.ssr\n      }\n\n      const { shouldDisable, shouldPrintDebug } = getPragmaOptions({\n        source: code,\n        path: validId,\n      })\n\n      if (shouldDisable) {\n        return\n      }\n\n      const extracted = await extractToClassNames({\n        extractor: extractor!,\n        source: code,\n        sourcePath: validId,\n        options,\n        shouldPrintDebug,\n      })\n\n      if (!extracted) {\n        return\n      }\n\n      const rootRelativeId = `${validId}${virtualExt}`\n      const absoluteId = getAbsoluteVirtualFileId(rootRelativeId)\n\n      let source = extracted.js\n\n      if (extracted.styles) {\n        if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== extracted.styles) {\n          const { moduleGraph } = server\n          const [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || [])\n\n          if (module) {\n            moduleGraph.invalidateModule(module)\n\n            // Vite uses this timestamp to add `?t=` query string automatically for HMR.\n            module.lastHMRTimestamp = (module as any).lastInvalidationTimestamp || Date.now()\n          }\n\n          server.ws.send({\n            type: 'custom',\n            event: styleUpdateEvent(absoluteId),\n            data: extracted.styles,\n          })\n        }\n\n        source = `${source}\\nimport \"${rootRelativeId}\";`\n        cssMap.set(absoluteId, extracted.styles)\n      }\n\n      return {\n        code: source.toString(),\n        map: extracted.map,\n      }\n\n      // if (ssr && !process.env.VITE_RSC_BUILD) {\n      //   return addFileScope({\n      //     source: code,\n      //     filePath: normalizePath(validId),\n      //     rootPath: config.root,\n      //     packageName,\n      //   })\n      // }\n\n      // const { source, watchFiles } = await compile({\n      //   filePath: validId,\n      //   cwd: config.root,\n      //   esbuildOptions,\n      // })\n\n      // for (const file of watchFiles) {\n      //   // In start mode, we need to prevent the file from rewatching itself.\n      //   // If it's a `build --watch`, it needs to watch everything.\n      //   if (config.command === 'build' || file !== validId) {\n      //     this.addWatchFile(file)\n      //   }\n      // }\n    },\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,2 +1,3 @@
 export * from "./plugin";
+export * from "./extract";
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './plugin'\n"],
-  "mappings": "AAAA;",
+  "sourcesContent": ["export * from './plugin'\nexport * from './extract'\n"],
+  "mappings": "AAAA;AACA;",
   "names": []
 }

package/dist/esm/plugin.js

@@ -1,13 +1,10 @@
-import envPlugin from "vite-plugin-environment";
 function tamaguiPlugin(options) {
   const plugin = {
-    name: "tamagui",
+    name: "tamagui-base",
     enforce: "pre",
     config(userConfig, env) {
       return {
-        plugins: [
-          envPlugin(["NODE_ENV", "TAMAGUI_TARGET"])
-        ],
+        plugins: [],
         esbuild: {
           loader: "tsx"
         },
@@ -16,20 +13,20 @@ function tamaguiPlugin(options) {
           _frameTimestamp: void 0,
           _WORKLET: false,
           ...process.env.NODE_ENV !== "test" && {
-            process: {
-              env: {
-                TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || "web",
-                NODE_ENV: process.env.NODE_ENV || env.mode
-              }
-            }
+            "process.env.TAMAGUI_TARGET": JSON.stringify(process.env.TAMAGUI_TARGET || "web"),
+            "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV || env.mode),
+            "process.env.ENABLE_RSC": JSON.stringify(process.env.ENABLE_RSC || ""),
+            "process.env.ENABLE_STEPS": JSON.stringify(process.env.ENABLE_STEPS || ""),
+            "process.env.IS_STATIC": JSON.stringify(false)
           }
         },
         ssr: {
-          noExternal: /tamagui|react-native/,
-          optimizeDeps: {}
+          noExternal: /tamagui|react-native|expo-linear-gradient/
         },
         optimizeDeps: {
+          include: ["styleq", "copy-to-clipboard", "react-native-reanimated"],
           esbuildOptions: {
+            jsx: "transform",
             resolveExtensions: [
               ".web.js",
               ".web.ts",
@@ -61,7 +58,13 @@ function tamaguiPlugin(options) {
           alias: {
             "react-native/Libraries/Renderer/shims/ReactFabric": "@tamagui/proxy-worm",
             "react-native/Libraries/Utilities/codegenNativeComponent": "@tamagui/proxy-worm",
-            "react-native": "react-native-web"
+            "react-native-svg": "react-native-svg-web",
+            "react-native": "react-native-web",
+            ...options.useReactNativeWebLite && {
+              "@tamagui/rnw": "@tamagui/rnw-lite",
+              "react-native": "react-native-web-lite",
+              "react-native-web": "react-native-web-lite"
+            }
           }
         }
       };

package/dist/esm/plugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/plugin.ts"],
-  "sourcesContent": ["import { esbuildCommonjs, viteCommonjs } from '@originjs/vite-plugin-commonjs'\nimport type { TamaguiOptions } from '@tamagui/static'\nimport type { Plugin } from 'vite'\nimport envPlugin from 'vite-plugin-environment'\n\nimport { tamaguiExtractPlugin } from './extractPlugin'\n\n/**\n * For some reason envPlugin doesnt work for vitest, but process: { env: {} } breaks vitest\n */\n\nexport function tamaguiPlugin(options: TamaguiOptions): Plugin {\n  const plugin: Plugin = {\n    name: 'tamagui',\n    enforce: 'pre',\n\n    config(userConfig, env) {\n      return {\n        plugins: [\n          // viteCommonjs(),\n          envPlugin(['NODE_ENV', 'TAMAGUI_TARGET']),\n          // ...(options.disable || (options.disableDebugAttr && options.disableExtraction)\n          //   ? []\n          //   : [tamaguiExtractPlugin(options)]),\n        ],\n        esbuild: {\n          loader: 'tsx',\n        },\n        define: {\n          // reanimated support\n          'global.__x': {},\n          _frameTimestamp: undefined,\n          _WORKLET: false,\n          ...(process.env.NODE_ENV !== 'test' && {\n            process: {\n              env: {\n                TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || 'web',\n                NODE_ENV: process.env.NODE_ENV || env.mode,\n              },\n            },\n          }),\n        },\n        // build: {\n        //   commonjsOptions: {\n        //     transformMixedEsModules: true,\n        //   },\n        // },\n        ssr: {\n          noExternal: /tamagui|react-native/,\n          optimizeDeps: {\n            // disabled: true,\n          },\n        },\n        optimizeDeps: {\n          // include: [/node_modules/],\n          esbuildOptions: {\n            // plugins: [esbuildCommonjs(['fbjs'])],\n            resolveExtensions: [\n              '.web.js',\n              '.web.ts',\n              '.web.tsx',\n              '.js',\n              '.jsx',\n              '.json',\n              '.ts',\n              '.tsx',\n              '.mjs',\n            ],\n            loader: {\n              '.js': 'jsx',\n            },\n          },\n        },\n        resolve: {\n          // for once it extracts\n          // mainFields: ['module:jsx', 'module', 'jsnext:main', 'jsnext'],\n          extensions: [\n            '.web.js',\n            '.web.ts',\n            '.web.tsx',\n            '.js',\n            '.jsx',\n            '.json',\n            '.ts',\n            '.tsx',\n            '.mjs',\n          ],\n          alias: {\n            'react-native/Libraries/Renderer/shims/ReactFabric': '@tamagui/proxy-worm',\n            'react-native/Libraries/Utilities/codegenNativeComponent': '@tamagui/proxy-worm',\n            // 'react-native': 'react-native-web-lite',\n            'react-native': 'react-native-web',\n          },\n        },\n      }\n    },\n  }\n\n  return plugin\n}\n"],
-  "mappings": "AAGA;AAQO,uBAAuB,SAAiC;AAC7D,QAAM,SAAiB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS;AAAA,UAEP,UAAU,CAAC,YAAY,gBAAgB,CAAC;AAAA,QAI1C;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UAEN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,GAAI,QAAQ,IAAI,aAAa,UAAU;AAAA,YACrC,SAAS;AAAA,cACP,KAAK;AAAA,gBACH,gBAAgB,QAAQ,IAAI,kBAAkB;AAAA,gBAC9C,UAAU,QAAQ,IAAI,YAAY,IAAI;AAAA,cACxC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,QAMA,KAAK;AAAA,UACH,YAAY;AAAA,UACZ,cAAc,CAEd;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UAEZ,gBAAgB;AAAA,YAEd,mBAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,QAAQ;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UAGP,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,qDAAqD;AAAA,YACrD,2DAA2D;AAAA,YAE3D,gBAAgB;AAAA,UAClB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "sourcesContent": ["import { esbuildCommonjs, viteCommonjs } from '@originjs/vite-plugin-commonjs'\nimport type { TamaguiOptions } from '@tamagui/static'\nimport type { Plugin } from 'vite'\nimport envPlugin from 'vite-plugin-environment'\n\n/**\n * For some reason envPlugin doesnt work for vitest, but process: { env: {} } breaks vitest\n */\n\nexport function tamaguiPlugin(\n  options: TamaguiOptions & {\n    useReactNativeWebLite?: boolean\n  }\n): Plugin {\n  const plugin: Plugin = {\n    name: 'tamagui-base',\n    enforce: 'pre',\n\n    config(userConfig, env) {\n      return {\n        plugins: [\n          //\n          // envPlugin(['NODE_ENV', 'TAMAGUI_TARGET', 'ENABLE_RSC']),\n          // viteCommonjs(),\n        ],\n        esbuild: {\n          loader: 'tsx',\n        },\n        define: {\n          // reanimated support\n          'global.__x': {},\n          _frameTimestamp: undefined,\n          _WORKLET: false,\n          ...(process.env.NODE_ENV !== 'test' && {\n            'process.env.TAMAGUI_TARGET': JSON.stringify(process.env.TAMAGUI_TARGET || 'web'),\n            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || env.mode),\n            'process.env.ENABLE_RSC': JSON.stringify(process.env.ENABLE_RSC || ''),\n            'process.env.ENABLE_STEPS': JSON.stringify(process.env.ENABLE_STEPS || ''),\n            'process.env.IS_STATIC': JSON.stringify(false),\n          }),\n        },\n        // build: {\n        //   commonjsOptions: {\n        //     transformMixedEsModules: true,\n        //   },\n        // },\n        ssr: {\n          // noExternal: /^(tamagui|react-native|expo-linear-gradient)$/,\n          noExternal: /tamagui|react-native|expo-linear-gradient/,\n        },\n        optimizeDeps: {\n          // disabled: false,\n          include: ['styleq', 'copy-to-clipboard', 'react-native-reanimated'],\n          esbuildOptions: {\n            jsx: 'transform',\n            // plugins: [\n            //   esbuildCommonjs([\n            //     'styleq',\n            //     'inline-style-prefixer',\n            //     'create-react-class',\n            //     'copy-to-clipboard',\n            //   ]),\n            // ],\n            resolveExtensions: [\n              '.web.js',\n              '.web.ts',\n              '.web.tsx',\n              '.js',\n              '.jsx',\n              '.json',\n              '.ts',\n              '.tsx',\n              '.mjs',\n            ],\n            loader: {\n              '.js': 'jsx',\n            },\n          },\n        },\n        resolve: {\n          // for once it extracts\n          // mainFields: ['module:jsx', 'module', 'jsnext:main', 'jsnext', 'main'],\n          extensions: [\n            '.web.js',\n            '.web.ts',\n            '.web.tsx',\n            '.js',\n            '.jsx',\n            '.json',\n            '.ts',\n            '.tsx',\n            '.mjs',\n          ],\n          alias: {\n            'react-native/Libraries/Renderer/shims/ReactFabric': '@tamagui/proxy-worm',\n            'react-native/Libraries/Utilities/codegenNativeComponent': '@tamagui/proxy-worm',\n            'react-native-svg': 'react-native-svg-web',\n            'react-native': 'react-native-web',\n            ...(options.useReactNativeWebLite && {\n              '@tamagui/rnw': '@tamagui/rnw-lite',\n              'react-native': 'react-native-web-lite',\n              'react-native-web': 'react-native-web-lite',\n            }),\n          },\n        },\n      }\n    },\n  }\n\n  return plugin\n}\n"],
+  "mappings": "AASO,uBACL,SAGQ;AACR,QAAM,SAAiB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS,CAIT;AAAA,QACA,SAAS;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UAEN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,GAAI,QAAQ,IAAI,aAAa,UAAU;AAAA,YACrC,8BAA8B,KAAK,UAAU,QAAQ,IAAI,kBAAkB,KAAK;AAAA,YAChF,wBAAwB,KAAK,UAAU,QAAQ,IAAI,YAAY,IAAI,IAAI;AAAA,YACvE,0BAA0B,KAAK,UAAU,QAAQ,IAAI,cAAc,EAAE;AAAA,YACrE,4BAA4B,KAAK,UAAU,QAAQ,IAAI,gBAAgB,EAAE;AAAA,YACzE,yBAAyB,KAAK,UAAU,KAAK;AAAA,UAC/C;AAAA,QACF;AAAA,QAMA,KAAK;AAAA,UAEH,YAAY;AAAA,QACd;AAAA,QACA,cAAc;AAAA,UAEZ,SAAS,CAAC,UAAU,qBAAqB,yBAAyB;AAAA,UAClE,gBAAgB;AAAA,YACd,KAAK;AAAA,YASL,mBAAmB;AAAA,cACjB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,QAAQ;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QACA,SAAS;AAAA,UAGP,YAAY;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,qDAAqD;AAAA,YACrD,2DAA2D;AAAA,YAC3D,oBAAoB;AAAA,YACpB,gBAAgB;AAAA,YAChB,GAAI,QAAQ,yBAAyB;AAAA,cACnC,gBAAgB;AAAA,cAChB,gBAAgB;AAAA,cAChB,oBAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
   "names": []
 }