@s-ui/bundler 9.33.0 → 9.36.0-beta.0

package/.swcrc

@@ -0,0 +1,78 @@
+[
+  {
+    "test": ".tsx?$",
+    "minify": true,
+    "jsc": {
+      "parser": {
+        "syntax": "typescript",
+        "tsx": true,
+        "dynamicImport": true,
+        "privateMethod": true,
+        "functionBind": true,
+        "exportDefaultFrom": true,
+        "exportNamespaceFrom": true,
+        "decorators": true,
+        "decoratorsBeforeExport": true,
+        "topLevelAwait": true,
+        "importMeta": true
+      },
+      "transform": {
+        "legacyDecorator": true,
+        "react": {
+          "useBuiltins": true,
+          "runtime": "automatic"
+        }
+      },
+      "target": "es5",
+      "loose": true,
+      "externalHelpers": true
+    },
+    "env": {
+      "targets": {
+        "ie": "11"
+      },
+      "dynamicImport": true,
+      "loose": true,
+      "mode": "entry",
+      "coreJs": 3
+    }
+  },
+  {
+    "test": ".jsx?$",
+    "minify": true,
+    "jsc": {
+      "parser": {
+        "syntax": "ecmascript",
+        "jsx": true,
+        "dynamicImport": true,
+        "privateMethod": true,
+        "functionBind": true,
+        "exportDefaultFrom": true,
+        "exportNamespaceFrom": true,
+        "decorators": true,
+        "decoratorsBeforeExport": true,
+        "topLevelAwait": true,
+        "importMeta": true
+      },
+      "transform": {
+        "legacyDecorator": true,
+        "react": {
+          "useBuiltins": true,
+          "runtime": "automatic"
+        }
+      },
+      "target": "es5",
+      "loose": true,
+      "externalHelpers": true
+    },
+    "env": {
+      "targets": {
+        "ie": "11"
+      },
+      "dynamicImport": true,
+      "loose": true,
+      "mode": "entry",
+      "coreJs": 3
+    }
+  }
+]

package/bin/sui-bundler-build.js

@@ -1,4 +1,7 @@
 #!/usr/bin/env node
+
+// @ts-check
+
 /* eslint-disable no-console */
 
 const fs = require('fs')
