@tamagui/vite-plugin 1.0.1-beta.100

package/dist/cjs/index.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./plugin"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/plugin.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;
+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 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) {
+  return {
+    name: "tamagui",
+    enforce: "pre",
+    config(userConfig, env) {
+      return {
+        plugins: [(0, import_vite_plugin_environment.default)(["NODE_ENV", "TAMAGUI_TARGET"])],
+        esbuild: {
+          loader: "tsx"
+        },
+        define: {
+          "global.__x": {},
+          _frameTimestamp: void 0,
+          _WORKLET: false,
+          process: {
+            env: {
+              TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || "web",
+              NODE_ENV: process.env.NODE_ENV || env.mode
+            }
+          }
+        },
+        optimizeDeps: {
+          esbuildOptions: {
+            resolveExtensions: [
+              ".web.js",
+              ".web.ts",
+              ".web.tsx",
+              ".js",
+              ".jsx",
+              ".json",
+              ".ts",
+              ".tsx",
+              ".mjs"
+            ],
+            loader: {
+              ".js": "jsx"
+            }
+          }
+        },
+        resolve: {
+          extensions: [
+            ".web.js",
+            ".web.ts",
+            ".web.tsx",
+            ".js",
+            ".jsx",
+            ".json",
+            ".ts",
+            ".tsx",
+            ".mjs"
+          ],
+          alias: {
+            "react-native/Libraries/Renderer/shims/ReactFabric": "@tamagui/proxy-worm",
+            "react-native/Libraries/Utilities/codegenNativeComponent": "@tamagui/proxy-worm",
+            "react-native": "react-native-web"
+          }
+        }
+      };
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  tamaguiPlugin
+});
+//# sourceMappingURL=plugin.js.map

package/dist/cjs/plugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/plugin.ts"],
+  "sourcesContent": ["import type { TamaguiOptions } from '@tamagui/static'\nimport type { Plugin } from 'vite'\nimport envPlugin from 'vite-plugin-environment'\n\nexport function tamaguiPlugin(options?: TamaguiOptions): Plugin {\n  return {\n    name: 'tamagui',\n    enforce: 'pre',\n\n    config(userConfig, env) {\n      return {\n        plugins: [envPlugin(['NODE_ENV', 'TAMAGUI_TARGET'])],\n        esbuild: {\n          loader: 'tsx',\n        },\n        define: {\n          'global.__x': {},\n          _frameTimestamp: undefined,\n          _WORKLET: false,\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        optimizeDeps: {\n          esbuildOptions: {\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',\n          },\n        },\n      }\n    },\n  }\n}\n\n// fork from https://github.com/seek-oss/vanilla-extract/blob/master/packages/vite-plugin/src/index.ts\n\n// import path from 'path'\n\n// import outdent from 'outdent'\n// import type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'\n// import { normalizePath } from 'vite'\n\n// const styleUpdateEvent = (fileId: string) => `tamagui-style-update:${fileId}`\n\n// interface Options {\n//   identifiers?: IdentifierOption\n//   esbuildOptions?: CompileOptions['esbuildOptions']\n// }\n// export function vanillaExtractPlugin({ identifiers, esbuildOptions }: Options = {}): Plugin {\n//   let config: ResolvedConfig\n//   let server: ViteDevServer\n//   let postCssConfig: PostCSSConfigResult | null\n//   const cssMap = new Map<string, string>()\n\n//   let virtualExt: string\n//   let packageName: string\n\n//   const getAbsoluteVirtualFileId = (source: string) => normalizePath(path.join(config.root, source))\n\n//   return {\n//     name: 'tamagui',\n//     enforce: 'pre',\n//     configureServer(_server) {\n//       server = _server\n//     },\n//     config(_userConfig, env) {\n//       const include = env.command === 'serve' ? ['@tamagui/css/injectStyles'] : []\n\n//       return {\n//         optimizeDeps: { include },\n//         ssr: {\n//           external: ['@tamagui/css', '@tamagui/css/fileScope', '@tamagui/css/adapter'],\n//         },\n//       }\n//     },\n//     async configResolved(resolvedConfig) {\n//       config = resolvedConfig\n//       packageName = getPackageInfo(config.root).name\n\n//       if (config.command === 'serve') {\n//         postCssConfig = await resolvePostcssConfig(config)\n//       }\n\n//       virtualExt = `.vanilla.${config.command === 'serve' ? 'js' : 'css'}`\n//     },\n//     resolveId(source) {\n//       if (!source.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(source)\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 .vanilla.js/.vanilla.css extension\n//       if (cssMap.has(absoluteId)) {\n//         return absoluteId\n//       }\n//     },\n//     load(id) {\n//       if (!cssMap.has(id)) {\n//         return\n//       }\n\n//       const css = cssMap.get(id)\n\n//       if (typeof css !== 'string') {\n//         return\n//       }\n\n//       if (!server || server.config.isProduction) {\n//         return css\n//       }\n\n//       return outdent`\n//         import { injectStyles } from '@tamagui/css/injectStyles';\n\n//         const inject = (css) => injectStyles({\n//           fileScope: ${JSON.stringify({ filePath: id })},\n//           css\n//         });\n\n//         inject(${JSON.stringify(css)});\n\n//         import.meta.hot.on('${styleUpdateEvent(id)}', (css) => {\n//           inject(css);\n//         });\n//       `\n//     },\n//     async transform(code, id, ssrParam) {\n//       if (!cssFileFilter.test(id)) {\n//         return null\n//       }\n\n//       let ssr: boolean | undefined\n\n//       if (typeof ssrParam === 'boolean') {\n//         ssr = ssrParam\n//       } else {\n//         ssr = ssrParam?.ssr\n//       }\n\n//       const index = id.indexOf('?')\n//       const validId = index === -1 ? id : id.substring(0, index)\n\n//       if (ssr) {\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 !== id) {\n//           this.addWatchFile(file)\n//         }\n//       }\n\n//       const output = await processVanillaFile({\n//         source,\n//         filePath: validId,\n//         identOption: identifiers ?? (config.mode === 'production' ? 'short' : 'debug'),\n//         serializeVirtualCssPath: async ({ fileScope, source }) => {\n//           const rootRelativeId = `${fileScope.filePath}${virtualExt}`\n//           const absoluteId = getAbsoluteVirtualFileId(rootRelativeId)\n\n//           let cssSource = source\n\n//           if (postCssConfig) {\n//             const postCssResult = await (await import('postcss'))\n//               .default(postCssConfig.plugins)\n//               .process(source, {\n//                 ...postCssConfig.options,\n//                 from: undefined,\n//                 map: false,\n//               })\n\n//             cssSource = postCssResult.css\n//           }\n\n//           if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {\n//             const { moduleGraph } = server\n//             const module = moduleGraph.getModuleById(absoluteId)\n\n//             if (module) {\n//               moduleGraph.invalidateModule(module)\n//             }\n\n//             server.ws.send({\n//               type: 'custom',\n//               event: styleUpdateEvent(absoluteId),\n//               data: cssSource,\n//             })\n//           }\n\n//           cssMap.set(absoluteId, cssSource)\n\n//           // We use the root relative id here to ensure file contents (content-hashes)\n//           // are consistent across build machines\n//           return `import \"${rootRelativeId}\";`\n//         },\n//       })\n\n//       return {\n//         code: output,\n//         map: { mappings: '' },\n//       }\n//     },\n//   }\n// }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,qCAAsB;AAEf,uBAAuB,SAAkC;AAC9D,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS,CAAC,4CAAU,CAAC,YAAY,gBAAgB,CAAC,CAAC;AAAA,QACnD,SAAS;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UACN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,SAAS;AAAA,YACP,KAAK;AAAA,cACH,gBAAgB,QAAQ,IAAI,kBAAkB;AAAA,cAC9C,UAAU,QAAQ,IAAI,YAAY,IAAI;AAAA,YACxC;AAAA,UACF;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UACZ,gBAAgB;AAAA,YACd,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,gBAAgB;AAAA,UAClB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

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

package/dist/esm/plugin.js

@@ -0,0 +1,66 @@
+import envPlugin from "vite-plugin-environment";
+function tamaguiPlugin(options) {
+  return {
+    name: "tamagui",
+    enforce: "pre",
+    config(userConfig, env) {
+      return {
+        plugins: [envPlugin(["NODE_ENV", "TAMAGUI_TARGET"])],
+        esbuild: {
+          loader: "tsx"
+        },
+        define: {
+          "global.__x": {},
+          _frameTimestamp: void 0,
+          _WORKLET: false,
+          process: {
+            env: {
+              TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || "web",
+              NODE_ENV: process.env.NODE_ENV || env.mode
+            }
+          }
+        },
+        optimizeDeps: {
+          esbuildOptions: {
+            resolveExtensions: [
+              ".web.js",
+              ".web.ts",
+              ".web.tsx",
+              ".js",
+              ".jsx",
+              ".json",
+              ".ts",
+              ".tsx",
+              ".mjs"
+            ],
+            loader: {
+              ".js": "jsx"
+            }
+          }
+        },
+        resolve: {
+          extensions: [
+            ".web.js",
+            ".web.ts",
+            ".web.tsx",
+            ".js",
+            ".jsx",
+            ".json",
+            ".ts",
+            ".tsx",
+            ".mjs"
+          ],
+          alias: {
+            "react-native/Libraries/Renderer/shims/ReactFabric": "@tamagui/proxy-worm",
+            "react-native/Libraries/Utilities/codegenNativeComponent": "@tamagui/proxy-worm",
+            "react-native": "react-native-web"
+          }
+        }
+      };
+    }
+  };
+}
+export {
+  tamaguiPlugin
+};
+//# sourceMappingURL=plugin.js.map

package/dist/esm/plugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/plugin.ts"],
+  "sourcesContent": ["import type { TamaguiOptions } from '@tamagui/static'\nimport type { Plugin } from 'vite'\nimport envPlugin from 'vite-plugin-environment'\n\nexport function tamaguiPlugin(options?: TamaguiOptions): Plugin {\n  return {\n    name: 'tamagui',\n    enforce: 'pre',\n\n    config(userConfig, env) {\n      return {\n        plugins: [envPlugin(['NODE_ENV', 'TAMAGUI_TARGET'])],\n        esbuild: {\n          loader: 'tsx',\n        },\n        define: {\n          'global.__x': {},\n          _frameTimestamp: undefined,\n          _WORKLET: false,\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        optimizeDeps: {\n          esbuildOptions: {\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',\n          },\n        },\n      }\n    },\n  }\n}\n\n// fork from https://github.com/seek-oss/vanilla-extract/blob/master/packages/vite-plugin/src/index.ts\n\n// import path from 'path'\n\n// import outdent from 'outdent'\n// import type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'\n// import { normalizePath } from 'vite'\n\n// const styleUpdateEvent = (fileId: string) => `tamagui-style-update:${fileId}`\n\n// interface Options {\n//   identifiers?: IdentifierOption\n//   esbuildOptions?: CompileOptions['esbuildOptions']\n// }\n// export function vanillaExtractPlugin({ identifiers, esbuildOptions }: Options = {}): Plugin {\n//   let config: ResolvedConfig\n//   let server: ViteDevServer\n//   let postCssConfig: PostCSSConfigResult | null\n//   const cssMap = new Map<string, string>()\n\n//   let virtualExt: string\n//   let packageName: string\n\n//   const getAbsoluteVirtualFileId = (source: string) => normalizePath(path.join(config.root, source))\n\n//   return {\n//     name: 'tamagui',\n//     enforce: 'pre',\n//     configureServer(_server) {\n//       server = _server\n//     },\n//     config(_userConfig, env) {\n//       const include = env.command === 'serve' ? ['@tamagui/css/injectStyles'] : []\n\n//       return {\n//         optimizeDeps: { include },\n//         ssr: {\n//           external: ['@tamagui/css', '@tamagui/css/fileScope', '@tamagui/css/adapter'],\n//         },\n//       }\n//     },\n//     async configResolved(resolvedConfig) {\n//       config = resolvedConfig\n//       packageName = getPackageInfo(config.root).name\n\n//       if (config.command === 'serve') {\n//         postCssConfig = await resolvePostcssConfig(config)\n//       }\n\n//       virtualExt = `.vanilla.${config.command === 'serve' ? 'js' : 'css'}`\n//     },\n//     resolveId(source) {\n//       if (!source.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(source)\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 .vanilla.js/.vanilla.css extension\n//       if (cssMap.has(absoluteId)) {\n//         return absoluteId\n//       }\n//     },\n//     load(id) {\n//       if (!cssMap.has(id)) {\n//         return\n//       }\n\n//       const css = cssMap.get(id)\n\n//       if (typeof css !== 'string') {\n//         return\n//       }\n\n//       if (!server || server.config.isProduction) {\n//         return css\n//       }\n\n//       return outdent`\n//         import { injectStyles } from '@tamagui/css/injectStyles';\n\n//         const inject = (css) => injectStyles({\n//           fileScope: ${JSON.stringify({ filePath: id })},\n//           css\n//         });\n\n//         inject(${JSON.stringify(css)});\n\n//         import.meta.hot.on('${styleUpdateEvent(id)}', (css) => {\n//           inject(css);\n//         });\n//       `\n//     },\n//     async transform(code, id, ssrParam) {\n//       if (!cssFileFilter.test(id)) {\n//         return null\n//       }\n\n//       let ssr: boolean | undefined\n\n//       if (typeof ssrParam === 'boolean') {\n//         ssr = ssrParam\n//       } else {\n//         ssr = ssrParam?.ssr\n//       }\n\n//       const index = id.indexOf('?')\n//       const validId = index === -1 ? id : id.substring(0, index)\n\n//       if (ssr) {\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 !== id) {\n//           this.addWatchFile(file)\n//         }\n//       }\n\n//       const output = await processVanillaFile({\n//         source,\n//         filePath: validId,\n//         identOption: identifiers ?? (config.mode === 'production' ? 'short' : 'debug'),\n//         serializeVirtualCssPath: async ({ fileScope, source }) => {\n//           const rootRelativeId = `${fileScope.filePath}${virtualExt}`\n//           const absoluteId = getAbsoluteVirtualFileId(rootRelativeId)\n\n//           let cssSource = source\n\n//           if (postCssConfig) {\n//             const postCssResult = await (await import('postcss'))\n//               .default(postCssConfig.plugins)\n//               .process(source, {\n//                 ...postCssConfig.options,\n//                 from: undefined,\n//                 map: false,\n//               })\n\n//             cssSource = postCssResult.css\n//           }\n\n//           if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {\n//             const { moduleGraph } = server\n//             const module = moduleGraph.getModuleById(absoluteId)\n\n//             if (module) {\n//               moduleGraph.invalidateModule(module)\n//             }\n\n//             server.ws.send({\n//               type: 'custom',\n//               event: styleUpdateEvent(absoluteId),\n//               data: cssSource,\n//             })\n//           }\n\n//           cssMap.set(absoluteId, cssSource)\n\n//           // We use the root relative id here to ensure file contents (content-hashes)\n//           // are consistent across build machines\n//           return `import \"${rootRelativeId}\";`\n//         },\n//       })\n\n//       return {\n//         code: output,\n//         map: { mappings: '' },\n//       }\n//     },\n//   }\n// }\n"],
+  "mappings": "AAEA;AAEO,uBAAuB,SAAkC;AAC9D,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS,CAAC,UAAU,CAAC,YAAY,gBAAgB,CAAC,CAAC;AAAA,QACnD,SAAS;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UACN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,SAAS;AAAA,YACP,KAAK;AAAA,cACH,gBAAgB,QAAQ,IAAI,kBAAkB;AAAA,cAC9C,UAAU,QAAQ,IAAI,YAAY,IAAI;AAAA,YACxC;AAAA,UACF;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UACZ,gBAAgB;AAAA,YACd,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,gBAAgB;AAAA,UAClB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/jsx/index.js

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

package/dist/jsx/index.js.map

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

package/dist/jsx/plugin.js

@@ -0,0 +1,66 @@
+import envPlugin from "vite-plugin-environment";
+function tamaguiPlugin(options) {
+  return {
+    name: "tamagui",
+    enforce: "pre",
+    config(userConfig, env) {
+      return {
+        plugins: [envPlugin(["NODE_ENV", "TAMAGUI_TARGET"])],
+        esbuild: {
+          loader: "tsx"
+        },
+        define: {
+          "global.__x": {},
+          _frameTimestamp: void 0,
+          _WORKLET: false,
+          process: {
+            env: {
+              TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || "web",
+              NODE_ENV: process.env.NODE_ENV || env.mode
+            }
+          }
+        },
+        optimizeDeps: {
+          esbuildOptions: {
+            resolveExtensions: [
+              ".web.js",
+              ".web.ts",
+              ".web.tsx",
+              ".js",
+              ".jsx",
+              ".json",
+              ".ts",
+              ".tsx",
+              ".mjs"
+            ],
+            loader: {
+              ".js": "jsx"
+            }
+          }
+        },
+        resolve: {
+          extensions: [
+            ".web.js",
+            ".web.ts",
+            ".web.tsx",
+            ".js",
+            ".jsx",
+            ".json",
+            ".ts",
+            ".tsx",
+            ".mjs"
+          ],
+          alias: {
+            "react-native/Libraries/Renderer/shims/ReactFabric": "@tamagui/proxy-worm",
+            "react-native/Libraries/Utilities/codegenNativeComponent": "@tamagui/proxy-worm",
+            "react-native": "react-native-web"
+          }
+        }
+      };
+    }
+  };
+}
+export {
+  tamaguiPlugin
+};
+//# sourceMappingURL=plugin.js.map

package/dist/jsx/plugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/plugin.ts"],
+  "sourcesContent": ["import type { TamaguiOptions } from '@tamagui/static'\nimport type { Plugin } from 'vite'\nimport envPlugin from 'vite-plugin-environment'\n\nexport function tamaguiPlugin(options?: TamaguiOptions): Plugin {\n  return {\n    name: 'tamagui',\n    enforce: 'pre',\n\n    config(userConfig, env) {\n      return {\n        plugins: [envPlugin(['NODE_ENV', 'TAMAGUI_TARGET'])],\n        esbuild: {\n          loader: 'tsx',\n        },\n        define: {\n          'global.__x': {},\n          _frameTimestamp: undefined,\n          _WORKLET: false,\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        optimizeDeps: {\n          esbuildOptions: {\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',\n          },\n        },\n      }\n    },\n  }\n}\n\n// fork from https://github.com/seek-oss/vanilla-extract/blob/master/packages/vite-plugin/src/index.ts\n\n// import path from 'path'\n\n// import outdent from 'outdent'\n// import type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'\n// import { normalizePath } from 'vite'\n\n// const styleUpdateEvent = (fileId: string) => `tamagui-style-update:${fileId}`\n\n// interface Options {\n//   identifiers?: IdentifierOption\n//   esbuildOptions?: CompileOptions['esbuildOptions']\n// }\n// export function vanillaExtractPlugin({ identifiers, esbuildOptions }: Options = {}): Plugin {\n//   let config: ResolvedConfig\n//   let server: ViteDevServer\n//   let postCssConfig: PostCSSConfigResult | null\n//   const cssMap = new Map<string, string>()\n\n//   let virtualExt: string\n//   let packageName: string\n\n//   const getAbsoluteVirtualFileId = (source: string) => normalizePath(path.join(config.root, source))\n\n//   return {\n//     name: 'tamagui',\n//     enforce: 'pre',\n//     configureServer(_server) {\n//       server = _server\n//     },\n//     config(_userConfig, env) {\n//       const include = env.command === 'serve' ? ['@tamagui/css/injectStyles'] : []\n\n//       return {\n//         optimizeDeps: { include },\n//         ssr: {\n//           external: ['@tamagui/css', '@tamagui/css/fileScope', '@tamagui/css/adapter'],\n//         },\n//       }\n//     },\n//     async configResolved(resolvedConfig) {\n//       config = resolvedConfig\n//       packageName = getPackageInfo(config.root).name\n\n//       if (config.command === 'serve') {\n//         postCssConfig = await resolvePostcssConfig(config)\n//       }\n\n//       virtualExt = `.vanilla.${config.command === 'serve' ? 'js' : 'css'}`\n//     },\n//     resolveId(source) {\n//       if (!source.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(source)\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 .vanilla.js/.vanilla.css extension\n//       if (cssMap.has(absoluteId)) {\n//         return absoluteId\n//       }\n//     },\n//     load(id) {\n//       if (!cssMap.has(id)) {\n//         return\n//       }\n\n//       const css = cssMap.get(id)\n\n//       if (typeof css !== 'string') {\n//         return\n//       }\n\n//       if (!server || server.config.isProduction) {\n//         return css\n//       }\n\n//       return outdent`\n//         import { injectStyles } from '@tamagui/css/injectStyles';\n\n//         const inject = (css) => injectStyles({\n//           fileScope: ${JSON.stringify({ filePath: id })},\n//           css\n//         });\n\n//         inject(${JSON.stringify(css)});\n\n//         import.meta.hot.on('${styleUpdateEvent(id)}', (css) => {\n//           inject(css);\n//         });\n//       `\n//     },\n//     async transform(code, id, ssrParam) {\n//       if (!cssFileFilter.test(id)) {\n//         return null\n//       }\n\n//       let ssr: boolean | undefined\n\n//       if (typeof ssrParam === 'boolean') {\n//         ssr = ssrParam\n//       } else {\n//         ssr = ssrParam?.ssr\n//       }\n\n//       const index = id.indexOf('?')\n//       const validId = index === -1 ? id : id.substring(0, index)\n\n//       if (ssr) {\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 !== id) {\n//           this.addWatchFile(file)\n//         }\n//       }\n\n//       const output = await processVanillaFile({\n//         source,\n//         filePath: validId,\n//         identOption: identifiers ?? (config.mode === 'production' ? 'short' : 'debug'),\n//         serializeVirtualCssPath: async ({ fileScope, source }) => {\n//           const rootRelativeId = `${fileScope.filePath}${virtualExt}`\n//           const absoluteId = getAbsoluteVirtualFileId(rootRelativeId)\n\n//           let cssSource = source\n\n//           if (postCssConfig) {\n//             const postCssResult = await (await import('postcss'))\n//               .default(postCssConfig.plugins)\n//               .process(source, {\n//                 ...postCssConfig.options,\n//                 from: undefined,\n//                 map: false,\n//               })\n\n//             cssSource = postCssResult.css\n//           }\n\n//           if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {\n//             const { moduleGraph } = server\n//             const module = moduleGraph.getModuleById(absoluteId)\n\n//             if (module) {\n//               moduleGraph.invalidateModule(module)\n//             }\n\n//             server.ws.send({\n//               type: 'custom',\n//               event: styleUpdateEvent(absoluteId),\n//               data: cssSource,\n//             })\n//           }\n\n//           cssMap.set(absoluteId, cssSource)\n\n//           // We use the root relative id here to ensure file contents (content-hashes)\n//           // are consistent across build machines\n//           return `import \"${rootRelativeId}\";`\n//         },\n//       })\n\n//       return {\n//         code: output,\n//         map: { mappings: '' },\n//       }\n//     },\n//   }\n// }\n"],
+  "mappings": "AAEA;AAEO,uBAAuB,SAAkC;AAC9D,SAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS,CAAC,UAAU,CAAC,YAAY,gBAAgB,CAAC,CAAC;AAAA,QACnD,SAAS;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,QACA,QAAQ;AAAA,UACN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,SAAS;AAAA,YACP,KAAK;AAAA,cACH,gBAAgB,QAAQ,IAAI,kBAAkB;AAAA,cAC9C,UAAU,QAAQ,IAAI,YAAY,IAAI;AAAA,YACxC;AAAA,UACF;AAAA,QACF;AAAA,QACA,cAAc;AAAA,UACZ,gBAAgB;AAAA,YACd,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,gBAAgB;AAAA,UAClB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@tamagui/vite-plugin",
+  "version": "1.0.1-beta.100",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "license": "MIT",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/proxy-worm": "^1.0.1-beta.100",
+    "fs-extra": "^10.1.0",
+    "lodash": "^4.17.21"
+  },
+  "devDependencies": {
+    "@tamagui/build": "^1.0.1-beta.100",
+    "vite-plugin-environment": "^1.1.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.ts

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

package/src/plugin.ts

@@ -0,0 +1,257 @@
+import type { TamaguiOptions } from '@tamagui/static'
+import type { Plugin } from 'vite'
+import envPlugin from 'vite-plugin-environment'
+
+export function tamaguiPlugin(options?: TamaguiOptions): Plugin {
+  return {
+    name: 'tamagui',
+    enforce: 'pre',
+
+    config(userConfig, env) {
+      return {
+        plugins: [envPlugin(['NODE_ENV', 'TAMAGUI_TARGET'])],
+        esbuild: {
+          loader: 'tsx',
+        },
+        define: {
+          'global.__x': {},
+          _frameTimestamp: undefined,
+          _WORKLET: false,
+          process: {
+            env: {
+              TAMAGUI_TARGET: process.env.TAMAGUI_TARGET || 'web',
+              NODE_ENV: process.env.NODE_ENV || env.mode,
+            },
+          },
+        },
+        optimizeDeps: {
+          esbuildOptions: {
+            resolveExtensions: [
+              '.web.js',
+              '.web.ts',
+              '.web.tsx',
+              '.js',
+              '.jsx',
+              '.json',
+              '.ts',
+              '.tsx',
+              '.mjs',
+            ],
+            loader: {
+              '.js': 'jsx',
+            },
+          },
+        },
+        resolve: {
+          // for once it extracts
+          // mainFields: ['module:jsx', 'module', 'jsnext:main', 'jsnext'],
+          extensions: [
+            '.web.js',
+            '.web.ts',
+            '.web.tsx',
+            '.js',
+            '.jsx',
+            '.json',
+            '.ts',
+            '.tsx',
+            '.mjs',
+          ],
+          alias: {
+            'react-native/Libraries/Renderer/shims/ReactFabric': '@tamagui/proxy-worm',
+            'react-native/Libraries/Utilities/codegenNativeComponent': '@tamagui/proxy-worm',
+            'react-native': 'react-native-web',
+          },
+        },
+      }
+    },
+  }
+}
+
+// fork from https://github.com/seek-oss/vanilla-extract/blob/master/packages/vite-plugin/src/index.ts
+
+// import path from 'path'
+
+// import outdent from 'outdent'
+// import type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'
+// import { normalizePath } from 'vite'
+
+// const styleUpdateEvent = (fileId: string) => `tamagui-style-update:${fileId}`
+
+// interface Options {
+//   identifiers?: IdentifierOption
+//   esbuildOptions?: CompileOptions['esbuildOptions']
+// }
+// export function vanillaExtractPlugin({ identifiers, esbuildOptions }: Options = {}): Plugin {
+//   let config: ResolvedConfig
+//   let server: ViteDevServer
+//   let postCssConfig: PostCSSConfigResult | null
+//   const cssMap = new Map<string, string>()
+
+//   let virtualExt: string
+//   let packageName: string
+
+//   const getAbsoluteVirtualFileId = (source: string) => normalizePath(path.join(config.root, source))
+
+//   return {
+//     name: 'tamagui',
+//     enforce: 'pre',
+//     configureServer(_server) {
+//       server = _server
+//     },
+//     config(_userConfig, env) {
+//       const include = env.command === 'serve' ? ['@tamagui/css/injectStyles'] : []
+
+//       return {
+//         optimizeDeps: { include },
+//         ssr: {
+//           external: ['@tamagui/css', '@tamagui/css/fileScope', '@tamagui/css/adapter'],
+//         },
+//       }
+//     },
+//     async configResolved(resolvedConfig) {
+//       config = resolvedConfig
+//       packageName = getPackageInfo(config.root).name
+
+//       if (config.command === 'serve') {
+//         postCssConfig = await resolvePostcssConfig(config)
+//       }
+
+//       virtualExt = `.vanilla.${config.command === 'serve' ? 'js' : 'css'}`
+//     },
+//     resolveId(source) {
+//       if (!source.endsWith(virtualExt)) {
+//         return
+//       }
+
+//       // Absolute paths seem to occur often in monorepos, where files are
+//       // imported from outside the config root.
+//       const absoluteId = source.startsWith(config.root) ? source : getAbsoluteVirtualFileId(source)
+
+//       // There should always be an entry in the `cssMap` here.
+//       // The only valid scenario for a missing one is if someone had written
+//       // a file in their app using the .vanilla.js/.vanilla.css extension
+//       if (cssMap.has(absoluteId)) {
+//         return absoluteId
+//       }
+//     },
+//     load(id) {
+//       if (!cssMap.has(id)) {
+//         return
+//       }
+
+//       const css = cssMap.get(id)
+
+//       if (typeof css !== 'string') {
+//         return
+//       }
+
+//       if (!server || server.config.isProduction) {
+//         return css
+//       }
+
+//       return outdent`
+//         import { injectStyles } from '@tamagui/css/injectStyles';
+
+//         const inject = (css) => injectStyles({
+//           fileScope: ${JSON.stringify({ filePath: id })},
+//           css
+//         });
+
+//         inject(${JSON.stringify(css)});
+
+//         import.meta.hot.on('${styleUpdateEvent(id)}', (css) => {
+//           inject(css);
+//         });
+//       `
+//     },
+//     async transform(code, id, ssrParam) {
+//       if (!cssFileFilter.test(id)) {
+//         return null
+//       }
+
+//       let ssr: boolean | undefined
+
+//       if (typeof ssrParam === 'boolean') {
+//         ssr = ssrParam
+//       } else {
+//         ssr = ssrParam?.ssr
+//       }
+
+//       const index = id.indexOf('?')
+//       const validId = index === -1 ? id : id.substring(0, index)
+
+//       if (ssr) {
+//         return addFileScope({
+//           source: code,
+//           filePath: normalizePath(validId),
+//           rootPath: config.root,
+//           packageName,
+//         })
+//       }
+
+//       const { source, watchFiles } = await compile({
+//         filePath: validId,
+//         cwd: config.root,
+//         esbuildOptions,
+//       })
+
+//       for (const file of watchFiles) {
+//         // In start mode, we need to prevent the file from rewatching itself.
+//         // If it's a `build --watch`, it needs to watch everything.
+//         if (config.command === 'build' || file !== id) {
+//           this.addWatchFile(file)
+//         }
+//       }
+
+//       const output = await processVanillaFile({
+//         source,
+//         filePath: validId,
+//         identOption: identifiers ?? (config.mode === 'production' ? 'short' : 'debug'),
+//         serializeVirtualCssPath: async ({ fileScope, source }) => {
+//           const rootRelativeId = `${fileScope.filePath}${virtualExt}`
+//           const absoluteId = getAbsoluteVirtualFileId(rootRelativeId)
+
+//           let cssSource = source
+
+//           if (postCssConfig) {
+//             const postCssResult = await (await import('postcss'))
+//               .default(postCssConfig.plugins)
+//               .process(source, {
+//                 ...postCssConfig.options,
+//                 from: undefined,
+//                 map: false,
+//               })
+
+//             cssSource = postCssResult.css
+//           }
+
+//           if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== source) {
+//             const { moduleGraph } = server
+//             const module = moduleGraph.getModuleById(absoluteId)
+
+//             if (module) {
+//               moduleGraph.invalidateModule(module)
+//             }
+
+//             server.ws.send({
+//               type: 'custom',
+//               event: styleUpdateEvent(absoluteId),
+//               data: cssSource,
+//             })
+//           }
+
+//           cssMap.set(absoluteId, cssSource)
+
+//           // We use the root relative id here to ensure file contents (content-hashes)
+//           // are consistent across build machines
+//           return `import "${rootRelativeId}";`
+//         },
+//       })
+
+//       return {
+//         code: output,
+//         map: { mappings: '' },
+//       }
+//     },
+//   }
+// }

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './plugin';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/types/plugin.d.ts

@@ -0,0 +1,4 @@
+import type { TamaguiOptions } from '@tamagui/static';
+import type { Plugin } from 'vite';
+export declare function tamaguiPlugin(options?: TamaguiOptions): Plugin;
+//# sourceMappingURL=plugin.d.ts.map

package/types/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAGlC,wBAAgB,aAAa,CAAC,OAAO,CAAC,EAAE,cAAc,GAAG,MAAM,CA+D9D"}