@tamagui/vite-plugin 1.1.11 → 1.1.13

package/dist/esm/native.js

@@ -0,0 +1,210 @@
+import { readFile } from "fs/promises";
+import { join } from "path";
+import { esbuildFlowPlugin } from "@bunchtogether/vite-plugin-flow";
+import { extensions } from "./extensions.js";
+function nativePlugin() {
+  return {
+    name: "tamagui-native",
+    enforce: "post",
+    config: (config) => {
+      if (!config.build)
+        config.build = {};
+      config.build.modulePreload = { polyfill: false };
+      config.build.assetsInlineLimit = 1e8;
+      config.build.chunkSizeWarningLimit = 1e8;
+      config.build.cssCodeSplit = false;
+      config.build.reportCompressedSize = false;
+      config.base = void 0;
+      config.resolve ??= {};
+      config.resolve.extensions = extensions;
+      config.resolve.alias ??= {};
+      config.resolve.alias = {
+        ...config.resolve.alias,
+        "react-native/Libraries/Renderer/shims/ReactFabric": "react-native/Libraries/Renderer/shims/ReactFabric",
+        "react-native/Libraries/Utilities/codegenNativeComponent": "react-native/Libraries/Utilities/codegenNativeComponent",
+        "react-native-svg": "react-native-svg",
+        "react-native-web": "react-native",
+        "react-native": "react-native"
+      };
+      config.optimizeDeps ??= {};
+      config.optimizeDeps.esbuildOptions ??= {};
+      config.optimizeDeps.esbuildOptions.resolveExtensions = extensions;
+      config.optimizeDeps.esbuildOptions.plugins ??= [];
+      config.optimizeDeps.esbuildOptions.plugins.push(
+        esbuildFlowPlugin(
+          /node_modules\/(react-native\/|@react-native\/assets)/,
+          (_) => "jsx"
+        )
+      );
+      config.optimizeDeps.include ??= [];
+      config.optimizeDeps.include.push("react-native");
+      config.optimizeDeps.esbuildOptions.loader ??= {};
+      config.optimizeDeps.esbuildOptions.loader[".js"] = "jsx";
+      config.optimizeDeps.esbuildOptions.plugins.push({
+        name: "react-native-assets",
+        setup(build) {
+          build.onResolve(
+            {
+              filter: /\.(png|jpg|gif|webp)$/
+            },
+            async ({ path, namespace }) => {
+              return {
+                path: "",
+                external: true
+              };
+            }
+          );
+        }
+      });
+      config.build.rollupOptions ??= {};
+      config.build.rollupOptions.input = "/Users/n8/tamagui/apps/kitchen-sink/src/index.tsx";
+      config.build.rollupOptions.output ??= {};
+      config.build.rollupOptions.plugins ??= [];
+      config.build.rollupOptions.external = ["react-native", "react", "react/jsx-runtime"];
+      if (!Array.isArray(config.build.rollupOptions.plugins)) {
+        throw `x`;
+      }
+      if (process.env.DEBUG) {
+        console.log("config..", config);
+      }
+      config.build.commonjsOptions = {
+        include: /node_modules\/react\//
+      };
+      config.build.rollupOptions.plugins.push({
+        name: `swap-react-native`,
+        async load(id) {
+          if (id.endsWith("react-native/index.js")) {
+            const bundled = await readFile(
+              join(process.cwd(), "react-native.js"),
+              "utf-8"
+            );
+            const code = bundled;
+            return {
+              code: `
+const run = () => {  
+  ${bundled.replace(
+                `module.exports = require_react_native();`,
+                `return require_react_native();`
+              )}
+}
+
+const RN = run()
+
+${RNExportNames.map(
+                (name) => (
+                  // adding exports
+                  `export const ${name} = RN.${name}`
+                )
+              ).join("\n")}
+
+`
+            };
+          }
+        }
+      });
+      const updateOutputOptions = (out) => {
+        out.inlineDynamicImports = true;
+        out.manualChunks = void 0;
+      };
+      if (Array.isArray(config.build.rollupOptions.output)) {
+        for (const o in config.build.rollupOptions.output)
+          updateOutputOptions(o);
+      } else {
+        updateOutputOptions(config.build.rollupOptions.output);
+      }
+    }
+  };
+}
+const RNExportNames = [
+  "AccessibilityInfo",
+  "ActivityIndicator",
+  "Button",
+  "DatePickerIOS",
+  "DrawerLayoutAndroid",
+  "FlatList",
+  "Image",
+  "ImageBackground",
+  "InputAccessoryView",
+  "KeyboardAvoidingView",
+  "MaskedViewIOS",
+  "Modal",
+  "Pressable",
+  "ProgressBarAndroid",
+  "ProgressViewIOS",
+  "RefreshControl",
+  "SafeAreaView",
+  "ScrollView",
+  "SectionList",
+  "Slider",
+  "StatusBar",
+  "Switch",
+  "Text",
+  "TextInput",
+  "Touchable",
+  "TouchableHighlight",
+  "TouchableNativeFeedback",
+  "TouchableOpacity",
+  "TouchableWithoutFeedback",
+  "View",
+  "VirtualizedList",
+  "VirtualizedSectionList",
+  "ActionSheetIOS",
+  "Alert",
+  "Animated",
+  "Appearance",
+  "AppRegistry",
+  "AppState",
+  "AsyncStorage",
+  "BackHandler",
+  "Clipboard",
+  "DeviceInfo",
+  "DevSettings",
+  "Dimensions",
+  "Easing",
+  "findNodeHandle",
+  "I18nManager",
+  "ImagePickerIOS",
+  "InteractionManager",
+  "Keyboard",
+  "LayoutAnimation",
+  "Linking",
+  "LogBox",
+  "NativeDialogManagerAndroid",
+  "NativeEventEmitter",
+  "Networking",
+  "PanResponder",
+  "PermissionsAndroid",
+  "PixelRatio",
+  // 'PushNotificationIOS',
+  "Settings",
+  "Share",
+  "StyleSheet",
+  "Systrace",
+  "ToastAndroid",
+  "TurboModuleRegistry",
+  "UIManager",
+  "unstable_batchedUpdates",
+  "useColorScheme",
+  "useWindowDimensions",
+  "UTFSequence",
+  "Vibration",
+  "YellowBox",
+  "DeviceEventEmitter",
+  "DynamicColorIOS",
+  "NativeAppEventEmitter",
+  "NativeModules",
+  "Platform",
+  "PlatformColor",
+  "processColor",
+  "requireNativeComponent",
+  "RootTagContext"
+  // 'unstable_enableLogBox',
+  // 'ColorPropType',
+  // 'EdgeInsetsPropType',
+  // 'PointPropType',
+  // 'ViewPropTypes',
+];
+export {
+  nativePlugin
+};
+//# sourceMappingURL=native.js.map

