@tamagui/cli 1.74.4 → 1.74.6

package/src/dev.ts

@@ -1,520 +0,0 @@
-import { readFile, writeFile } from 'fs/promises'
-import { dirname, join, relative } from 'path'
-
-import * as babel from '@babel/core'
-import { CLIResolvedOptions } from '@tamagui/types'
-import viteReactPlugin, {
-  swcTransform,
-  transformForBuild,
-} from '@tamagui/vite-native-swc'
-import { getVitePath, nativePlugin, tamaguiPlugin } from '@tamagui/vite-plugin'
-import react from '@vitejs/plugin-react-swc'
-import chalk from 'chalk'
-import { parse } from 'es-module-lexer'
-import { pathExists } from 'fs-extra'
-import { InlineConfig, build, createServer, resolveConfig } from 'vite'
-
-import { clientInjectionsPlugin } from './dev/clientInjectPlugin'
-import { createDevServer } from './dev/createDevServer'
-import { HMRListener } from './dev/types'
-import { registerDispose } from './utils'
-
-export const dev = async (options: CLIResolvedOptions) => {
-  const { root } = options
-
-  process.on('uncaughtException', (err) => {
-    // biome-ignore lint/suspicious/noConsoleLog: <explanation>
-    console.log(err?.message || err)
-  })
-
-  const packageRootDir = join(__dirname, '..')
-
-  // react native port (it scans 19000 +5)
-  const port = options.port || 8081
-
-  const tamaguiVitePlugin = tamaguiPlugin({
-    ...options.tamaguiOptions,
-  })
-
-  const plugins = [
-    //
-    tamaguiVitePlugin,
-  ] satisfies InlineConfig['plugins']
-
-  if (process.env.IS_TAMAGUI_DEV) {
-    const inspect = require('vite-plugin-inspect')
-    // @ts-ignore
-    plugins.push(inspect())
-  }
-
-  const hmrListeners: HMRListener[] = []
-  const hotUpdatedCJSFiles = new Map<string, string>()
-
-  let serverConfig = {
-    root,
-    mode: 'development',
-    clearScreen: false,
-
-    resolve: {
-      alias: {
-        'react-native': 'react-native-web',
-      },
-    },
-
-    plugins: [
-      ...plugins,
-
-      react(),
-
-      {
-        name: 'tamagui-client-transform',
-
-        async handleHotUpdate({ read, modules, file }) {
-          try {
-            if (!file.includes('/src/')) {
-              return
-            }
-
-            const [module] = modules
-            if (!module) return
-
-            const id = module?.url || file.replace(root, '')
-
-            const code = await read()
-
-            // got a weird pre compiled file on startup
-            if (code.startsWith(`'use strict';`)) return
-
-            if (!code) {
-              return
-            }
-
-            let source = code
-
-            // we have to remove jsx before we can parse imports...
-            source = (await transformForBuild(id, source))?.code || ''
-
-            const importsMap = {}
-
-            // parse imports of modules into ids:
-            // eg `import x from '@tamagui/core'` => `import x from '/me/node_modules/@tamagui/core/index.js'`
-            const [imports] = parse(source)
-
-            let accumulatedSliceOffset = 0
-
-            for (const specifier of imports) {
-              const { n: importName, s: start } = specifier
-
-              if (importName) {
-                const id = await getVitePath(file, importName)
-                if (!id) {
-                  console.warn('???')
-                  continue
-                }
-
-                importsMap[id] = id.replace(/^(\.\.\/)+/, '')
-
-                // replace module name with id for hmr
-                const len = importName.length
-                const extraLen = id.length - len
-                source =
-                  source.slice(0, start + accumulatedSliceOffset) +
-                  id +
-                  source.slice(start + accumulatedSliceOffset + len)
-                accumulatedSliceOffset += extraLen
-              }
-            }
-
-            // then we have to convert to commonjs..
-            source =
-              (
-                await swcTransform(id, source, {
-                  mode: 'serve-cjs',
-                })
-              )?.code || ''
-
-            if (!source) {
-              throw '❌ no source'
-            }
-
-            const hotUpdateSource = `exports = ((exports) => {
-              const require = createRequire(${JSON.stringify(importsMap, null, 2)})
-              ${source
-                .replace(`import.meta.hot.accept(() => {})`, ``)
-                // replace import.meta.glob with empty array in hot reloads
-                .replaceAll(
-                  /import.meta.glob\(.*\)/gi,
-                  `globalThis['__importMetaGlobbed'] || {}`
-                )};
-              return exports })({})`
-
-            hotUpdatedCJSFiles.set(id, hotUpdateSource)
-          } catch (err) {
-            // biome-ignore lint/suspicious/noConsoleLog: <explanation>
-            console.log(`Error processing hmr update:`, err)
-          }
-        },
-      },
-    ],
-    server: {
-      cors: true,
-      port: options.port,
-      host: options.host || '127.0.0.1',
-    },
-  } satisfies InlineConfig
-
-  // first resolve config so we can pass into client plugin, then add client plugin:
-  const resolvedConfig = await resolveConfig(serverConfig, 'serve')
-
-  const viteRNClientPlugin = clientInjectionsPlugin(resolvedConfig)
-
-  serverConfig = {
-    ...serverConfig,
-    plugins: [...serverConfig.plugins],
-  }
-
-  const server = await createServer(serverConfig)
-
-  server.watcher.addListener('change', async (path) => {
-    const id = path.replace(process.cwd(), '')
-    if (!id.endsWith('tsx') && !id.endsWith('jsx')) {
-      return
-    }
-    // just so it thinks its loaded
-    try {
-      void server.transformRequest(id)
-    } catch (err) {
-      // ok
-      // biome-ignore lint/suspicious/noConsoleLog: <explanation>
-      console.log('err', err)
-    }
-  })
-
-  await server.listen()
-
-  let isBuilding: Promise<string> | null = null
-
-  const dispose = await createDevServer(options, {
-    hotUpdatedCJSFiles,
-    listenForHMR(cb) {
-      hmrListeners.push(cb)
-    },
-    getIndexBundle: getBundleCode,
-    indexJson: getIndexJsonReponse({ port, root }),
-  })
-
-  // biome-ignore lint/suspicious/noConsoleLog: ok
-  console.log(`Listening on:`, chalk.green(`http://localhost:${port}`))
-  server.printUrls()
-
-  registerDispose(() => {
-    dispose()
-    server.close()
-  })
-
-  await new Promise((res) => server.httpServer?.on('close', res))
-
-  async function getBundleCode() {
-    // for easier quick testing things:
-    const tmpBundle = join(process.cwd(), 'bundle.tmp.js')
-    if (await pathExists(tmpBundle)) {
-      // biome-ignore lint/suspicious/noConsoleLog: <explanation>
-      console.log(
-        '⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️ returning temp bundle ⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️⚠️',
-        tmpBundle
-      )
-      return await readFile(tmpBundle, 'utf-8')
-    }
-
-    if (isBuilding) {
-      const res = await isBuilding
-      return res
-    }
-
-    let done
-    isBuilding = new Promise((res) => {
-      done = res
-    })
-
-    const jsxRuntime = {
-      alias: 'virtual:react-jsx',
-      contents: await readFile(
-        require.resolve('@tamagui/react-native-prebuilt/jsx-runtime'),
-        'utf-8'
-      ),
-    } as const
-
-    const virtualModules = {
-      'react-native': {
-        alias: 'virtual:react-native',
-        contents: await readFile(
-          require.resolve('@tamagui/react-native-prebuilt'),
-          'utf-8'
-        ),
-      },
-      react: {
-        alias: 'virtual:react',
-        contents: await readFile(
-          require.resolve('@tamagui/react-native-prebuilt/react'),
-          'utf-8'
-        ),
-      },
-      'react/jsx-runtime': jsxRuntime,
-      'react/jsx-dev-runtime': jsxRuntime,
-    } as const
-
-    const swapRnPlugin = {
-      name: `swap-react-native`,
-      enforce: 'pre',
-
-      resolveId(id) {
-        if (id.startsWith('react-native/Libraries')) {
-          return `virtual:rn-internals:${id}`
-        }
-
-        for (const targetId in virtualModules) {
-          if (id === targetId || id.includes(`node_modules/${targetId}/`)) {
-            const info = virtualModules[targetId]
-            return info.alias
-          }
-        }
-      },
-
-      load(id) {
-        if (id.startsWith('virtual:rn-internals')) {
-          const idOut = id.replace('virtual:rn-internals:', '')
-          return `const val = __cachedModules["${idOut}"]
-          export const PressabilityDebugView = val.PressabilityDebugView
-          export default val ? val.default || val : val`
-        }
-
-        for (const targetId in virtualModules) {
-          const info = virtualModules[targetId as keyof typeof virtualModules]
-          if (id === info.alias) {
-            return info.contents
-          }
-        }
-      },
-    } as const
-
-    async function babelReanimated(input: string, filename: string) {
-      return await new Promise<string>((res, rej) => {
-        babel.transform(
-          input,
-          {
-            plugins: ['react-native-reanimated/plugin'],
-            filename,
-          },
-          (err: any, result) => {
-            if (!result || err) rej(err || 'no res')
-            res(result!.code!)
-          }
-        )
-      })
-    }
-
-    // build app
-    const buildConfig = {
-      plugins: [
-        swapRnPlugin,
-
-        tamaguiPlugin({
-          disableWatchTamaguiConfig: true,
-          ...options.tamaguiOptions,
-          platform: 'native',
-        }),
-
-        // needs to run before resolve... smh
-        // {
-        //   name: `react-native-screens`,
-        //   enforce: 'pre',
-
-        //   async transform(code, id) {
-        //     if (id.includes('react-native-screens') && id.endsWith('.index.native.js')) {
-        //       const cjsExport = /exports\.([a-z0-9]+) = (.*)\n/gi
-
-        //       const out = code
-        //         .split('\n')
-        //         .map((line) => {
-        //           const matched = line.match(cjsExport)
-        //           if (!matched) return line
-        //           return line.replace(
-        //             cjsExport,
-        //             `
-        //           $1 = $2
-        //           export { $1 }
-        //           `
-        //           )
-        //         })
-        //         .join('\n')
-
-        //       console.log('now', out)
-
-        //       return out
-        //     }
-        //   },
-        // },
-
-        {
-          name: 'reanimated',
-
-          async transform(code, id) {
-            if (code.includes('worklet')) {
-              const out = await babelReanimated(code, id)
-              return out
-            }
-          },
-        },
-
-        viteRNClientPlugin,
-
-        nativePlugin({
-          port,
-          mode: 'build',
-        }),
-
-        viteReactPlugin({
-          tsDecorators: true,
-          mode: 'build',
-        }),
-      ],
-      appType: 'custom',
-      root,
-      clearScreen: false,
-
-      build: {
-        ssr: false,
-        minify: false,
-        commonjsOptions: {
-          transformMixedEsModules: true,
-        },
-        rollupOptions: {
-          treeshake: false,
-          preserveEntrySignatures: 'strict',
-          output: {
-            preserveModules: true,
-            format: 'cjs',
-          },
-        },
-      },
-
-      mode: 'development',
-      define: {
-        'process.env.NODE_ENV': `"development"`,
-      },
-    } satisfies InlineConfig
-
-    // this fixes my swap-react-native plugin not being called pre 😳
-    const resolvedConfig = await resolveConfig(buildConfig, 'build')
-
-    const buildOutput = await build(buildConfig)
-
-    if (!('output' in buildOutput)) {
-      throw `❌`
-    }
-
-    let appCode = buildOutput.output
-      // entry last
-      .sort((a, b) => (a['isEntry'] ? 1 : -1))
-      .map((module) => {
-        if (module.type == 'chunk') {
-          const importsMap = {}
-          for (const imp of module.imports) {
-            const relativePath = relative(dirname(module.fileName), imp)
-            importsMap[relativePath[0] === '.' ? relativePath : './' + relativePath] = imp
-          }
-
-          return `
-___modules___["${module.fileName}"] = ((exports, module) => {
-  const require = createRequire(${JSON.stringify(importsMap, null, 2)})
-
-  ${module.code}
-})
-
-${
-  module.isEntry
-    ? `
-// run entry
-const __require = createRequire({})
-__require("react-native")
-__require("${module.fileName}")
-`
-    : ''
-}
-`
-        }
-      })
-      .join('\n')
-
-    if (!appCode) {
-      throw `❌`
-    }
-
-    appCode = appCode
-      // this can be done in the individual file transform
-      .replaceAll('undefined.accept(() => {})', '')
-      .replaceAll('undefined.accept(function() {});', '') // swc
-
-    const templateFile = join(packageRootDir, 'react-native-template.js')
-
-    const out = (await readFile(templateFile, 'utf-8')) + appCode
-
-    void writeFile(join(process.cwd(), '.tamagui', 'bundle.js'), out, 'utf-8')
-
-    done(out)
-    isBuilding = null
-
-    return out
-  }
-}
-
-function getIndexJsonReponse({ port, root }: { port: number | string; root }) {
-  return {
-    name: 'myapp',
-    slug: 'myapp',
-    scheme: 'myapp',
-    version: '1.0.0',
-    jsEngine: 'jsc',
-    orientation: 'portrait',
-    icon: './assets/icon.png',
-    userInterfaceStyle: 'light',
-    splash: {
-      image: './assets/splash.png',
-      resizeMode: 'contain',
-      backgroundColor: '#ffffff',
-      imageUrl: 'http://127.0.0.1:8081/assets/./assets/splash.png',
-    },
-    updates: { fallbackToCacheTimeout: 0 },
-    assetBundlePatterns: ['**/*'],
-    ios: { supportsTablet: true, bundleIdentifier: 'com.natew.myapp' },
-    android: {
-      package: 'com.tamagui.myapp',
-      adaptiveIcon: {
-        foregroundImage: './assets/adaptive-icon.png',
-        backgroundColor: '#FFFFFF',
-        foregroundImageUrl: 'http://127.0.0.1:8081/assets/./assets/adaptive-icon.png',
-      },
-    },
-    web: { favicon: './assets/favicon.png' },
-    extra: { eas: { projectId: '061b4470-78c7-4d6a-b850-8167fb0a3434' } },
-    _internal: {
-      isDebug: false,
-      projectRoot: root,
-      dynamicConfigPath: null,
-      staticConfigPath: join(root, 'app.json'),
-      packageJsonPath: join(root, 'package.json'),
-    },
-    sdkVersion: '47.0.0',
-    platforms: ['ios', 'android', 'web'],
-    iconUrl: `http://127.0.0.1:${port}/assets/./assets/icon.png`,
-    debuggerHost: `127.0.0.1:${port}`,
-    logUrl: `http://127.0.0.1:${port}/logs`,
-    developer: { tool: 'expo-cli', projectRoot: root },
-    packagerOpts: { dev: true },
-    mainModuleName: 'index',
-    __flipperHack: 'React Native packager is running',
-    hostUri: `127.0.0.1:${port}`,
-    bundleUrl: `http://127.0.0.1:${port}/index.bundle?platform=ios&dev=true&hot=false&lazy=true`,
-    id: '@anonymous/myapp-473c4543-3c36-4786-9db1-c66a62ac9b78',
-  }
-}

