@carbon/cli 11.14.0-rc.0 → 11.15.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/cli",
   "description": "Task automation for working with the Carbon Design System",
-  "version": "11.14.0-rc.0",
+  "version": "11.15.0-rc.0",
   "license": "Apache-2.0",
   "bin": {
     "carbon-cli": "./bin/carbon-cli.js"
@@ -51,7 +51,8 @@
     "rollup": "^2.79.1",
     "sass": "^1.51.0",
     "sassdoc": "^2.7.3",
+    "typescript-config-carbon": "^0.2.0-rc.0",
     "yargs": "^17.0.1"
   },
-  "gitHead": "39f36c63d5cb77a525e0a82f0e565b8d6ef658e9"
+  "gitHead": "da28d28a2d3a34503099e25255076efd3da4db9f"
 }

package/src/commands/bundle/bundlers.js

@@ -8,7 +8,11 @@
 'use strict';
 
 const javascript = require('./javascript');
+const typescript = require('./typescript');
 
-const bundlers = new Map([['.js', javascript]]);
+const bundlers = new Map([
+  ['.js', javascript],
+  ['.ts', typescript],
+]);
 
 module.exports = bundlers;

package/src/commands/bundle/javascript.js

@@ -10,10 +10,14 @@
 const { babel } = require('@rollup/plugin-babel');
 const commonjs = require('@rollup/plugin-commonjs');
 const { nodeResolve } = require('@rollup/plugin-node-resolve');
-const { pascalCase } = require('change-case');
 const fs = require('fs-extra');
 const path = require('path');
 const { rollup } = require('rollup');
+const {
+  formatGlobals,
+  findPackageFolder,
+  formatDependenciesIntoGlobals,
+} = require('./utils');
 
 async function bundle(entrypoint, options) {
   const globals = options.globals ? formatGlobals(options.globals) : {};
@@ -95,48 +99,4 @@ async function bundle(entrypoint, options) {
   );
 }
 
-function formatGlobals(string) {
-  const mappings = string.split(',').map((mapping) => {
-    return mapping.split('=');
-  });
-  return mappings.reduce(
-    (acc, [pkg, global]) => ({
-      ...acc,
-      [pkg]: global,
-    }),
-    {}
-  );
-}
-
-function formatDependenciesIntoGlobals(dependencies) {
-  return Object.keys(dependencies).reduce((acc, key) => {
-    const parts = key.split('/').map((identifier, i) => {
-      if (i === 0) {
-        return identifier.replace(/@/, '');
-      }
-      return identifier;
-    });
-
-    return {
-      ...acc,
-      [key]: pascalCase(parts.join(' ')),
-    };
-  }, {});
-}
-
-async function findPackageFolder(entrypoint) {
-  let packageFolder = entrypoint;
-
-  while (packageFolder !== '/' && path.dirname(packageFolder) !== '/') {
-    packageFolder = path.dirname(packageFolder);
-    const packageJsonPath = path.join(packageFolder, 'package.json');
-
-    if (await fs.pathExists(packageJsonPath)) {
-      break;
-    }
-  }
-
-  return packageFolder;
-}
-
 module.exports = bundle;

package/src/commands/bundle/typescript.js