package/dist/esm/native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/native.ts"],
+  "sourcesContent": ["import { readFile } from 'fs/promises'\nimport { join } from 'path'\n\nimport { esbuildFlowPlugin } from '@bunchtogether/vite-plugin-flow'\nimport { OutputOptions } from 'rollup'\nimport type { Plugin } from 'vite'\n\nimport { extensions } from './extensions.js'\n\nexport function nativePlugin(): Plugin {\n  return {\n    name: 'tamagui-native',\n    enforce: 'post',\n\n    config: (config) => {\n      if (!config.build) config.build = {}\n\n      config.build.modulePreload = { polyfill: false }\n      // Ensures that even very large assets are inlined in your JavaScript.\n      config.build.assetsInlineLimit = 100000000\n      // Avoid warnings about large chunks.\n      config.build.chunkSizeWarningLimit = 100000000\n      // Emit all CSS as a single file, which `vite-plugin-singlefile` can then inline.\n      config.build.cssCodeSplit = false\n      // Avoids the extra step of testing Brotli compression, which isn't really pertinent to a file served locally.\n      config.build.reportCompressedSize = false\n      // Subfolder bases are not supported, and shouldn't be needed because we're embedding everything.\n      config.base = undefined\n\n      config.resolve ??= {}\n\n      config.resolve.extensions = extensions\n\n      config.resolve.alias ??= {}\n      config.resolve.alias = {\n        ...config.resolve.alias,\n        'react-native/Libraries/Renderer/shims/ReactFabric':\n          'react-native/Libraries/Renderer/shims/ReactFabric',\n        'react-native/Libraries/Utilities/codegenNativeComponent':\n          'react-native/Libraries/Utilities/codegenNativeComponent',\n        'react-native-svg': 'react-native-svg',\n        'react-native-web': 'react-native',\n        'react-native': 'react-native',\n      }\n\n      config.optimizeDeps ??= {}\n      config.optimizeDeps.esbuildOptions ??= {}\n      config.optimizeDeps.esbuildOptions.resolveExtensions = extensions\n\n      config.optimizeDeps.esbuildOptions.plugins ??= []\n      config.optimizeDeps.esbuildOptions.plugins.push(\n        esbuildFlowPlugin(\n          /node_modules\\/(react-native\\/|@react-native\\/assets)/,\n          (_) => 'jsx'\n        )\n      )\n      // config.optimizeDeps.esbuildOptions.plugins.push(esbuildCommonjs(['react-native']))\n\n      config.optimizeDeps.include ??= []\n      config.optimizeDeps.include.push('react-native')\n\n      config.optimizeDeps.esbuildOptions.loader ??= {}\n      config.optimizeDeps.esbuildOptions.loader['.js'] = 'jsx'\n\n      config.optimizeDeps.esbuildOptions.plugins.push({\n        name: 'react-native-assets',\n        setup(build) {\n          build.onResolve(\n            {\n              filter: /\\.(png|jpg|gif|webp)$/,\n            },\n            async ({ path, namespace }) => {\n              return {\n                path: '',\n                external: true,\n              }\n            }\n          )\n        },\n      })\n\n      config.build.rollupOptions ??= {}\n\n      config.build.rollupOptions.input =\n        '/Users/n8/tamagui/apps/kitchen-sink/src/index.tsx'\n\n      config.build.rollupOptions.output ??= {}\n\n      config.build.rollupOptions.plugins ??= []\n\n      config.build.rollupOptions.external = ['react-native', 'react', 'react/jsx-runtime']\n\n      if (!Array.isArray(config.build.rollupOptions.plugins)) {\n        throw `x`\n      }\n\n      if (process.env.DEBUG) {\n        console.log('config..', config)\n      }\n\n      config.build.commonjsOptions = {\n        include: /node_modules\\/react\\//,\n      }\n\n      config.build.rollupOptions.plugins.push({\n        name: `swap-react-native`,\n        async load(id) {\n          if (id.endsWith('react-native/index.js')) {\n            const bundled = await readFile(\n              join(process.cwd(), 'react-native.js'),\n              'utf-8'\n            )\n            const code = bundled\n            return {\n              code: `\nconst run = () => {  \n  ${bundled.replace(\n    `module.exports = require_react_native();`,\n    `return require_react_native();`\n  )}\n}\n\nconst RN = run()\n\n${RNExportNames.map(\n  (name) =>\n    // adding exports\n    `export const ${name} = RN.${name}`\n).join('\\n')}\n\n`,\n            }\n          }\n        },\n      })\n\n      const updateOutputOptions = (out: OutputOptions) => {\n        // Ensure that as many resources as possible are inlined.\n        out.inlineDynamicImports = true\n\n        // added by me (nate):\n        out.manualChunks = undefined\n      }\n\n      if (Array.isArray(config.build.rollupOptions.output)) {\n        for (const o in config.build.rollupOptions.output)\n          updateOutputOptions(o as OutputOptions)\n      } else {\n        updateOutputOptions(config.build.rollupOptions.output as OutputOptions)\n      }\n    },\n  }\n}\n\nconst RNExportNames = [\n  'AccessibilityInfo',\n  'ActivityIndicator',\n  'Button',\n  'DatePickerIOS',\n  'DrawerLayoutAndroid',\n  'FlatList',\n  'Image',\n  'ImageBackground',\n  'InputAccessoryView',\n  'KeyboardAvoidingView',\n  'MaskedViewIOS',\n  'Modal',\n  'Pressable',\n  'ProgressBarAndroid',\n  'ProgressViewIOS',\n  'RefreshControl',\n  'SafeAreaView',\n  'ScrollView',\n  'SectionList',\n  'Slider',\n  'StatusBar',\n  'Switch',\n  'Text',\n  'TextInput',\n  'Touchable',\n  'TouchableHighlight',\n  'TouchableNativeFeedback',\n  'TouchableOpacity',\n  'TouchableWithoutFeedback',\n  'View',\n  'VirtualizedList',\n  'VirtualizedSectionList',\n  'ActionSheetIOS',\n  'Alert',\n  'Animated',\n  'Appearance',\n  'AppRegistry',\n  'AppState',\n  'AsyncStorage',\n  'BackHandler',\n  'Clipboard',\n  'DeviceInfo',\n  'DevSettings',\n  'Dimensions',\n  'Easing',\n  'findNodeHandle',\n  'I18nManager',\n  'ImagePickerIOS',\n  'InteractionManager',\n  'Keyboard',\n  'LayoutAnimation',\n  'Linking',\n  'LogBox',\n  'NativeDialogManagerAndroid',\n  'NativeEventEmitter',\n  'Networking',\n  'PanResponder',\n  'PermissionsAndroid',\n  'PixelRatio',\n  // 'PushNotificationIOS',\n  'Settings',\n  'Share',\n  'StyleSheet',\n  'Systrace',\n  'ToastAndroid',\n  'TurboModuleRegistry',\n  'UIManager',\n  'unstable_batchedUpdates',\n  'useColorScheme',\n  'useWindowDimensions',\n  'UTFSequence',\n  'Vibration',\n  'YellowBox',\n  'DeviceEventEmitter',\n  'DynamicColorIOS',\n  'NativeAppEventEmitter',\n  'NativeModules',\n  'Platform',\n  'PlatformColor',\n  'processColor',\n  'requireNativeComponent',\n  'RootTagContext',\n  // 'unstable_enableLogBox',\n  // 'ColorPropType',\n  // 'EdgeInsetsPropType',\n  // 'PointPropType',\n  // 'ViewPropTypes',\n]\n"],
+  "mappings": "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AA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMF;",
+  "names": []
+}

