@tamagui/vite-plugin 1.88.12 → 1.88.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/esm/extensions.mjs

@@ -0,0 +1,2 @@
+const extensions = [".ios.js", ".native.js", ".native.ts", ".native.tsx", ".js", ".jsx", ".json", ".ts", ".tsx", ".mjs"];
+export { extensions };

package/dist/esm/extract.mjs

@@ -0,0 +1,133 @@
+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}`,
+  GLOBAL_CSS_VIRTUAL_PATH = "__tamagui_global_css__.css";
+function tamaguiExtractPlugin(options) {
+  if (options.disable || options.disableDebugAttr && options.disableExtraction) return {
+    name: "tamagui-extract"
+  };
+  let extractor = null;
+  const cssMap = /* @__PURE__ */new Map();
+  let config,
+    server,
+    shouldReturnCSS = !0,
+    virtualExt;
+  const getAbsoluteVirtualFileId = filePath => filePath.startsWith(config.root) ? filePath : 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) {
+      return {
+        optimizeDeps: {
+          include: env.command === "serve" ? ["@tamagui/core/inject-styles"] : []
+        }
+      };
+    },
+    async configResolved(resolvedConfig) {
+      config = resolvedConfig, extractor = createExtractor({
+        logger: resolvedConfig.logger
+      }), shouldReturnCSS = !0, virtualExt = `.tamagui.${shouldReturnCSS ? "css" : "js"}`;
+    },
+    async resolveId(source) {
+      if (source === "tamagui.css") return await extractor.loadTamagui({
+        components: ["tamagui"],
+        platform: "web",
+        ...options
+      }), 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}` : "");
+    },
+    /**
+     * TODO
+     *
+     *   mainFields module:jsx breaks, so lets just have a mapping here
+     *   where we load() and map it to the jsx path before transform
+     *
+     */
+    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 shouldReturnCSS || !server || server.config.isProduction ? css : outdent`
+        import { injectStyles } from '@tamagui/core/inject-styles';
+
+        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;
+      const firstCommentIndex = code.indexOf("// "),
+        {
+          shouldDisable,
+          shouldPrintDebug
+        } = getPragmaOptions({
+          source: firstCommentIndex >= 0 ? code.slice(firstCommentIndex) : "",
+          path: validId
+        });
+      if (shouldDisable) return;
+      const extracted = await extractToClassNames({
+        extractor,
+        source: code,
+        sourcePath: validId,
+        options: {
+          components: ["tamagui"],
+          platform: "web",
+          ...options
+        },
+        shouldPrintDebug
+      });
+      if (!extracted) return;
+      const rootRelativeId = `${validId}${virtualExt}`,
+        absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
+      let source = extracted.js;
+      if (extracted.styles) {
+        if (server && cssMap.has(absoluteId) && cssMap.get(absoluteId) !== extracted.styles) {
+          const {
+              moduleGraph
+            } = server,
+            [module] = Array.from(moduleGraph.getModulesByFile(absoluteId) || []);
+          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 };

package/dist/esm/getVitePath.mjs

@@ -0,0 +1,19 @@
+import { join, relative } from "path";
+import resolve from "esm-resolve";
+import { realpath } from "fs-extra";
+async function getVitePath(importer, moduleName, absolute = !1) {
+  if (moduleName === "react-native") return "react-native";
+  if (moduleName === "react") return "react";
+  if (moduleName === "react/jsx-runtime") return "react/jsx-runtime";
+  if (moduleName === "react/jsx-dev-runtime") return "react/jsx-dev-runtime";
+  if (moduleName[0] === ".") return join("apps/tamastack/src", moduleName) + ".js";
+  {
+    const sourceFile = join(process.cwd(), "index.js"),
+      resolved = resolve(sourceFile)(moduleName);
+    if (!resolved) throw new Error("\u274C cant find");
+    const real = await realpath(resolved);
+    let id = real;
+    return absolute || (id = relative(importer, real)), id.endsWith("/react/jsx-dev-runtime.js") && (id = "react/jsx-runtime"), id;
+  }
+}
+export { getVitePath };

package/dist/esm/index.mjs

@@ -0,0 +1,3 @@
+export * from "./plugin.mjs";
+export * from "./extract.mjs";
+export * from "./getVitePath.mjs";

package/dist/esm/plugin.mjs

@@ -0,0 +1,89 @@
+import { watchTamaguiConfig } from "@tamagui/static";
+function tamaguiPlugin({
+  platform = "web",
+  ...options
+}) {
+  const watcher = options.disableWatchTamaguiConfig ? null : watchTamaguiConfig({
+      platform,
+      components: ["tamagui"],
+      config: "./src/tamagui.config.ts",
+      ...options
+    }),
+    components = [... /* @__PURE__ */new Set([...(options.components || []), "tamagui", "@tamagui/core"])],
+    noExternalSSR = new RegExp(`${components.join("|")}|react-native|expo-linear-gradient`, "ig"),
+    extensions = [`.${platform}.js`, `.${platform}.jsx`, `.${platform}.ts`, `.${platform}.tsx`, ".mjs", ".js", ".mts", ".ts", ".jsx", ".tsx", ".json"];
+  return {
+    name: "tamagui-base",
+    enforce: "pre",
+    async buildEnd() {
+      await watcher?.then(res => {
+        res?.dispose();
+      });
+    },
+    config(userConfig, env) {
+      return {
+        plugins: [
+          //
+          // envPlugin(['NODE_ENV', 'TAMAGUI_TARGET', 'ENABLE_RSC']),
+          // viteCommonjs(),
+        ],
+        define: {
+          // reanimated support
+          _frameTimestamp: void 0,
+          _WORKLET: !1,
+          __DEV__: `${env.mode === "development"}`,
+          "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(!1)
+        },
+        // build: {
+        //   commonjsOptions: {
+        //     transformMixedEsModules: true,
+        //   },
+        // },
+        ssr: {
+          noExternal: noExternalSSR
+        },
+        optimizeDeps: {
+          // disabled: false,
+          include: platform !== "native" ? ["styleq"] : [],
+          esbuildOptions: {
+            jsx: "transform",
+            // plugins: [
+            //   esbuildCommonjs([
+            //     'styleq',
+            //     'inline-style-prefixer',
+            //     'create-react-class',
+            //     'copy-to-clipboard',
+            //     'escape-string-regexp',
+            //   ]),
+            // ],
+            resolveExtensions: extensions,
+            loader: {
+              ".js": "jsx"
+            }
+          }
+        },
+        resolve: {
+          // for once it extracts
+          // mainFields: ['module:jsx', 'module', 'jsnext:main', 'jsnext', 'main'],
+          extensions,
+          alias: {
+            ...(platform !== "native" && {
+              "react-native/Libraries/Renderer/shims/ReactFabric": "@tamagui/proxy-worm",
+              "react-native/Libraries/Utilities/codegenNativeComponent": "@tamagui/proxy-worm",
+              "react-native-svg": "@tamagui/react-native-svg",
+              "react-native": "react-native-web",
+              ...(options.useReactNativeWebLite && {
+                "react-native": "react-native-web-lite",
+                "react-native-web": "react-native-web-lite"
+              })
+            })
+          }
+        }
+      };
+    }
+  };
+}
+export { tamaguiPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/vite-plugin",
-  "version": "1.88.12",
+  "version": "1.88.14",
   "types": "./types/index.d.ts",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -26,16 +26,16 @@
     }
   },
   "dependencies": {
-    "@tamagui/fake-react-native": "1.88.12",
-    "@tamagui/proxy-worm": "1.88.12",
-    "@tamagui/react-native-svg": "1.88.12",
-    "@tamagui/static": "1.88.12",
+    "@tamagui/fake-react-native": "1.88.14",
+    "@tamagui/proxy-worm": "1.88.14",
+    "@tamagui/react-native-svg": "1.88.14",
+    "@tamagui/static": "1.88.14",
     "esm-resolve": "^1.0.8",
-    "fs-extra": "^11.1.0",
+    "fs-extra": "^11.2.0",
     "outdent": "^0.8.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.88.12"
+    "@tamagui/build": "1.88.14"
   },
   "publishConfig": {
     "access": "public"

package/src/extract.ts

@@ -2,7 +2,7 @@
 
 import path from 'path'
 
-import { TamaguiOptions } from '@tamagui/static'
+import type { TamaguiOptions } from '@tamagui/static'
 import { createExtractor, extractToClassNames, getPragmaOptions } from '@tamagui/static'
 import outdent from 'outdent'
 import type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'

package/types/extract.d.ts

@@ -1,4 +1,4 @@
-import { TamaguiOptions } from '@tamagui/static';
+import type { TamaguiOptions } from '@tamagui/static';
 import type { Plugin } from 'vite';
 export declare function tamaguiExtractPlugin(options: Partial<TamaguiOptions>): Plugin;
 //# sourceMappingURL=extract.d.ts.map

package/types/extract.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGhD,OAAO,KAAK,EAAE,MAAM,EAAiC,MAAM,MAAM,CAAA;AAMjE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,MAAM,CAqP7E"}
+{"version":3,"file":"extract.d.ts","sourceRoot":"","sources":["../src/extract.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAGrD,OAAO,KAAK,EAAE,MAAM,EAAiC,MAAM,MAAM,CAAA;AAMjE,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,MAAM,CAqP7E"}