babel-preset-startupjs 0.59.0-canary.9 → 0.60.0-canary.11

package/index.js

@@ -1,264 +1,286 @@
-const stylusToCssLoader = require('@startupjs/bundler/lib/stylusToCssLoader.js')
-const { generateScopedNameFactory } = require('@startupjs/babel-plugin-react-css-modules/utils')
-const { LOCAL_IDENT_NAME } = require('./constants')
-const ASYNC = process.env.ASYNC
-const APP_ENV = process.env.APP_ENV
-const DEFAULT_MODE = 'react-native'
+/**
+ * Compilation pipeline:
+ * 1. Transform pug to jsx
+ * 2. Auto-load startupjs plugins
+ * 3. Run eliminator to remove code targeting other envs
+ * 4. Transform CSS modules
+ *
+ * Options:
+ *   platform - Force platform to compile to (e.g. 'ios', 'android', 'web').
+ *       Default: 'web' (or auto-detected on React Native)
+ *       On React Native (Metro) this gets automatically detected inside babel plugins.
+ *   reactType - Force the React type - RN or pure web React (e.g. 'react-native', 'web').
+ *       Default: undefined (auto-detected)
+ *       This shouldn't be needed in most cases since it will be automatically detected.
+ *   cache - Force the CSS caching library instance (e.g. 'teamplay').
+ *       Default: undefined (auto-detected)
+ *       This shouldn't be needed in most cases since it will be automatically detected.
+ *   transformPug - Whether to transform pug to jsx.
+ *       Default: true
+ *   transformCss - Whether to transform CSS modules (styl/css files and styl`` css`` in JSX).
+ *       Default: true
+ *   useRequireContext - Whether to use require.context for loading startupjs plugins.
+ *       The underlying environment must support require.context (e.g. Metro, Webpack).
+ *       Default: true
+ *   clientOnly - Whether to transform model/*.js files to keep only the client-relevant code.
+ *       Default: true
+ *       This option is required when building for the client (React Native or web) so that
+ *       server-only code is removed from model files and secret information is not leaked to the client.
+ *   envs - Array of envs to keep during code elimination of the startupjs config and plugins.
+ *       Default: ['features', 'isomorphic', 'client']
+ *       On the server, this should usually include 'server' instead of 'client':
+ *       ['features', 'isomorphic', 'server']
+ *   isStartupjsFile - A function (filename, code) => boolean that checks whether the given file
+ *       is part of the startupjs ecosystem (a plugin, startupjs.config.js, loadStartupjsConfig.js or a model file).
+ *       Default: a function that returns true for all startupjs plugin ecosystem files. And also
+ *       when clientOnly is true, it also returns true for model/*.js files to keep only client-relevant code there.
+ *   docgen - Whether to enable docgen features - magic exports of JSON schemas from TypeScript interfaces.
+ *       Default: false
+ */
+const { createStartupjsFileChecker, CONFIG_FILENAME_REGEX } = require('./utils.js')
+const PLUGIN_KEYS = ['name', 'for', 'order', 'enabled']
+const PROJECT_KEYS = ['plugins', 'modules']
+const ALL_ENVS = ['features', 'isomorphic', 'client', 'server', 'build']
+const MAGIC_IMPORTS = ['startupjs/registry', '@startupjs/registry']
 