package/dist/esm/nativePrebuild.js

@@ -0,0 +1,100 @@
+import { readFile } from "fs/promises";
+import { build } from "esbuild";
+import flowRemoveTypes from "flow-remove-types";
+import { extensions } from "./extensions.js";
+async function nativePrebuild() {
+  console.log(`Prebuilding React Native (one time cost...)`);
+  await Promise.all([
+    // react
+    build({
+      bundle: true,
+      entryPoints: ["react"],
+      outfile: "react.js",
+      format: "cjs",
+      target: "node14",
+      jsx: "transform",
+      jsxFactory: "react",
+      allowOverwrite: true,
+      platform: "node",
+      define: {
+        __DEV__: "true",
+        "process.env.NODE_ENV": `"development"`
+      },
+      logLevel: "warning",
+      resolveExtensions: extensions
+    }),
+    // react-jsx-runtime
+    build({
+      bundle: true,
+      entryPoints: ["react/jsx-runtime"],
+      outfile: "react-jsx-runtime.js",
+      format: "cjs",
+      target: "node14",
+      jsx: "transform",
+      jsxFactory: "react",
+      external: ["react"],
+      allowOverwrite: true,
+      platform: "node",
+      define: {
+        // metro serves this in production mode
+        __DEV__: "false",
+        "process.env.NODE_ENV": `"production"`
+      },
+      logLevel: "warning",
+      resolveExtensions: extensions
+    }),
+    // react native
+    build({
+      bundle: true,
+      entryPoints: ["/Users/n8/tamagui/node_modules/react-native/index.js"],
+      outfile: "react-native.js",
+      format: "cjs",
+      target: "node14",
+      jsx: "transform",
+      jsxFactory: "react",
+      allowOverwrite: true,
+      platform: "node",
+      loader: {
+        ".png": "dataurl",
+        ".jpg": "dataurl",
+        ".jpeg": "dataurl",
+        ".gif": "dataurl"
+      },
+      define: {
+        __DEV__: "true",
+        "process.env.NODE_ENV": `"development"`
+      },
+      logLevel: "warning",
+      resolveExtensions: extensions,
+      external: ["react", "react/jsx-runtime.js", "react/jsx-runtime"],
+      plugins: [
+        {
+          name: "remove-flow",
+          setup(build2) {
+            build2.onLoad(
+              {
+                filter: /.*.js/
+              },
+              async (input) => {
+                if (!input.path.includes("react-native")) {
+                  return;
+                }
+                const code = await readFile(input.path, "utf-8");
+                const output = flowRemoveTypes(code, { pretty: true });
+                const contents = output.toString().replace(/static\s+\+/g, "static ");
+                return {
+                  contents,
+                  loader: "jsx"
+                };
+              }
+            );
+          }
+        }
+      ]
+    })
+  ]);
+}
+export {
+  nativePrebuild
+};
+//# sourceMappingURL=nativePrebuild.js.map