package/src/test.ts

@@ -1,12 +0,0 @@
-/* eslint-disable no-console */
-import { CLIResolvedOptions } from '@tamagui/types'
-
-export const test = async (options: CLIResolvedOptions) => {
-  const { dev } = await import('./dev.js')
-
-  // failing on startup "Tamagui error bundling components require() of ES Module"
-
-  void dev(options)
-
-  console.log('run tests')
-}

package/src/utils/constants.ts

@@ -1 +0,0 @@
-export const DEFAULT_PORT = 8081

package/src/vendor/debugger-app/index.d.ts

@@ -1,2 +0,0 @@
-const debuggerAppPath: string
-export default debuggerAppPath

package/src/vendor/debugger-app/index.js

@@ -1,3 +0,0 @@
-import { URL, fileURLToPath } from 'url';
-
-export default fileURLToPath(new URL('./dist', import.meta.url));

package/src/vendor/debugger-app/public/index.html

@@ -1,49 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
-    <title>React Native Debugger</title>
-  </head>
-  <body>
-    <!-- <noscript>You need to enable JavaScript to run Learning Lab.</noscript>
-    <div id="root"></div> -->
-    <div class="content">
-      <label for="dark">
-        <input type="checkbox" id="dark" onclick="Page.toggleDarkTheme()" />
-        Dark Theme
-      </label>
-      <label for="maintain-priority">
-        <input
-          type="checkbox"
-          id="maintain-priority"
-          onclick="Page.togglePriorityMaintenance()"
-        />
-        Maintain Priority
-      </label>
-      <p>
-        React Native JS code runs as a web worker inside this tab.
-      </p>
-      <p>
-        Press <kbd id="shortcut" class="shortcut">⌘⌥I</kbd> to open Developer
-        Tools. Enable
-        <a href="https://stackoverflow.com/a/17324511/232122" target="_blank"
-          >Pause On Caught Exceptions</a
-        >
-        for a better debugging experience.
-      </p>
-      <p>
-        You may also install
-        <a href="https://www.npmjs.com/package/react-devtools" target="_blank"
-          >the standalone version of React Developer Tools</a
-        >
-        to inspect the React component hierarchy, their props, and state.
-      </p>
-      <p>Status: <span id="status">Loading...</span></p>
-      <button class="reload-btn" onclick="window.onReloadClicked()">
-        Reload app
-      </button>
-    </div>
-  </body>
-</html>

