@tamagui/vite-plugin 2.0.0-rc.9 → 2.1.0

package/src/plugin.ts

@@ -2,10 +2,11 @@ import type { TamaguiOptions, ExtractedResponse } from '@tamagui/static-worker'
 import * as Static from '@tamagui/static-worker'
 import { getPragmaOptions } from '@tamagui/static-worker'
 import { createHash } from 'node:crypto'
+import { createRequire } from 'node:module'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
-import type { Plugin, ResolvedConfig, ViteDevServer } from 'vite'
-import { normalizePath, transformWithEsbuild, type Environment } from 'vite'
+import type { Plugin, PluginOption, ResolvedConfig, ViteDevServer } from 'vite'
+import type { Environment } from 'vite'
 import {
   loadTamaguiBuildConfig,
   getLoadPromise,
@@ -13,7 +14,12 @@ import {
   ensureFullConfigLoaded,
 } from './loadTamagui'
 
-const resolve = (name: string) => fileURLToPath(import.meta.resolve(name))
+// handle ESM/CJS duality for plugin dependencies - resolve from plugin's location, not user's project
+const _pluginRequire = createRequire(
+  typeof __filename === 'string' ? __filename : fileURLToPath(import.meta.url)
+)
+const resolve = (name: string) => _pluginRequire.resolve(name)
+const normalizePath = (value: string) => value.replace(/\\/g, '/')
 
 // shared cache across all plugin instances/environments via globalThis
 type CacheEntry = {
@@ -46,6 +52,34 @@ function clearSharedCache() {
   ;(globalThis as any)[CACHE_SIZE_KEY] = 0
 }
 
+// resolves package ids against the user's project root (not the plugin's
+// install location). returns true if the id is resolvable, false if the
+// dep isn't installed, safe to call for optional deps.
+function isInstalled(projectRoot: string, id: string): boolean {
+  try {
+    const req = createRequire(path.join(projectRoot, 'package.json'))
+    req.resolve(id)
+    return true
+  } catch {
+    return false
+  }
+}
+
+function addIfInstalled(
+  userConf: { optimizeDeps?: { include?: string[] } },
+  projectRoot: string | undefined,
+  ids: string[]
+): void {
+  const root = projectRoot || process.cwd()
+  userConf.optimizeDeps ||= {}
+  userConf.optimizeDeps.include ||= []
+  for (const id of ids) {
+    if (!userConf.optimizeDeps.include.includes(id) && isInstalled(root, id)) {
+      userConf.optimizeDeps.include.push(id)
+    }
+  }
+}
+
 // pending extractions map - dedupes concurrent requests for same file
 function getPendingExtractions(): Map<string, Promise<CacheEntry | null>> {
   if (!(globalThis as any)[PENDING_KEY]) {
@@ -78,20 +112,23 @@ export function tamaguiAliases(options: AliasOptions = {}): AliasEntry[] {
   }
 
   if (options.rnwLite) {
-    // entry point for main import (may be without-animated variant)
-    const rnwl = resolve(
-      options.rnwLite === 'without-animated'
-        ? '@tamagui/react-native-web-lite/without-animated'
-        : '@tamagui/react-native-web-lite'
-    )
     // base package path for subpath imports (package directory, not entry file)
     const rnwlBase = path.dirname(resolve('@tamagui/react-native-web-lite/package.json'))
+    // vite aliases need the esm entry; require.resolve points at cjs.
+    const rnwl = normalizePath(
+      path.join(
+        rnwlBase,
+        options.rnwLite === 'without-animated'
+          ? 'dist/esm/without-animated.mjs'
+          : 'dist/esm/index.mjs'
+      )
+    )
     aliases.push(
       {
         // map deep RNW paths like dist/exports/StyleSheet/preprocess to rnw-lite's flat structure
         // extracts the final path segment (e.g. "preprocess" or "createReactDOMStyle")
         find: /^react-native(?:-web)?\/dist\/(?:exports|modules)\/.*\/([^/]+)$/,
-        replacement: `${rnwlBase}/dist/esm/$1.mjs`,
+        replacement: `${normalizePath(rnwlBase)}/dist/esm/$1.mjs`,
       },
       {
         find: /^react-native$/,
@@ -118,12 +155,14 @@ export function tamaguiAliases(options: AliasOptions = {}): AliasEntry[] {
 export function tamaguiPlugin({
   disableResolveConfig,
   ...tamaguiOptionsIn
-}: TamaguiOptions & { disableResolveConfig?: boolean } = {}): Plugin | Plugin[] {
+}: TamaguiOptions & {
+  disableResolveConfig?: boolean
+} = {}): PluginOption {
   // extraction ON by default, set disableExtraction: true to opt out
   let shouldExtract = !tamaguiOptionsIn.disableExtraction
   let watcher: Promise<{ dispose: () => void } | void | undefined> | undefined
 
-  // TODO temporary fix
+  // temporary vxrn native env bridge
   const enableNativeEnv = !!globalThis.__vxrnEnableNativeEnv
 
   const extensions = [
@@ -212,15 +251,6 @@ export function tamaguiPlugin({
       })
     },
 
-    async transform(code, id) {
-      if (id.includes('expo-linear-gradient')) {
-        return transformWithEsbuild(code, id, {
-          loader: 'jsx',
-          jsx: 'automatic',
-        })
-      }
-    },
-
     async config(_, env) {
       const options = await ensureLoaded()
 
@@ -299,10 +329,26 @@ export function tamaguiPlugin({
         return {}
       }
 
+      // react-native-web-lite imports memoize-one internally. the esbuild dep
+      // scanner doesn't follow it through the react-native -> rnw-lite alias, so
+      // vite discovers it only at request time, re-optimizes mid-load, and full
+      // reloads. on slow runners (CI) the in-flight optimized-dep request 504s
+      // ("Outdated Optimize Dep") and surfaces as a console error. pre-include
+      // it so the first optimize pass is complete and no reload is triggered.
+      const include: string[] = []
+      if (isInstalled(process.cwd(), 'memoize-one')) {
+        include.push('memoize-one')
+      }
+
       return {
         resolve: {
           alias: tamaguiAliases({ rnwLite: options.useReactNativeWebLite }),
         },
+        optimizeDeps: {
+          // upstream react-native-web must not be pre-bundled when aliased to lite
+          exclude: ['react-native-web'],
+          include,
+        },
       }
     },
   }
@@ -315,11 +361,55 @@ export function tamaguiPlugin({
 
     async config(userConf) {
       // wait for config to load to know if we should extract
-      await ensureLoaded()
-      if (!shouldExtract) return
+      const options = await ensureLoaded()
 
       userConf.optimizeDeps ||= {}
       userConf.optimizeDeps.include ||= []
+
+      // inline-style-prefixer is CJS with __esModule and breaks without pre-bundling
+      // (reference error: exports is not defined). always include it.
+      userConf.optimizeDeps.include.push('inline-style-prefixer')
+
+      // pre-bundle tamagui packages that use internal hooks (useThemeName, etc.)
+      // from sub-entries, vite's dep crawler can otherwise split them into a
+      // separate chunk with its own tamagui copy, producing two ThemeStateContext
+      // instances and "Missing theme" errors at runtime.
+      //
+      // @tamagui/sheet/controller is the lightweight controller subpath imported
+      // by popover/dialog/select; the app imports @tamagui/sheet (full). if these
+      // land in separate optimized chunks they each get their own copy of
+      // SheetControllerContext, so the SheetController provider (from /controller)
+      // and the Sheet consumer (from the full entry) never match and adapted
+      // sheets silently never open. include both so they share one context chunk.
+      addIfInstalled(userConf, userConf.root, [
+        '@tamagui/toast',
+        '@tamagui/toast/v2',
+        '@tamagui/sheet',
+        '@tamagui/sheet/controller',
+      ])
+
+      // dedupe tamagui packages so nested resolutions collapse to a single
+      // instance. pairs with the include above: include pre-bundles, dedupe
+      // prevents duplicate bundling when sub-deps re-resolve them.
+      userConf.resolve ||= {}
+      userConf.resolve.dedupe ||= []
+      for (const id of [
+        'tamagui',
+        '@tamagui/core',
+        '@tamagui/web',
+        '@tamagui/toast',
+        '@tamagui/sheet',
+      ]) {
+        if (
+          !userConf.resolve.dedupe.includes(id) &&
+          isInstalled(userConf.root || process.cwd(), id)
+        ) {
+          userConf.resolve.dedupe.push(id)
+        }
+      }
+
+      if (!shouldExtract) return
+
       userConf.optimizeDeps.include.push('@tamagui/core/inject-styles')
     },
 

package/types/plugin.d.ts

@@ -1,5 +1,5 @@
 import type { TamaguiOptions } from '@tamagui/static-worker';
-import type { Plugin } from 'vite';
+import type { PluginOption } from 'vite';
 type AliasOptions = {
     /** use @tamagui/react-native-web-lite, 'without-animated' for smaller bundle */
     rnwLite?: boolean | 'without-animated';
@@ -17,6 +17,6 @@ type AliasEntry = {
 export declare function tamaguiAliases(options?: AliasOptions): AliasEntry[];
 export declare function tamaguiPlugin({ disableResolveConfig, ...tamaguiOptionsIn }?: TamaguiOptions & {
     disableResolveConfig?: boolean;
-}): Plugin | Plugin[];
+}): PluginOption;
 export {};
 //# sourceMappingURL=plugin.d.ts.map

package/types/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,wBAAwB,CAAA;AAM/E,OAAO,KAAK,EAAE,MAAM,EAAiC,MAAM,MAAM,CAAA;AAkDjE,KAAK,YAAY,GAAG;IAClB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAA;IACtC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhE;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,YAAiB,GAAG,UAAU,EAAE,CA8CvE;AAED,wBAAgB,aAAa,CAAC,EAC5B,oBAAoB,EACpB,GAAG,gBAAgB,EACpB,GAAE,cAAc,GAAG;IAAE,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAAO,GAAG,MAAM,GAAG,MAAM,EAAE,CA8a9E"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAqB,MAAM,wBAAwB,CAAA;AAO/E,OAAO,KAAK,EAAU,YAAY,EAAiC,MAAM,MAAM,CAAA;AAmF/E,KAAK,YAAY,GAAG;IAClB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,GAAG,kBAAkB,CAAA;IACtC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAED,KAAK,UAAU,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAA;AAEhE;;;GAGG;AACH,wBAAgB,cAAc,CAAC,OAAO,GAAE,YAAiB,GAAG,UAAU,EAAE,CAiDvE;AAED,wBAAgB,aAAa,CAAC,EAC5B,oBAAoB,EACpB,GAAG,gBAAgB,EACpB,GAAE,cAAc,GAAG;IAClB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC1B,GAAG,YAAY,CAiepB"}

package/dist/cjs/cache.cjs

@@ -1,70 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
-var cache_exports = {};
-__export(cache_exports, {
-  clearCache: () => clearCache,
-  clearPendingExtraction: () => clearPendingExtraction,
-  getCache: () => getCache,
-  getCached: () => getCached,
-  getPending: () => getPending,
-  getPendingExtraction: () => getPendingExtraction,
-  setCache: () => setCache,
-  setPendingExtraction: () => setPendingExtraction
-});
-module.exports = __toCommonJS(cache_exports);
-const KEYS = {
-    cache: "__tamagui_vite_cache__",
-    size: "__tamagui_vite_cache_size__",
-    pending: "__tamagui_vite_pending__"
-  },
-  MAX_CACHE_SIZE = 67108864;
-function getGlobal(key, defaultValue) {
-  return globalThis[key] === void 0 && (globalThis[key] = defaultValue), globalThis[key];
-}
-function setGlobal(key, value) {
-  globalThis[key] = value;
-}
-function getCache() {
-  return getGlobal(KEYS.cache, {});
-}
-function getCached(key) {
-  return getCache()[key];
-}
-function setCache(key, entry) {
-  const cache = getCache(),
-    newSize = getGlobal(KEYS.size, 0) + entry.js.length;
-  newSize > MAX_CACHE_SIZE ? clearCache() : setGlobal(KEYS.size, newSize), cache[key] = entry;
-}
-function clearCache() {
-  setGlobal(KEYS.cache, {}), setGlobal(KEYS.size, 0);
-}
-function getPending() {
-  return getGlobal(KEYS.pending, /* @__PURE__ */new Map());
-}
-function getPendingExtraction(key) {
-  return getPending().get(key);
-}
-function setPendingExtraction(key, promise) {
-  getPending().set(key, promise);
-}
-function clearPendingExtraction(key) {
-  getPending().delete(key);
-}

package/dist/cjs/cache.js

@@ -1,63 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var cache_exports = {};
-__export(cache_exports, {
-  clearCache: () => clearCache,
-  clearPendingExtraction: () => clearPendingExtraction,
-  getCache: () => getCache,
-  getCached: () => getCached,
-  getPending: () => getPending,
-  getPendingExtraction: () => getPendingExtraction,
-  setCache: () => setCache,
-  setPendingExtraction: () => setPendingExtraction
-});
-module.exports = __toCommonJS(cache_exports);
-const KEYS = {
-  cache: "__tamagui_vite_cache__",
-  size: "__tamagui_vite_cache_size__",
-  pending: "__tamagui_vite_pending__"
-}, MAX_CACHE_SIZE = 67108864;
-function getGlobal(key, defaultValue) {
-  return globalThis[key] === void 0 && (globalThis[key] = defaultValue), globalThis[key];
-}
-function setGlobal(key, value) {
-  globalThis[key] = value;
-}
-function getCache() {
-  return getGlobal(KEYS.cache, {});
-}
-function getCached(key) {
-  return getCache()[key];
-}
-function setCache(key, entry) {
-  const cache = getCache(), newSize = getGlobal(KEYS.size, 0) + entry.js.length;
-  newSize > MAX_CACHE_SIZE ? clearCache() : setGlobal(KEYS.size, newSize), cache[key] = entry;
-}
-function clearCache() {
-  setGlobal(KEYS.cache, {}), setGlobal(KEYS.size, 0);
-}
-function getPending() {
-  return getGlobal(KEYS.pending, /* @__PURE__ */ new Map());
-}
-function getPendingExtraction(key) {
-  return getPending().get(key);
-}
-function setPendingExtraction(key, promise) {
-  getPending().set(key, promise);
-}
-function clearPendingExtraction(key) {
-  getPending().delete(key);
-}
-//# sourceMappingURL=cache.js.map

package/dist/cjs/cache.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/cache.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBA,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AACX,GAGM,iBAAiB;AAEvB,SAAS,UAAa,KAAa,cAAoB;AACrD,SAAK,WAAmB,GAAG,MAAM,WAC7B,WAAmB,GAAG,IAAI,eAEtB,WAAmB,GAAG;AAChC;AAEA,SAAS,UAAa,KAAa,OAAgB;AAChD,EAAC,WAAmB,GAAG,IAAI;AAC9B;AAKO,SAAS,WAAuC;AACrD,SAAO,UAAU,KAAK,OAAO,CAAC,CAAC;AACjC;AAKO,SAAS,UAAU,KAAqC;AAC7D,SAAO,SAAS,EAAE,GAAG;AACvB;AAMO,SAAS,SAAS,KAAa,OAAyB;AAC7D,QAAM,QAAQ,SAAS,GAEjB,UADc,UAAkB,KAAK,MAAM,CAAC,IACpB,MAAM,GAAG;AAEvC,EAAI,UAAU,iBACZ,WAAW,IAEX,UAAU,KAAK,MAAM,OAAO,GAG9B,MAAM,GAAG,IAAI;AACf;AAKO,SAAS,aAAmB;AACjC,YAAU,KAAK,OAAO,CAAC,CAAC,GACxB,UAAU,KAAK,MAAM,CAAC;AACxB;AAMO,SAAS,aAAsD;AACpE,SAAO,UAAU,KAAK,SAAS,oBAAI,IAAI,CAAC;AAC1C;AAKO,SAAS,qBACd,KACwC;AACxC,SAAO,WAAW,EAAE,IAAI,GAAG;AAC7B;AAKO,SAAS,qBACd,KACA,SACM;AACN,aAAW,EAAE,IAAI,KAAK,OAAO;AAC/B;AAKO,SAAS,uBAAuB,KAAmB;AACxD,aAAW,EAAE,OAAO,GAAG;AACzB;",
-  "names": []
-}

package/dist/cjs/extensions.js

@@ -1,32 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var extensions_exports = {};
-__export(extensions_exports, {
-  extensions: () => extensions
-});
-module.exports = __toCommonJS(extensions_exports);
-const extensions = [
-  ".ios.js",
-  ".native.js",
-  ".native.ts",
-  ".native.tsx",
-  ".js",
-  ".jsx",
-  ".json",
-  ".ts",
-  ".tsx",
-  ".mjs"
-];
-//# sourceMappingURL=extensions.js.map

package/dist/cjs/extensions.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/extensions.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
-  "names": []
-}

package/dist/cjs/extract.cjs

@@ -1,159 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
-var extract_exports = {};
-__export(extract_exports, {
-  tamaguiExtractPlugin: () => tamaguiExtractPlugin
-});
-module.exports = __toCommonJS(extract_exports);
-var Static = __toESM(require("@tamagui/static-worker"), 1),
-  import_static_worker = require("@tamagui/static-worker"),
-  import_node_path = __toESM(require("node:path"), 1),
-  import_vite = require("vite"),
-  import_loadTamagui = require("./loadTamagui.cjs"),
-  import_node_crypto = require("node:crypto");
-function tamaguiExtractPlugin(optionsIn) {
-  if (optionsIn?.disable) return {
-    name: "tamagui-extract"
-  };
-  const getHash = input => (0, import_node_crypto.createHash)("sha1").update(input).digest("base64"),
-    clearCompilerCache = () => {
-      memoryCache = {}, cacheSize = 0;
-    };
-  let memoryCache = {},
-    cacheSize = 0;
-  const cssMap = /* @__PURE__ */new Map();
-  let config, server;
-  const virtualExt = ".tamagui.css",
-    getAbsoluteVirtualFileId = filePath => filePath.startsWith(config.root) ? filePath : (0, import_vite.normalizePath)(import_node_path.default.join(config.root, filePath));
-  function isVite6AndNotClient(environment) {
-    return environment?.name && environment.name !== "client";
-  }
-  function isVite6Native(environment) {
-    return environment?.name && (environment.name === "ios" || environment.name === "android");
-  }
-  function invalidateModule(absoluteId) {
-    if (!server) return;
-    const {
-        moduleGraph
-      } = server,
-      modules = moduleGraph.getModulesByFile(absoluteId);
-    if (modules) for (const module2 of modules) moduleGraph.invalidateModule(module2), module2.lastHMRTimestamp = module2.lastInvalidationTimestamp || Date.now();
-  }
-  return {
-    name: "tamagui-extract",
-    enforce: "pre",
-    configureServer(_server) {
-      server = _server;
-    },
-    async buildStart() {
-      await (0, import_loadTamagui.loadTamaguiBuildConfig)(optionsIn);
-    },
-    async closeBundle() {},
-    config(userConf) {
-      userConf.optimizeDeps ||= {}, userConf.optimizeDeps.include ||= [], userConf.optimizeDeps.include.push("@tamagui/core/inject-styles");
-    },
-    async configResolved(resolvedConfig) {
-      config = resolvedConfig;
-    },
-    async resolveId(source) {
-      if (isVite6Native(this.environment) || import_loadTamagui.tamaguiOptions?.disableServerOptimization && isVite6AndNotClient(this.environment)) return;
-      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
-     *
-     */
-    async load(id) {
-      if (import_loadTamagui.disableStatic || isVite6Native(this.environment) || import_loadTamagui.tamaguiOptions?.disableServerOptimization && isVite6AndNotClient(this.environment)) return;
-      const [validId] = id.split("?");
-      return cssMap.get(validId);
-    },
-    transform: {
-      order: "pre",
-      async handler(code, id) {
-        if (import_loadTamagui.disableStatic || isVite6Native(this.environment) || import_loadTamagui.tamaguiOptions?.disableServerOptimization && isVite6AndNotClient(this.environment)) return;
-        const [validId] = id.split("?");
-        if (!validId.endsWith(".tsx")) return;
-        const firstCommentIndex = code.indexOf("// "),
-          {
-            shouldDisable,
-            shouldPrintDebug
-          } = await (0, import_static_worker.getPragmaOptions)({
-            source: firstCommentIndex >= 0 ? code.slice(firstCommentIndex) : "",
-            path: validId
-          });
-        if (shouldPrintDebug && (console.trace(`Current file: ${id} in environment: ${this.environment?.name}, shouldDisable: ${shouldDisable}`), console.info(`
-
-Original source:
-${code}
-
-`)), shouldDisable) return;
-        const cacheEnv = this.environment.name === "client" || this.environment.name === "ssr" ?
-          // same cache key for ssr and web since they are the same
-          "web" : this.environment.name,
-          cacheKey = getHash(`${cacheEnv}${code}${id}`),
-          cached = memoryCache[cacheKey];
-        if (cached) return cached;
-        let extracted;
-        try {
-          extracted = await Static.extractToClassNames({
-            source: code,
-            sourcePath: validId,
-            options: import_loadTamagui.tamaguiOptions,
-            shouldPrintDebug
-          });
-        } catch (err) {
-          console.error(err instanceof Error ? err.message : String(err));
-          return;
-        }
-        if (!extracted) return;
-        const rootRelativeId = `${validId}${virtualExt}`,
-          absoluteId = getAbsoluteVirtualFileId(rootRelativeId);
-        let source = extracted.js;
-        extracted.styles && (this.addWatchFile(rootRelativeId), server && cssMap.has(absoluteId) && invalidateModule(rootRelativeId), source = `${source}
-import "${rootRelativeId}";`, cssMap.set(absoluteId, extracted.styles));
-        const codeOut = source.toString(),
-          out = {
-            code: codeOut,
-            map: extracted.map
-          };
-        return cacheSize += codeOut.length, cacheSize > 26214400 && clearCompilerCache(), memoryCache[cacheKey] = out, out;
-      }
-    }
-  };
-}