package/dist/esm/nativePrebuild.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/nativePrebuild.ts"],
+  "sourcesContent": ["import { readFile } from 'fs/promises'\n\nimport { build } from 'esbuild'\nimport flowRemoveTypes from 'flow-remove-types'\n\nimport { extensions } from './extensions.js'\n\nexport async function nativePrebuild() {\n  console.log(`Prebuilding React Native (one time cost...)`)\n  await Promise.all([\n    // react\n    build({\n      bundle: true,\n      entryPoints: ['react'],\n      outfile: 'react.js',\n      format: 'cjs',\n      target: 'node14',\n      jsx: 'transform',\n      jsxFactory: 'react',\n      allowOverwrite: true,\n      platform: 'node',\n      define: {\n        __DEV__: 'true',\n        'process.env.NODE_ENV': `\"development\"`,\n      },\n      logLevel: 'warning',\n      resolveExtensions: extensions,\n    }),\n    // react-jsx-runtime\n    build({\n      bundle: true,\n      entryPoints: ['react/jsx-runtime'],\n      outfile: 'react-jsx-runtime.js',\n      format: 'cjs',\n      target: 'node14',\n      jsx: 'transform',\n      jsxFactory: 'react',\n      external: ['react'],\n      allowOverwrite: true,\n      platform: 'node',\n      define: {\n        // metro serves this in production mode\n        __DEV__: 'false',\n        'process.env.NODE_ENV': `\"production\"`,\n      },\n      logLevel: 'warning',\n      resolveExtensions: extensions,\n    }),\n    // react native\n    build({\n      bundle: true,\n      entryPoints: ['/Users/n8/tamagui/node_modules/react-native/index.js'],\n      outfile: 'react-native.js',\n      format: 'cjs',\n      target: 'node14',\n      jsx: 'transform',\n      jsxFactory: 'react',\n      allowOverwrite: true,\n      platform: 'node',\n      loader: {\n        '.png': 'dataurl',\n        '.jpg': 'dataurl',\n        '.jpeg': 'dataurl',\n        '.gif': 'dataurl',\n      },\n      define: {\n        __DEV__: 'true',\n        'process.env.NODE_ENV': `\"development\"`,\n      },\n      logLevel: 'warning',\n      resolveExtensions: extensions,\n      external: ['react', 'react/jsx-runtime.js', 'react/jsx-runtime'],\n      plugins: [\n        {\n          name: 'remove-flow',\n          setup(build) {\n            build.onLoad(\n              {\n                filter: /.*.js/,\n              },\n              async (input) => {\n                if (!input.path.includes('react-native')) {\n                  return\n                }\n                const code = await readFile(input.path, 'utf-8')\n                const output = flowRemoveTypes(code, { pretty: true })\n                const contents = output.toString().replace(/static\\s+\\+/g, 'static ')\n                return {\n                  contents,\n                  loader: 'jsx',\n                }\n              }\n            )\n          },\n        },\n      ],\n    }),\n  ])\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAEzB,SAAS,aAAa;AACtB,OAAO,qBAAqB;AAE5B,SAAS,kBAAkB;AAE3B,eAAsB,iBAAiB;AACrC,UAAQ,IAAI,6CAA6C;AACzD,QAAM,QAAQ,IAAI;AAAA;AAAA,IAEhB,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa,CAAC,OAAO;AAAA,MACrB,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,wBAAwB;AAAA,MAC1B;AAAA,MACA,UAAU;AAAA,MACV,mBAAmB;AAAA,IACrB,CAAC;AAAA;AAAA,IAED,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa,CAAC,mBAAmB;AAAA,MACjC,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,UAAU,CAAC,OAAO;AAAA,MAClB,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA;AAAA,QAEN,SAAS;AAAA,QACT,wBAAwB;AAAA,MAC1B;AAAA,MACA,UAAU;AAAA,MACV,mBAAmB;AAAA,IACrB,CAAC;AAAA;AAAA,IAED,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,aAAa,CAAC,sDAAsD;AAAA,MACpE,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,KAAK;AAAA,MACL,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,MACA,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,wBAAwB;AAAA,MAC1B;AAAA,MACA,UAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,UAAU,CAAC,SAAS,wBAAwB,mBAAmB;AAAA,MAC/D,SAAS;AAAA,QACP;AAAA,UACE,MAAM;AAAA,UACN,MAAMA,QAAO;AACX,YAAAA,OAAM;AAAA,cACJ;AAAA,gBACE,QAAQ;AAAA,cACV;AAAA,cACA,OAAO,UAAU;AACf,oBAAI,CAAC,MAAM,KAAK,SAAS,cAAc,GAAG;AACxC;AAAA,gBACF;AACA,sBAAM,OAAO,MAAM,SAAS,MAAM,MAAM,OAAO;AAC/C,sBAAM,SAAS,gBAAgB,MAAM,EAAE,QAAQ,KAAK,CAAC;AACrD,sBAAM,WAAW,OAAO,SAAS,EAAE,QAAQ,gBAAgB,SAAS;AACpE,uBAAO;AAAA,kBACL;AAAA,kBACA,QAAQ;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;",
+  "names": ["build"]
+}