@@ -63,21 +66,24 @@ if (clean) {
 
 log.processing('Generating minified bundle...')
 
-webpack(nextConfig).run(async (error, stats) => {
+const compiler = webpack(nextConfig)
+
+compiler.run(async (error, stats) => {
   if (error) {
     log.error(error)
-    return 1
+    return process.exit(1)
   }
 
-  if (stats.hasErrors()) {
+  if (stats?.hasErrors()) {
     const jsonStats = stats.toJson('errors-only')
-    return jsonStats.errors.map(({message}) => log.error(message))
+    jsonStats?.errors?.map(({message}) => log.error(message))
+    return process.exit(1)
   }
 
-  if (stats.hasWarnings()) {
+  if (stats?.hasWarnings()) {
     const jsonStats = stats.toJson('errors-warnings')
     log.warn('Webpack generated the following warnings: ')
-    jsonStats.warnings.map(({message}) => log.warn(message))
+    jsonStats?.warnings?.map(({message}) => log.warn(message))
   }
 
   console.log(`Webpack stats: ${stats}`)
@@ -147,5 +153,9 @@ webpack(nextConfig).run(async (error, stats) => {
     `Your app is compiled in ${process.env.NODE_ENV} mode in /public. It's ready to roll!`
   )
 
-  return 0
+  compiler.close(closeErr => {
+    const exitCode = closeErr ? 1 : 0
+    if (closeErr) return process.exit(exitCode)
+    return process.exit(0)
+  })
 })

package/bin/sui-bundler-dev.js

@@ -67,12 +67,7 @@ const start = async ({
 } = {}) => {
   clearConsole()
   // Warn and crash if required files are missing
-  if (
-    !checkRequiredFiles([
-      path.join(config.context, 'index.html'),
-      path.join(config.context, 'app.js')
-    ])
-  ) {
+  if (!checkRequiredFiles([path.join(config.context, 'index.html')])) {
     log.error(
       `✖ Required files are missing, create and index.html and app.js inside your src folder.`
     )

package/loaders/linkLoaderConfigBuilder.js

@@ -49,7 +49,7 @@ module.exports = ({config, packagesToLink, linkAll}) => {
    * if neccesary
    */
   const linkLoader = {
-    test: /\.(jsx?|scss)$/,
+    test: /\.(jsx?|tsx?|scss)$/,
     enforce: 'pre', // this will ensure is execute before transformations
     use: {
       loader: require.resolve('./LinkLoader'),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s-ui/bundler",
-  "version": "9.33.0",
+  "version": "9.36.0-beta.0",
   "description": "Config-free bundler for ES6 React apps.",
   "bin": {
     "sui-bundler": "./bin/sui-bundler.js"
@@ -21,35 +21,38 @@
   },
   "homepage": "https://github.com/SUI-Components/sui/tree/master/packages/sui-bundler#readme",
   "dependencies": {
-    "@babel/core": "7.18.9",
+    "@babel/core": "7.18.10",
     "@s-ui/helpers": "1",
     "@s-ui/sass-loader": "1",
     "address": "1.2.0",
-    "autoprefixer": "10.4.7",
+    "autoprefixer": "10.4.8",
     "babel-loader": "8.2.5",
     "babel-preset-sui": "3",
     "buffer": "6.0.3",
     "commander": "8.3.0",
     "css-loader": "6.7.1",
     "css-minimizer-webpack-plugin": "4.0.0",
-    "esbuild": "0.14.49",
+    "esbuild": "0.15.5",
     "escape-string-regexp": "4.0.0",
     "fast-glob": "3.2.11",
     "find-free-ports": "3.0.0",
     "html-webpack-plugin": "5.5.0",
     "https-browserify": "1.0.0",
     "mini-css-extract-plugin": "2.6.1",
-    "postcss": "8.4.14",
+    "postcss": "8.4.16",
     "postcss-loader": "7.0.1",
     "process": "0.11.10",
-    "sass": "1.52.3",
+    "sass": "1.54.5",
     "stream-http": "3.2.0",
     "strip-ansi": "6.0.1",
     "style-loader": "3.3.1",
     "url": "0.11.0",
-    "webpack": "5.73.0",
-    "webpack-dev-server": "4.9.3",
+    "webpack": "5.74.0",
+    "webpack-dev-server": "4.10.0",
     "webpack-manifest-plugin": "5.0.0",
-    "webpack-node-externals": "3.0.0"
+    "webpack-node-externals": "3.0.0",
+    "@swc/core": "^1.2.189",
+    "@swc/helpers": "^0.3.15",
+    "swc-loader": "^0.2.1"
   }
-}
+}

package/shared/index.js

@@ -1,6 +1,6 @@
 const {config} = require('./config.js')
 
-exports.MAIN_ENTRY_POINT = './app.js'
+exports.MAIN_ENTRY_POINT = './app'
 exports.config = config
 
 exports.cleanList = list => list.filter(Boolean)

package/shared/module-rules-babel.js

@@ -1,32 +1,82 @@
 const path = require('path')
 const {config} = require('./index.js')
 
+const {TS: isTypeScript = false} = process.env
+
 const EXCLUDED_FOLDERS_REGEXP = new RegExp(
   `node_modules(?!${path.sep}@s-ui(${path.sep}studio)(${path.sep}workbench)?${path.sep}src)`
 )
 
-module.exports = ({isServer = false} = {}) => ({
-  test: /\.jsx?$/,
-  exclude: EXCLUDED_FOLDERS_REGEXP,
-  use: [
-    {
-      loader: require.resolve('babel-loader'),
-      options: {
-        cacheDirectory: true,
-        cacheCompression: false,
-        babelrc: false,
-        compact: true,
-        presets: [
-          [
-            require.resolve('babel-preset-sui'),
-            {
-              isServer,
-              supportLegacyBrowsers: true,
-              targets: config.targets
+module.exports = ({isServer = false} = {}) =>
+  isTypeScript
+    ? {
+        test: /\.(js|ts)x?$/,
+        exclude: EXCLUDED_FOLDERS_REGEXP,
+        use: [
+          {
+            loader: require.resolve('swc-loader'),
+            options: {
+              minify: true,
+              jsc: {
+                parser: {
+                  syntax: 'typescript',
+                  tsx: true,
+                  dynamicImport: true,
+                  privateMethod: true,
+                  functionBind: true,
+                  exportDefaultFrom: true,
+                  exportNamespaceFrom: true,
+                  decorators: true,
+                  decoratorsBeforeExport: true,
+                  topLevelAwait: true,
+                  importMeta: true
+                },
+                transform: {
+                  legacyDecorator: true,
+                  react: {
+                    useBuiltins: true,
+                    runtime: 'automatic'
+                  }
+                },
+                target: 'es5',
+                loose: true,
+                externalHelpers: true
+              },
+              env: {
+                targets: {
+                  ie: '11'
+                },
+                dynamicImport: true,
+                loose: true,
+                mode: 'entry',
+                coreJs: 3
+              }
+            }
+          }
+        ]
+      }
+    : {
+        test: /\.jsx?$/,
+        exclude: EXCLUDED_FOLDERS_REGEXP,
+        use: [
+          {
+            loader: require.resolve('babel-loader'),
+            options: {
+              cacheDirectory: true,
+              cacheCompression: false,
+              babelrc: false,
+              compact: true,
+              presets: [
+                [
+                  require.resolve('babel-preset-sui'),
+                  {
+                    isServer,
+                    supportLegacyBrowsers: true,
+                    targets: config.targets
+                  }
+                ]
+              ]
             }
-          ]
+          }
         ]
       }
-    }
-  ]
-})

package/webpack.config.dev.js

@@ -43,7 +43,7 @@ const webpackConfig = {
       url: require.resolve('url/')
     },
     modules: ['node_modules', path.resolve(process.cwd())],
-    extensions: ['.js', '.json']
+    extensions: ['.js', '.tsx', '.ts', '.json']
   },
   stats: 'errors-only',
   entry: cleanList([