-const DIRECTORY_ALIASES = {
-  components: './components',
-  helpers: './helpers',
-  clientHelpers: './clientHelpers',
-  model: './model',
-  main: './main',
-  styles: './styles',
-  appConstants: './appConstants'
-}
-
-const basePlugins = ({ alias, observerCache, signals } = {}) => [
-  [require('@startupjs/babel-plugin-startupjs-utils'), {
-    observerCache,
-    signals
-  }],
-  [require('babel-plugin-module-resolver'), {
-    alias: {
-      ...DIRECTORY_ALIASES,
-      ...alias
-    }
-  }],
-  [require('@startupjs/babel-plugin-transform-react-pug'), {
-    classAttribute: 'styleName'
-  }],
-  [require('@startupjs/babel-plugin-react-pug-classnames'), {
-    classAttribute: 'styleName'
-  }],
-  [require('@babel/plugin-proposal-decorators'), { legacy: true }]
-]
-
-const dotenvPlugin = ({ production, mockBaseUrl, envName = APP_ENV } = {}) => {
-  if (!envName) {
-    envName = production ? 'production' : 'local'
-  }
-  const options = {
-    moduleName: '@env',
-    path: ['.env', `.env.${envName}`]
-  }
-  if (mockBaseUrl) {
-    options.override = {
-      BASE_URL: "typeof window !== 'undefined' && window.location && window.location.origin"
-    }
-  }
-  return [require('@startupjs/babel-plugin-dotenv'), options]
-}
-
-const i18nPlugin = (options) => {
-  return [require('@startupjs/babel-plugin-i18n-extract'), options]
-}
+module.exports = (api, {
+  platform,
+  reactType,
+  cache,
+  compileCssImports,
+  cssFileExtensions,
+  transformCss = true,
+  transformPug = true,
+  useRequireContext = true,
+  clientOnly = true,
+  envs = ['features', 'isomorphic', 'client'],
+  isStartupjsFile = createStartupjsFileChecker({ clientOnly }),
+  docgen = false
+} = {}) => {
+  const isMetro = api.caller(caller => caller?.name === 'metro')
 
-const webReactCssModulesPlugin = ({ production } = {}) =>
-  ['@startupjs/babel-plugin-react-css-modules', {
-    handleMissingStyleName: 'ignore',
-    webpackHotModuleReloading: !production,
-    filetypes: {
-      '.styl': {}
-    },
-    transform: (src, filepath) => {
-      if (!/\.styl$/.test(filepath)) return src
-      return stylusToCssLoader.call({ resourcePath: filepath }, src)
-    },
-    generateScopedName
-  }]
+  // By default on Metro we don't need to compile CSS imports since we are relying on the custom
+  // StartupJS metro-babel-transformer which handles CSS imports as separate files.
+  if (compileCssImports == null && isMetro) compileCssImports = false
 
-const nativeReactCssModulesPlatformExtensionsPlugin = () =>
-  [require('babel-plugin-react-native-platform-specific-extensions'), {
-    extensions: ['styl', 'css']
-  }]
+  // on Metro we transform any CSS imports since StartupJS metro-babel-transformer
+  // turns off Expo's default CSS support and handles only our CSS imports.
+  // When used in a plain Web project though though,
+  // we want to only handle the default ['cssx.css', 'cssx.styl'] extensions.
+  if (cssFileExtensions == null && isMetro) cssFileExtensions = ['styl', 'css']
 
-const nativeReactCssModulesPlugins = ({ platform, useImport } = {}) => [
-  [require('@startupjs/babel-plugin-rn-stylename-to-style'), {
-    extensions: ['styl', 'css'],
-    useImport
-  }],
-  [require('@startupjs/babel-plugin-rn-stylename-inline'), {
-    platform
-  }]
-]
+  return {
+    overrides: [{
+      test: isJsxSource,
+      plugins: [
+        // support JSX syntax
+        require('@babel/plugin-syntax-jsx')
+      ]
+    }, {
+      test: isTypeScriptSource,
+      plugins: [
+        // support TypeScript syntax
+        require('@babel/plugin-syntax-typescript')
+      ]
+    }, {
+      test: isTsxSource,
+      plugins: [
+        // support TypeScript + JSX syntax
+        [require('@babel/plugin-syntax-typescript'), {
+          isTSX: true
+        }]
+      ]
+    }, {
+      plugins: [
+        docgen && [require('@startupjs/babel-plugin-ts-to-json-schema'), {
+          magicExportName: '_PropsJsonSchema',
+          interfaceMatch: 'export interface'
+        }],
 
-// react-native config
+        // transform pug to jsx. This generates a bunch of new AST nodes
+        // (it's important to do this first before any dead code elimination runs)
+        transformPug && [require('cssxjs/babel/plugin-react-pug'), { classAttribute: 'styleName' }],
 
-const CONFIG_NATIVE_DEVELOPMENT = {
-  presets: [
-    [
-      require('./metroPresetWithTypescript'),
-      { useTransformReactJSXExperimental: true }
-    ]
-  ],
-  plugins: [
-    [require('@startupjs/babel-plugin-startupjs-debug')],
-    dotenvPlugin(),
-    nativeReactCssModulesPlatformExtensionsPlugin(),
-    ...nativeReactCssModulesPlugins({ useImport: false }),
-    i18nPlugin()
-  ]
-}
+        // inline CSS modules (styl`` in the same JSX file -- similar to how it is in Vue.js)
+        transformCss && [require('cssxjs/babel/plugin-rn-stylename-inline'), {
+          platform
+        }],
+        // CSS modules (separate .styl/.css file)
+        transformCss && [require('cssxjs/babel/plugin-rn-stylename-to-style'), {
+          extensions: cssFileExtensions,
+          useImport: true,
+          reactType,
+          cache,
+          compileCssImports
+        }],
 
-const CONFIG_NATIVE_PRODUCTION = {
-  presets: [
-    [
-      require('./metroPresetWithTypescript'),
-      { useTransformReactJSXExperimental: true }
-    ]
-  ],
-  plugins: [
-    dotenvPlugin({ production: true }),
-    nativeReactCssModulesPlatformExtensionsPlugin(),
-    ...nativeReactCssModulesPlugins({ useImport: false }),
-    i18nPlugin()
-  ]
-}
+        // auto-load startupjs plugins
+        // traverse "exports" of package.json and all dependencies to find all startupjs plugins
+        // and automatically import them in the main startupjs.config.js file
+        [require('@startupjs/babel-plugin-startupjs-plugins'), { useRequireContext }],
 
-// web config for universal web/native project. Uses inline CSS styles, same as in react-native config,
-// therefore only the react-native rules can be used.
+        // run eliminator to remove code targeting other envs.
+        // For example, only keep code related to 'client' and 'isomorphic' envs
+        // (in which case any code related to 'server' and 'build' envs will be removed)
+        [require('@startupjs/babel-plugin-eliminator'), {
+          shouldTransformFileChecker: isStartupjsFile,
+          trimObjects: [{
+            magicFilenameRegex: CONFIG_FILENAME_REGEX,
+            magicExport: 'default',
+            targetObjectJsonPath: '$.modules.*',
+            ensureOnlyKeys: ALL_ENVS,
+            keepKeys: envs
+          }, {
+            magicFilenameRegex: CONFIG_FILENAME_REGEX,
+            magicExport: 'default',
+            targetObjectJsonPath: '$.plugins.*',
+            ensureOnlyKeys: ALL_ENVS,
+            keepKeys: envs
+          }, {
+            magicFilenameRegex: CONFIG_FILENAME_REGEX,
+            magicExport: 'default',
+            targetObjectJsonPath: '$',
+            // envs on the top level are the alias for '$.modules.startupjs'
+            ensureOnlyKeys: [...PROJECT_KEYS, ...ALL_ENVS],
+            keepKeys: [...PROJECT_KEYS, ...envs]
+          }, {
+            functionName: 'createPlugin',
+            magicImports: MAGIC_IMPORTS,
+            ensureOnlyKeys: [...PLUGIN_KEYS, ...ALL_ENVS],
+            keepKeys: [...PLUGIN_KEYS, ...envs]
+          }],
+          ...(clientOnly
+            ? {
+                transformFunctionCalls: [{
+                  // direct named exports of aggregation() within model/*.js files
+                  // are replaced with aggregationHeader() calls.
+                  // 'collection' is the filename without extension
+                  // 'name' is the direct named export const name
+                  //
+                  // Example:
+                  //
+                  //   // in model/games.js
+                  //   export const $$byGameId = aggregation(({ gameId }) => ({ gameId }))
+                  //
+                  // will be replaced with:
+                  //
+                  //   __aggregationHeader({ collection: 'games', name: '$$byGameId' })
+                  //
+                  functionName: 'aggregation',
+                  magicImports: ['startupjs'],
+                  requirements: {
+                    argumentsAmount: 1,
+                    directNamedExportedAsConst: true
+                  },
+                  replaceWith: {
+                    newFunctionNameFromSameImport: '__aggregationHeader',
+                    newCallArgumentsTemplate: `[
+                      {
+                        collection: %%filenameWithoutExtension%%,
+                        name: %%directNamedExportConstName%%
+                      }
+                    ]`
+                  }
+                }, {
+                  // export default inside of aggregation() within a separate model/*.$$myAggregation.js files
+                  // are replaced with aggregationHeader() calls.
+                  // Filepath is stripped of the extensions and split into sections (by dots and slashes)
+                  // 'name' is the last section.
+                  // 'collection' is the section before it.
+                  //
+                  // Example:
+                  //
+                  //   // in model/games/$$active.js
+                  //   export default aggregation(({ gameId }) => ({ gameId }))
+                  //
+                  // will be replaced with:
+                  //
+                  //   __aggregationHeader({ collection: 'games', name: '$$active' })
+                  //
+                  functionName: 'aggregation',
+                  magicImports: ['startupjs'],
+                  requirements: {
+                    argumentsAmount: 1,
+                    directDefaultExported: true
+                  },
+                  replaceWith: {
+                    newFunctionNameFromSameImport: '__aggregationHeader',
+                    newCallArgumentsTemplate: `[
+                      {
+                        collection: %%folderAndFilenameWithoutExtension%%.split(/[\\\\/\\.]/).at(-2),
+                        name: %%folderAndFilenameWithoutExtension%%.split(/[\\\\/\\.]/).at(-1)
+                      }
+                    ]`
+                  }
+                }, {
+                  // TODO: this has to be implemented! It's not actually working yet.
 
-const CONFIG_WEB_UNIVERSAL_DEVELOPMENT = {
-  presets: [
-    [require('./esNextPreset'), { debugJsx: true }]
-    // NOTE: If we start to face unknown errors in development or
-    //       want to sync the whole presets/plugins stack with RN,
-    //       just replace the optimized esNext preset above with the
-    //       regular metro preset below:
-    // [require('./metroPresetWithTypescript')]
-  ],
-  plugins: [
-    [require('@startupjs/babel-plugin-startupjs-debug')],
-    [require('react-refresh/babel'), { skipEnvCheck: true }],
-    dotenvPlugin({ mockBaseUrl: true }),
-    ...nativeReactCssModulesPlugins({ platform: 'web' }),
-    i18nPlugin({ collectTranslations: true })
-  ]
-}
+                  // any other calls to aggregation() must explicitly define the collection and name
+                  // as the second argument. If not, the build will fail.
+                  //
+                  // Example:
+                  //
+                  //   aggregation(
+                  //     ({ gameId }) => ({ gameId }),
+                  //     { collection: 'games', name: 'byGameId' }
+                  //   )
+                  //
+                  // will be replaced with:
+                  //
+                  //   __aggregationHeader({ collection: 'games', name: 'byGameId' })
+                  //
+                  functionName: 'aggregation',
+                  magicImports: ['startupjs'],
+                  requirements: {
+                    argumentsAmount: 2
+                  },
+                  throwIfRequirementsNotMet: true,
+                  replaceWith: {
+                    newFunctionNameFromSameImport: '__aggregationHeader',
+                    newCallArgumentsTemplate: '[%%argument1%%]' // 0-based index
+                  }
+                }, {
+                  // remove accessControl() calls (replace with undefined)
+                  functionName: 'accessControl',
+                  magicImports: ['startupjs'],
+                  replaceWith: {
+                    remove: true // replace the whole function call with undefined
+                  }
+                }, {
+                  // remove serverOnly() calls (replace with undefined)
+                  functionName: 'serverOnly',
+                  magicImports: ['startupjs'],
+                  replaceWith: {
+                    remove: true // replace the whole function call with undefined
+                  }
+                }]
+              }
+            : {}
+          )
+        }],
 
-const CONFIG_WEB_UNIVERSAL_PRODUCTION = {
-  presets: [
-    [require('./metroPresetWithTypescript'), {
-      disableImportExportTransform: !!ASYNC
+        // debugging features
+        require('@startupjs/babel-plugin-startupjs-debug'),
+        require('@startupjs/babel-plugin-i18n-extract')
+      ].filter(Boolean)
     }]
-  ],
-  plugins: [
-    ASYNC && require('@startupjs/babel-plugin-startupjs'),
-    ASYNC && require('@startupjs/babel-plugin-import-to-react-lazy'),
-    dotenvPlugin({ production: true, mockBaseUrl: true }),
-    ...nativeReactCssModulesPlugins({ platform: 'web' }),
-    i18nPlugin({ collectTranslations: true })
-  ].filter(Boolean)
-}
-
-if (ASYNC) {
-  CONFIG_WEB_UNIVERSAL_PRODUCTION.sourceType = 'unambiguous'
-}
-
-// web config for a pure web project. Uses babel-plugin-react-css-modules for CSS which allows
-// to use the full browser CSS engine.
-
-const CONFIG_WEB_PURE_DEVELOPMENT = {
-  presets: [
-    [require('./esNextPreset'), { debugJsx: true }]
-    // NOTE: If we start to face unknown errors in development or
-    //       want to sync the whole presets/plugins stack with RN,
-    //       just replace the optimized esNext preset above with the
-    //       regular metro preset below:
-    // [require('./metroPresetWithTypescript')]
-  ],
-  plugins: [
-    [require('@startupjs/babel-plugin-startupjs-debug')],
-    [require('react-refresh/babel'), { skipEnvCheck: true }],
-    dotenvPlugin({ mockBaseUrl: true }),
-    webReactCssModulesPlugin(),
-    i18nPlugin({ collectTranslations: true })
-  ]
-}
-
-const CONFIG_WEB_PURE_PRODUCTION = {
-  presets: [
-    [require('./metroPresetWithTypescript'), {
-      disableImportExportTransform: !!ASYNC
-    }]
-  ],
-  plugins: [
-    dotenvPlugin({ production: true, mockBaseUrl: true }),
-    webReactCssModulesPlugin({ production: true }),
-    i18nPlugin({ collectTranslations: true })
-  ]
+  }
 }
 
-if (ASYNC) {
-  CONFIG_WEB_PURE_PRODUCTION.sourceType = 'unambiguous'
+// all files which are not .ts or .tsx are considered to be pure JS with JSX support
+function isJsxSource (fileName) {
+  if (!fileName) return false
+  return !isTypeScriptSource(fileName) && !isTsxSource(fileName)
 }
 
-// node.js server config
-
-const CONFIG_SERVER = {
-  presets: [
-    require('./esNextPreset')
-    // NOTE: If we start to face unknown errors or
-    //       want to sync the whole presets/plugins stack with RN,
-    //       just replace the optimized esNext preset above with the
-    //       regular metro preset below:
-    // [require('./metroPresetWithTypescript')]
-  ],
-  plugins: []
+function isTypeScriptSource (fileName) {
+  if (!fileName) return false
+  return fileName.endsWith('.ts')
 }
 
-module.exports = (api, options) => {
-  api.cache(true)
-
-  const { BABEL_ENV, NODE_ENV, MODE = DEFAULT_MODE } = process.env
-
-  // There is a bug in metro when BABEL_ENV is a string "undefined".
-  // We have to workaround it and use NODE_ENV.
-  const env = (BABEL_ENV !== 'undefined' && BABEL_ENV) || NODE_ENV
-
-  const { presets = [], plugins = [], ...extra } = getConfig(env, MODE)
-
-  return {
-    presets,
-    plugins: basePlugins(options).concat(plugins),
-    ...extra
-  }
-}
-
-function getConfig (env, mode) {
-  if (env === 'development') {
-    return CONFIG_NATIVE_DEVELOPMENT
-  } else if (env === 'production') {
-    return CONFIG_NATIVE_PRODUCTION
-  } else if (env === 'server') {
-    return CONFIG_SERVER
-  } else if (env === 'web_development') {
-    if (mode === 'web') {
-      return CONFIG_WEB_PURE_DEVELOPMENT
-    } else {
-      return CONFIG_WEB_UNIVERSAL_DEVELOPMENT
-    }
-  } else if (env === 'web_production') {
-    if (mode === 'web') {
-      return CONFIG_WEB_PURE_PRODUCTION
-    } else {
-      return CONFIG_WEB_UNIVERSAL_PRODUCTION
-    }
-  } else {
-    return {}
-  }
-}
-
-function generateScopedName (name, filename/* , css */) {
-  let hashSize = LOCAL_IDENT_NAME.match(/base64:(\d+)]/)
-  if (!hashSize) {
-    throw new Error(
-      'wrong LOCAL_IDENT_NAME. Change generateScopeName() accordingly'
-    )
-  }
-  hashSize = Number(hashSize[1])
-  if (new RegExp(`_.{${hashSize}}_$`).test(name)) return name
-  return generateScopedNameFactory(LOCAL_IDENT_NAME)(name, filename)
+// NOTE: .tsx is the default when fileName is not provided.
+//       This is because we want to support the most overarching syntax by default.
+function isTsxSource (fileName) {
+  if (!fileName) return true
+  return fileName.endsWith('.tsx')
 }

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "babel-preset-startupjs",
-  "version": "0.59.0-canary.9",
+  "version": "0.60.0-canary.11",
   "description": "Babel preset for compiling StartupJS app on server, web, native",
   "main": "index.js",
   "exports": {
     ".": "./index.js",
-    "./index.js": "./index.js",
-    "./pure": "./pure.js",
-    "./pure.js": "./pure.js",
-    "./constants": "./constants.json",
-    "./constants.json": "./constants.json"
+    "./utils": "./utils.js"
   },
   "publishConfig": {
     "access": "public"
@@ -17,38 +13,17 @@
   "license": "MIT",
   "dependencies": {
     "@babel/core": "^7.9.0",
-    "@babel/plugin-proposal-class-properties": "^7.0.0",
-    "@babel/plugin-proposal-decorators": "^7.8.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
-    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
-    "@babel/plugin-syntax-flow": "^7.2.0",
     "@babel/plugin-syntax-jsx": "^7.0.0",
     "@babel/plugin-syntax-typescript": "^7.23.3",
-    "@babel/plugin-transform-flow-strip-types": "^7.0.0",
-    "@babel/plugin-transform-function-name": "^7.0.0",
-    "@babel/plugin-transform-react-jsx": "^7.0.0",
-    "@babel/plugin-transform-react-jsx-self": "^7.0.0",
-    "@babel/plugin-transform-react-jsx-source": "^7.0.0",
-    "@babel/plugin-transform-runtime": "^7.0.0",
-    "@babel/plugin-transform-typescript": "^7.5.0",
-    "@babel/runtime": "^7.9.0",
-    "@startupjs/babel-plugin-dotenv": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-i18n-extract": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-import-to-react-lazy": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-react-css-modules": "^6.5.4-1",
-    "@startupjs/babel-plugin-react-pug-classnames": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-rn-stylename-inline": "^0.59.0-canary.9",
-    "@startupjs/babel-plugin-rn-stylename-to-style": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-startupjs": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-startupjs-debug": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-startupjs-utils": "^0.59.0-canary.0",
-    "@startupjs/babel-plugin-transform-react-pug": "^7.0.1-0",
-    "@startupjs/bundler": "^0.59.0-canary.9",
-    "babel-plugin-module-resolver": "^5.0.0",
-    "babel-plugin-react-native-platform-specific-extensions": "^1.1.1",
-    "babel-plugin-react-native-web-pass-classname": "^0.2.1",
-    "metro-react-native-babel-preset": "^0.76.8",
-    "react-refresh": "^0.10.0"
+    "@startupjs/babel-plugin-eliminator": "^0.60.0-canary.0",
+    "@startupjs/babel-plugin-i18n-extract": "^0.60.0-canary.7",
+    "@startupjs/babel-plugin-startupjs": "^0.60.0-canary.7",
+    "@startupjs/babel-plugin-startupjs-debug": "^0.60.0-canary.7",
+    "@startupjs/babel-plugin-startupjs-plugins": "^0.60.0-canary.0",
+    "@startupjs/babel-plugin-ts-to-json-schema": "^0.60.0-canary.11"
   },
-  "gitHead": "cdee72648548b574c838d13ff8cc3d6b0e0d429e"
+  "peerDependencies": {
+    "cssxjs": "*"
+  },
+  "gitHead": "98f7cc4f4c26816b15366986e81de0a4b996f8b1"
 }

package/utils.js

@@ -0,0 +1,35 @@
+// NOTE: startupjs.config.cjs is used by the old bundler. This regex does not include it.
+exports.CONFIG_FILENAME_REGEX = /(?:^|[\\/])startupjs\.config\.m?[jt]sx?$/
+exports.PLUGIN_FILENAME_REGEX = /(?:^|[.\\/])plugin\.[mc]?[jt]sx?$/
+exports.LOAD_CONFIG_FILENAME_REGEX = /(?:^|[\\/])loadStartupjsConfig\.m?[jt]sx?$/
+exports.MODEL_FILENAME_REGEX = /(?:^|[.\\/])model[\\/].*\.[mc]?[jt]sx?$/
+const STARTUPJS_FILE_CONTENT_REGEX = /['"]startupjs['"]/
+
+exports.isStartupjsPluginEcosystemFile = filename => {
+  return (
+    exports.PLUGIN_FILENAME_REGEX.test(filename) ||
+    exports.CONFIG_FILENAME_REGEX.test(filename) ||
+    exports.LOAD_CONFIG_FILENAME_REGEX.test(filename)
+  )
+}
+
+exports.isModelFile = (filename, code) => {
+  return exports.MODEL_FILENAME_REGEX.test(filename) && STARTUPJS_FILE_CONTENT_REGEX.test(code)
+}
+
+exports.createStartupjsFileChecker = ({ clientOnly } = {}) => {
+  return (filename, code) => {
+    if (exports.isStartupjsPluginEcosystemFile(filename)) return true
+    if (clientOnly) {
+      if (code != null) {
+        if (exports.isModelFile(filename, code)) return true
+      } else {
+        console.warn(
+          '[babel-preset-startupjs] File\'s source code must be provided when clientOnly is true. ' +
+          'Assuming false for isModelFile check. Filename:', filename
+        )
+      }
+    }
+    return false
+  }
+}

package/constants.json

@@ -1,3 +0,0 @@
-{
-  "LOCAL_IDENT_NAME": "[local]_[hash:base64:5]_"
-}

package/esNextPreset.js

@@ -1,79 +0,0 @@
-// This is the same preset as metro's, but everything which is supported
-// by Node 14+ and latest Chrome is stripped out.
-
-module.exports = ({ debugJsx }) => {
-  const defaultPlugins = [
-    [require('@babel/plugin-syntax-flow')],
-    [require('@babel/plugin-proposal-nullish-coalescing-operator')],
-    [require('@babel/plugin-proposal-optional-chaining'), { loose: true }],
-    [require('@babel/plugin-proposal-class-properties'), { loose: true }],
-    [require('@babel/plugin-transform-function-name')]
-  ]
-  const extraPlugins = [
-    [require('@babel/plugin-transform-react-jsx')],
-    ...(debugJsx
-      ? [
-          require('@babel/plugin-transform-react-jsx-source'),
-          require('@babel/plugin-transform-react-jsx-self')
-        ]
-      : []),
-    [
-      require('@babel/plugin-transform-runtime'),
-      {
-        helpers: true,
-        regenerator: true
-      }
-    ]
-  ]
-  return {
-    comments: false,
-    compact: true,
-    overrides: [
-      // the flow strip types plugin must go BEFORE class properties!
-      // there'll be a test case that fails if you don't.
-      {
-        plugins: [require('@babel/plugin-transform-flow-strip-types')]
-      },
-      {
-        plugins: defaultPlugins
-      },
-      {
-        test: isTypeScriptSource,
-        plugins: [
-          [
-            require('@babel/plugin-transform-typescript'),
-            {
-              isTSX: false,
-              allowNamespaces: true,
-              onlyRemoveTypeImports: true
-            }
-          ]
-        ]
-      },
-      {
-        test: isTSXSource,
-        plugins: [
-          [
-            require('@babel/plugin-transform-typescript'),
-            {
-              isTSX: true,
-              allowNamespaces: true,
-              onlyRemoveTypeImports: true
-            }
-          ]
-        ]
-      },
-      {
-        plugins: extraPlugins
-      }
-    ]
-  }
-}
-
-function isTypeScriptSource (fileName) {
-  return !!fileName && fileName.endsWith('.ts')
-}
-
-function isTSXSource (fileName) {
-  return !!fileName && fileName.endsWith('.tsx')
-}

package/metroPresetWithTypescript.js

@@ -1,18 +0,0 @@
-// metro has a hardcoded config for typescript babel plugin options.
-// Here we run the default metro preset and then find the typescript plugin and monkeypatch
-// its options to add the required 'onlyRemoveTypeImports: true' option.
-// Without this option pug-related and style imports are gonna get stripped by typescript.
-const metroPreset = require('metro-react-native-babel-preset')
-
-module.exports = (...args) => patchTypescriptOptions(metroPreset(...args))
-
-function patchTypescriptOptions (config) {
-  for (const override of config.overrides || []) {
-    for (const plugin of override.plugins || []) {
-      if (Array.isArray(plugin) && plugin[1] && plugin[1].isTSX != null) {
-        plugin[1].onlyRemoveTypeImports = true
-      }
-    }
-  }
-  return config
-}

package/pure.js

@@ -1,86 +0,0 @@
-module.exports = (api, { platform, env } = {}) => {
-  return {
-    overrides: [{
-      test: isJsxSource,
-      plugins: [
-        // support JSX syntax
-        require('@babel/plugin-syntax-jsx')
-      ]
-    }, {
-      test: isTypeScriptSource,
-      plugins: [
-        // support TypeScript syntax
-        require('@babel/plugin-syntax-typescript')
-      ]
-    }, {
-      test: isTsxSource,
-      plugins: [
-        // support TypeScript + JSX syntax
-        [require('@babel/plugin-syntax-typescript'), {
-          isTSX: true
-        }]
-      ]
-    }, {
-      plugins: [
-        // transform pug to jsx. This generates a bunch of new AST nodes
-        // (it's important to do this first before any dead code elimination runs)
-        [require('@startupjs/babel-plugin-transform-react-pug'), {
-          classAttribute: 'styleName'
-        }],
-        // support calling sub-components in pug (like <Modal.Header />)
-        [require('@startupjs/babel-plugin-react-pug-classnames'), {
-          classAttribute: 'styleName'
-        }],
-        // turning on experimental startupjs features
-        [require('@startupjs/babel-plugin-startupjs-utils'), {
-          observerCache: true,
-          signals: true
-        }],
-        // debugging features
-        env === 'development' && require('@startupjs/babel-plugin-startupjs-debug'),
-        // .env files support for client
-        [require('@startupjs/babel-plugin-dotenv'), (() => {
-          const envName = env === 'production' ? 'production' : 'local'
-          const options = {
-            moduleName: '@env',
-            path: ['.env', `.env.${envName}`]
-          }
-          if (platform === 'web') {
-            options.override = {
-              BASE_URL: "typeof window !== 'undefined' && window.location && window.location.origin"
-            }
-          }
-          return options
-        })()],
-        // CSS modules (separate .styl/.css file)
-        [require('@startupjs/babel-plugin-rn-stylename-to-style'), {
-          extensions: ['styl', 'css'],
-          useImport: true
-        }],
-        // inline CSS modules (styl`` in the same JSX file -- similar to how it is in Vue.js)
-        [require('@startupjs/babel-plugin-rn-stylename-inline'), {
-          platform
-        }],
-        require('@startupjs/babel-plugin-i18n-extract')
-      ].filter(Boolean)
-    }]
-  }
-}
-
-// all files which are not .ts or .tsx are considered to be pure JS with JSX support
-function isJsxSource (fileName) {
-  if (!fileName) return false
-  return !isTypeScriptSource(fileName) && !isTsxSource(fileName)
-}
-
-function isTypeScriptSource (fileName) {
-  if (!fileName) return false
-  return fileName.endsWith('.ts')
-}
-
-// NOTE: .tsx is the default when fileName is not provided.
-//       This is because we want to support the most overarching syntax by default.
-function isTsxSource (fileName) {
-  if (!fileName) return true
-  return fileName.endsWith('.tsx')
-}