package/dist/esm/plugin.js

@@ -0,0 +1,102 @@
+function tamaguiPlugin(options) {
+  const components = [.../* @__PURE__ */ new Set([...options.components, "tamagui", "@tamagui/core"])];
+  const noExternalSSR = new RegExp(
+    `${components.join("|")}|react-native|expo-linear-gradient`,
+    "ig"
+  );
+  const plugin = {
+    name: "tamagui-base",
+    enforce: "pre",
+    config(userConfig, env) {
+      return {
+        plugins: [
+          //
+          // envPlugin(['NODE_ENV', 'TAMAGUI_TARGET', 'ENABLE_RSC']),
+          // viteCommonjs(),
+        ],
+        define: {
+          // reanimated support
+          "global.__x": {},
+          _frameTimestamp: void 0,
+          _WORKLET: false,
+          ...process.env.NODE_ENV !== "test" && {
+            "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)
+          }
+        },
+        // build: {
+        //   commonjsOptions: {
+        //     transformMixedEsModules: true,
+        //   },
+        // },
+        ssr: {
+          noExternal: noExternalSSR
+        },
+        optimizeDeps: {
+          // disabled: false,
+          include: ["styleq", "react-native-reanimated"],
+          esbuildOptions: {
+            jsx: "transform",
+            // plugins: [
+            //   esbuildCommonjs([
+            //     'styleq',
+            //     'inline-style-prefixer',
+            //     'create-react-class',
+            //     'copy-to-clipboard',
+            //   ]),
+            // ],
+            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', 'main'],
+          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-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"
+            }
+          }
+        }
+      };
+    }
+  };
+  return plugin;
+}
+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'\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 components = [...new Set([...options.components, 'tamagui', '@tamagui/core'])]\n  const noExternalSSR = new RegExp(\n    `${components.join('|')}|react-native|expo-linear-gradient`,\n    'ig'\n  )\n\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        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(\n              process.env.TAMAGUI_TARGET || 'web'\n            ),\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: noExternalSSR,\n        },\n        optimizeDeps: {\n          // disabled: false,\n          include: ['styleq', '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':\n              '@tamagui/proxy-worm',\n            'react-native-svg': '@tamagui/react-native-svg',\n            'react-native': 'react-native-web',\n            ...(options.useReactNativeWebLite && {\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": "AAOO,SAAS,cACd,SAGQ;AACR,QAAM,aAAa,CAAC,GAAG,oBAAI,IAAI,CAAC,GAAG,QAAQ,YAAY,WAAW,eAAe,CAAC,CAAC;AACnF,QAAM,gBAAgB,IAAI;AAAA,IACxB,GAAG,WAAW,KAAK,GAAG;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,SAAiB;AAAA,IACrB,MAAM;AAAA,IACN,SAAS;AAAA,IAET,OAAO,YAAY,KAAK;AACtB,aAAO;AAAA,QACL,SAAS;AAAA;AAAA;AAAA;AAAA,QAIT;AAAA,QACA,QAAQ;AAAA;AAAA,UAEN,cAAc,CAAC;AAAA,UACf,iBAAiB;AAAA,UACjB,UAAU;AAAA,UACV,GAAI,QAAQ,IAAI,aAAa,UAAU;AAAA,YACrC,8BAA8B,KAAK;AAAA,cACjC,QAAQ,IAAI,kBAAkB;AAAA,YAChC;AAAA,YACA,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;AAAA;AAAA;AAAA;AAAA;AAAA,QAMA,KAAK;AAAA,UACH,YAAY;AAAA,QACd;AAAA,QACA,cAAc;AAAA;AAAA,UAEZ,SAAS,CAAC,UAAU,yBAAyB;AAAA,UAC7C,gBAAgB;AAAA,YACd,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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;AAAA;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,2DACE;AAAA,YACF,oBAAoB;AAAA,YACpB,gBAAgB;AAAA,YAChB,GAAI,QAAQ,yBAAyB;AAAA,cACnC,gBAAgB;AAAA,cAChB,oBAAoB;AAAA,YACtB;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@tamagui/vite-plugin",
-  "version": "1.1.11",
+  "version": "1.1.13",
   "types": "./types/index.d.ts",
   "type": "module",
