@startupjs/bundler 0.56.0-alpha.1 → 0.56.0-alpha.10

package/lib/eliminatorLoader.js

@@ -2,7 +2,7 @@
 const babel = require('@babel/core')
 const { isStartupjsPluginEcosystemFile, CONFIG_FILENAME_REGEX } = require('./utils')
 
-const PLUGIN_KEYS = ['name', 'for']
+const PLUGIN_KEYS = ['name', 'for', 'order', 'enabled']
 const PROJECT_KEYS = ['plugins', 'modules']
 const ALL_ENVS = ['client', 'isomorphic', 'server', 'build']
 const MAGIC_IMPORTS = ['startupjs/registry', '@startupjs/registry']
@@ -28,7 +28,7 @@ module.exports = function eliminatorLoader (source) {
       require('@babel/plugin-syntax-jsx'),
       // 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('babel-plugin-transform-react-pug'), {
+      [require('@startupjs/babel-plugin-transform-react-pug'), {
         classAttribute: 'styleName'
       }],
       // support calling sub-components in pug (like <Modal.Header />)

package/lib/stylusToCssLoader.js

@@ -3,15 +3,12 @@
 const platformSingleton = require(
   '@startupjs/babel-plugin-rn-stylename-inline/platformSingleton'
 )
-const fs = require('fs')
-const path = require('path')
+const { existsSync } = require('fs')
+const { join } = require('path')
 const stylus = require('stylus')
-const STYLES_PATH = path.join(process.cwd(), 'styles/index.styl')
 
+const PROJECT_STYLES_PATH = join(process.cwd(), 'styles/index.styl')
 let UI_STYLES_PATH
-try {
-  UI_STYLES_PATH = require.resolve('@startupjs/ui/styles/index.styl')
-} catch (err) {}
 
 function renderToCSS (src, filename) {
   let compiled
@@ -24,13 +21,13 @@ function renderToCSS (src, filename) {
     compiler.define(`__${platform.toUpperCase()}__`, true)
   }
 
-  if (fs.existsSync(UI_STYLES_PATH)) {
+  if (checkUiStylesExist()) {
     compiler.import(UI_STYLES_PATH)
   }
 
   // TODO: Make this a setting
-  if (fs.existsSync(STYLES_PATH)) {
-    compiler.import(STYLES_PATH)
+  if (checkProjectStylesExist()) {
+    compiler.import(PROJECT_STYLES_PATH)
   }
 
   compiler.render(function (err, res) {
@@ -46,3 +43,28 @@ function renderToCSS (src, filename) {
 module.exports = function stylusToReactNative (source) {
   return renderToCSS(source, this.resourcePath)
 }
+
+// check if @startupjs/ui is being used to load styles file from it, cache result for 5 seconds
+let uiStylesExist
+let uiStylesLastChecked = 0
+function checkUiStylesExist () {
+  if (uiStylesLastChecked + 5000 > Date.now()) return uiStylesExist
+  uiStylesLastChecked = Date.now()
+  try {
+    UI_STYLES_PATH = join(require.resolve('@startupjs/ui'), '../styles/index.styl')
+    uiStylesExist = existsSync(UI_STYLES_PATH)
+  } catch {
+    uiStylesExist = false
+  }
+  return uiStylesExist
+}
+
+// check if project styles file exist, cache result for 5 seconds
+let projectStylesExist
+let projectStylesLastChecked = 0
+function checkProjectStylesExist () {
+  if (projectStylesLastChecked + 5000 > Date.now()) return projectStylesExist
+  projectStylesLastChecked = Date.now()
+  projectStylesExist = existsSync(PROJECT_STYLES_PATH)
+  return projectStylesExist
+}

package/metro-config.js

@@ -9,7 +9,8 @@ exports.getDefaultConfig = function getDefaultConfig (projectRoot, { upstreamCon
     ...upstreamConfig,
     transformer: {
       ...upstreamConfig.transformer,
-      babelTransformerPath: require.resolve('./metro-babel-transformer.js')
+      babelTransformerPath: require.resolve('./metro-babel-transformer.js'),
+      unstable_allowRequireContext: true
     },
     resolver: {
       ...upstreamConfig.resolver,
@@ -18,7 +19,8 @@ exports.getDefaultConfig = function getDefaultConfig (projectRoot, { upstreamCon
         ...(isExpo ? ['expo.ts', 'expo.tsx', 'expo.js', 'expo.jsx', 'expo.mjs', 'expo.cjs'] : []),
         ...(upstreamConfig.resolver.sourceExts || []),
         ...['mjs', 'cjs', 'md', 'mdx', 'css', 'styl', 'svg']
-      ]))
+      ])),
+      unstable_enablePackageExports: true
     },
     server: {
       ...upstreamConfig.server,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs/bundler",
-  "version": "0.56.0-alpha.1",
+  "version": "0.56.0-alpha.10",
   "description": "Opinionated scripts and configs to develop a react-native-web project",
   "main": "index.js",
   "publishConfig": {
@@ -24,11 +24,12 @@
     "@startupjs/babel-plugin-eliminator": "^0.56.0-alpha.1",
     "@startupjs/babel-plugin-react-css-modules": "^6.5.4-1",
     "@startupjs/babel-plugin-react-pug-classnames": "^0.56.0-alpha.0",
-    "@startupjs/babel-plugin-startupjs-plugins": "^0.56.0-alpha.1",
+    "@startupjs/babel-plugin-startupjs-plugins": "^0.56.0-alpha.10",
+    "@startupjs/babel-plugin-transform-react-pug": "^7.0.1-0",
     "@startupjs/css-to-react-native-transform": "^1.9.0-2",
     "@startupjs/plugin": "^0.56.0-alpha.0",
-    "@startupjs/registry": "^0.56.0-alpha.1",
-    "@startupjs/server": "^0.56.0-alpha.1",
+    "@startupjs/registry": "^0.56.0-alpha.10",
+    "@startupjs/server": "^0.56.0-alpha.10",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
@@ -36,8 +37,7 @@
     "assets-webpack-plugin": "^7.1.1",
     "autoprefixer": "^10.4.0",
     "babel-loader": "^8.2.3",
-    "babel-plugin-transform-react-pug": "^7.0.1",
-    "babel-preset-startupjs": "^0.56.0-alpha.1",
+    "babel-preset-startupjs": "^0.56.0-alpha.10",
     "connect": "^3.7.0",
     "css-loader": "^6.5.0",
     "css-minimizer-webpack-plugin": "^5.0.0",
@@ -61,5 +61,5 @@
   "peerDependencies": {
     "react-native-svg": "*"
   },
-  "gitHead": "30b858bb3203dc9dc064a3b16e060e2cc1777a71"
+  "gitHead": "5abdbdd3f265579cd7c5485a30441d54001cd26e"
 }