@@ -0,0 +1,118 @@
+/**
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const { babel } = require('@rollup/plugin-babel');
+const commonjs = require('@rollup/plugin-commonjs');
+const { nodeResolve } = require('@rollup/plugin-node-resolve');
+const typescript = require('@rollup/plugin-typescript');
+const fs = require('fs-extra');
+const path = require('path');
+const { rollup } = require('rollup');
+const { loadBaseTsCompilerOpts } = require('typescript-config-carbon');
+const {
+  formatGlobals,
+  findPackageFolder,
+  formatDependenciesIntoGlobals,
+} = require('./utils');
+
+async function bundle(entrypoint, options) {
+  const globals = options.globals ? formatGlobals(options.globals) : {};
+  const { name } = options;
+  const packageFolder = await findPackageFolder(entrypoint);
+
+  const outputFolders = [
+    {
+      format: 'esm',
+      directory: path.join(packageFolder, 'es'),
+    },
+    {
+      format: 'cjs',
+      directory: path.join(packageFolder, 'lib'),
+    },
+    {
+      format: 'umd',
+      directory: path.join(packageFolder, 'umd'),
+    },
+  ];
+
+  await Promise.all(outputFolders.map(({ directory }) => fs.remove(directory)));
+
+  const jsEntryPoints = outputFolders.map(({ directory, format }) => ({
+    outputDir: directory,
+    file: path.join(directory, 'index.js'),
+    format,
+  }));
+
+  const packageJsonPath = path.join(packageFolder, 'package.json');
+  const packageJson = await fs.readJson(packageJsonPath);
+  const { dependencies = {} } = packageJson;
+
+  const baseTsCompilerOpts = loadBaseTsCompilerOpts();
+
+  await Promise.all(
+    jsEntryPoints.map(async ({ outputDir, file, format }) => {
+      const bundle = await rollup({
+        input: entrypoint,
+        external: Object.keys(dependencies),
+        plugins: [
+          typescript({
+            noEmitOnError: true,
+            noForceEmit: true,
+            outputToFilesystem: false,
+            compilerOptions: {
+              ...baseTsCompilerOpts,
+              rootDir: 'src',
+              outDir: outputDir,
+            },
+          }),
+          babel({
+            exclude: 'node_modules/**',
+            babelrc: false,
+            presets: [
+              [
+                '@babel/preset-env',
+                {
+                  modules: false,
+                  targets: {
+                    browsers: ['last 1 version', 'ie >= 11', 'Firefox ESR'],
+                  },
+                },
+              ],
+              '@babel/preset-typescript',
+            ],
+            babelHelpers: 'bundled',
+            extensions: ['.ts', '.tsx', '.js', '.jsx'],
+          }),
+          nodeResolve(),
+          commonjs({
+            include: [/node_modules/],
+            extensions: ['.js'],
+          }),
+        ],
+      });
+      const outputOptions = {
+        exports: 'auto',
+        file,
+        format,
+      };
+
+      if (format === 'umd') {
+        outputOptions.name = name;
+        outputOptions.globals = {
+          ...formatDependenciesIntoGlobals(dependencies),
+          ...globals,
+        };
+      }
+
+      return bundle.write(outputOptions);
+    })
+  );
+}
+
+module.exports = bundle;

package/src/commands/bundle/utils.js

@@ -0,0 +1,62 @@
+/**
+ * Copyright IBM Corp. 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const path = require('path');
+const fs = require('fs-extra');
+const { pascalCase } = require('change-case');
+
+function formatGlobals(string) {
+  const mappings = string.split(',').map((mapping) => {
+    return mapping.split('=');
+  });
+  return mappings.reduce(
+    (acc, [pkg, global]) => ({
+      ...acc,
+      [pkg]: global,
+    }),
+    {}
+  );
+}
+
+function formatDependenciesIntoGlobals(dependencies) {
+  return Object.keys(dependencies).reduce((acc, key) => {
+    const parts = key.split('/').map((identifier, i) => {
+      if (i === 0) {
+        return identifier.replace(/@/, '');
+      }
+      return identifier;
+    });
+
+    return {
+      ...acc,
+      [key]: pascalCase(parts.join(' ')),
+    };
+  }, {});
+}
+
+async function findPackageFolder(entrypoint) {
+  let packageFolder = entrypoint;
+
+  while (packageFolder !== '/' && path.dirname(packageFolder) !== '/') {
+    packageFolder = path.dirname(packageFolder);
+    const packageJsonPath = path.join(packageFolder, 'package.json');
+
+    if (await fs.pathExists(packageJsonPath)) {
+      break;
+    }
+  }
+
+  return packageFolder;
+}
+
+module.exports = {
+  formatGlobals,
+  formatDependenciesIntoGlobals,
+  findPackageFolder,
+};