+  "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "license": "MIT",
   "files": [
@@ -20,22 +21,29 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./dist/index.js"
+      "require": "./dist/cjs/index.js",
+      "import": "./dist/esm/index.js"
     }
   },
   "dependencies": {
-    "@tamagui/fake-react-native": "^1.1.11",
-    "@tamagui/proxy-worm": "^1.1.11",
-    "@tamagui/react-native-svg": "^1.1.11",
-    "@tamagui/static": "^1.1.11",
-    "fs-extra": "^10.1.0",
+    "@bunchtogether/vite-plugin-flow": "^1.0.2",
+    "@originjs/vite-plugin-commonjs": "^1.0.3",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@rollup/plugin-commonjs": "^24.0.1",
+    "@rollup/plugin-node-resolve": "^15.0.1",
+    "@tamagui/fake-react-native": "^1.1.13",
+    "@tamagui/proxy-worm": "^1.1.13",
+    "@tamagui/react-native-svg": "^1.1.13",
+    "@tamagui/static": "^1.1.13",
+    "esbuild": "^0.17.5",
+    "fs-extra": "^11.1.0",
     "lodash": "^4.17.21",
     "micromatch": ">=4.0.0",
     "outdent": "^0.8.0",
     "rollup": ">=3.7.0"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.1.11",
+    "@tamagui/build": "^1.1.13",
     "vite-plugin-environment": "^1.1.3"
   },
   "publishConfig": {

package/src/extensions.ts

@@ -0,0 +1,12 @@
+export const extensions = [
+  '.ios.js',
+  '.native.js',
+  '.native.ts',
+  '.native.tsx',
+  '.js',
+  '.jsx',
+  '.json',
+  '.ts',
+  '.tsx',
+  '.mjs',
+]

package/src/index.ts

@@ -1,3 +1,4 @@
 export * from './plugin.js'
 export * from './extract.js'
 export * from './native.js'
+export * from './nativePrebuild.js'