package/src/vendor/debugger-app/src/debuggerWorker.js

@@ -1,84 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-/* global __fbBatchedBridge, importScripts */
-/* eslint no-unused-vars: 0 */
-/* eslint no-restricted-globals: 0 */
-
-onmessage = (function () {
-  var visibilityState;
-  var showVisibilityWarning = (function () {
-    var hasWarned = false;
-    return function () {
-      // Wait until `YellowBox` gets initialized before displaying the warning.
-      if (hasWarned || console.warn.toString().includes('[native code]')) {
-        return;
-      }
-      hasWarned = true;
-      console.warn(
-        'Remote debugger is in a background tab which may cause apps to ' +
-          'perform slowly. Fix this by foregrounding the tab (or opening it in ' +
-          'a separate window).'
-      );
-    };
-  })();
-
-  var messageHandlers = {
-    executeApplicationScript: function (message, sendReply) {
-      for (var key in message.inject) {
-        self[key] = JSON.parse(message.inject[key]);
-      }
-      var error;
-      try {
-        importScripts(message.url);
-      } catch (err) {
-        error = err.message;
-      }
-      sendReply(null /* result */, error);
-    },
-    setDebuggerVisibility: function (message) {
-      visibilityState = message.visibilityState;
-    },
-  };
-
-  return function (message) {
-    if (visibilityState === 'hidden') {
-      showVisibilityWarning();
-    }
-
-    var object = message.data;
-
-    var sendReply = function (result, error) {
-      postMessage({ replyID: object.id, result: result, error: error });
-    };
-
-    var handler = messageHandlers[object.method];
-    if (handler) {
-      // Special cased handlers
-      handler(object, sendReply);
-    } else {
-      // Other methods get called on the bridge
-      var returnValue = [[], [], [], 0];
-      var error;
-      try {
-        if (typeof __fbBatchedBridge === 'object') {
-          returnValue = __fbBatchedBridge[object.method].apply(
-            null,
-            object.arguments
-          );
-        } else {
-          error = 'Failed to call function, __fbBatchedBridge is undefined';
-        }
-      } catch (err) {
-        error = err.message;
-      } finally {
-        sendReply(JSON.stringify(returnValue), error);
-      }
-    }
-  };
-})();