@hubspot/ui-extensions-dev-server 0.0.1-prealpha.4 → 0.0.1-prealpha.6

package/build.js

@@ -22,8 +22,15 @@ async function buildSingleExtension({
   emptyOutDir = true,
   plugins = { rollup: [], vite: [] },
   minify = false,
+  root = process.cwd(), // This is the vite default, so using that as our default
 }) {
   await build({
+    root,
+    define: {
+      'process.env.NODE_ENV': JSON.stringify(
+        process.env.NODE_ENV || 'production'
+      ),
+    },
     build: {
       lib: {
         entry: file,

package/dev.js

@@ -12,6 +12,11 @@ const { ROLLUP_OPTIONS } = require('./constants');
 async function _devBuild(config, outputDir, extension) {
   const extensionConfig = await getExtensionConfig(config, extension);
   build({
+    define: {
+      'process.env.NODE_ENV': JSON.stringify(
+        process.env.NODE_ENV || 'development'
+      ),
+    },
     build: {
       watch: {
         clearScreen: false,

package/index.js

@@ -0,0 +1,33 @@
+const { OUTPUT_DIR } = require('./constants');
+const { getUrlSafeFileName } = require('./utils');
+const { buildSingleExtension } = require('./build');
+const path = require('path');
+const manifestPlugin = require('./plugins/manifestPlugin');
+
+function remoteBuild(root, entryPoint, outputDir) {
+  const allowedExtensions = ['.js', '.ts', '.tsx', '.jsx'];
+  const fileInfo = path.parse(entryPoint);
+
+  if (!allowedExtensions.includes(fileInfo.ext)) {
+    throw new Error(
+      `The last argument should be the filename you wish to build.  Supported file extensions are [${allowedExtensions.join(
+        ', '
+      )}]`
+    );
+  }
+
+  buildSingleExtension({
+    file: entryPoint,
+    outputFileName: getUrlSafeFileName(entryPoint),
+    outputDir: outputDir || OUTPUT_DIR,
+    plugins: {
+      rollup: [manifestPlugin({ minify: true })],
+    },
+    minify: true,
+    root,
+  });
+}
+
+module.exports = {
+  remoteBuild,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions-dev-server",
-  "version": "0.0.1-prealpha.4",
+  "version": "0.0.1-prealpha.6",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -17,12 +17,13 @@
     "constants.js",
     "dev.js",
     "logger.js",
-    "remoteBuild.js",
     "run.js",
     "utils.js",
     "tests/runTests.js",
     "tests/testBuild.js",
-    "tests/testDevServer.js"
+    "tests/testDevServer.js",
+    "plugins/manifestPlugin.js",
+    "index.js"
   ],
   "license": "MIT",
   "dependencies": {
@@ -37,8 +38,7 @@
     "ws": "^8.12.1"
   },
   "bin": {
-    "hs-ui-extensions-dev-server": "run.js",
-    "hs-ui-extensions-remote-build": "remoteBuild.js"
+    "hs-ui-extensions-dev-server": "run.js"
   },
   "eslintConfig": {
     "env": {
@@ -56,5 +56,5 @@
       "optional": true
     }
   },
-  "gitHead": "d3ed42de0f9675a2f599416ba1886ba379ecfcd0"
+  "gitHead": "1dfa4048c08a39c6f50a5f87e92eddf1b19dde5c"
 }

package/plugins/manifestPlugin.js

@@ -0,0 +1,108 @@
+const { readFileSync } = require('fs');
+const { normalize } = require('path');
+const logger = require('../logger');
+
+const DEFAULT_MANIFEST_NAME = 'manifest.json';
+const PACKAGE_LOCK_FILE = 'package-lock.json';
+const PACKAGE_FILE = 'package.json';
+const EXTENSIONS_PATH = 'src/app/extensions/';
+
+function plugin(options = {}) {
+  return {
+    name: 'ui-extensions-manifest-generation-plugin',
+    enforce: 'post', // run after default rollup plugins
+    generateBundle(_rollupOptions, bundle) {
+      const { output = DEFAULT_MANIFEST_NAME, minify = false } = options;
+      try {
+        const manifest = _generateManifestContents(bundle);
+        this.emitFile({
+          type: 'asset',
+          source: minify
+            ? JSON.stringify(manifest)
+            : JSON.stringify(manifest, null, 2),
+          fileName: normalize(output),
+        });
+      } catch (e) {
+        logger.warn(`\nUnable to write manifest file in ${output}, ${e}`);
+      }
+    },
+  };
+}
+
+function _generateManifestContents(bundle) {
+  const baseManifest = {
+    package: _loadPackageFile(),
+  };
+
+  // The keys to bundle are the filename without any path information
+  const bundles = Object.keys(bundle);
+
+  if (bundles.length === 1) {
+    return {
+      ..._generateManifestEntry(bundle[bundles[0]]),
+      ...baseManifest,
+    };
+  }
+
+  const manifest = bundles.reduce((acc, current) => {
+    return {
+      ...acc,
+      [current]: _generateManifestEntry(bundle[current], false),
+    };
+  }, {});
+
+  return {
+    ...manifest,
+    ...baseManifest,
+  };
+}
+
+function _generateManifestEntry(subBundle) {
+  const { facadeModuleId, moduleIds, modules } = subBundle;
+  return {
+    entry: _stripPathPriorToExtDir(facadeModuleId),
+    modules: _buildModulesInfo(moduleIds, modules),
+  };
+}
+
+function _loadJsonFileSafely(filename) {
+  try {
+    return JSON.parse(readFileSync(filename).toString());
+  } catch (e) {
+    return undefined;
+  }
+}
+
+function _loadPackageFile() {
+  // Look for package-lock.json then fallback to package.json
+  return (
+    _loadJsonFileSafely(PACKAGE_LOCK_FILE) || _loadJsonFileSafely(PACKAGE_FILE)
+  );
+}
+
+function _stripPathPriorToExtDir(filepath) {
+  return filepath.split(EXTENSIONS_PATH).pop();
+}
+
+function _buildModulesInfo(moduleIds, modules) {
+  return moduleIds.reduce(
+    (acc, mod) => {
+      const { renderedExports } = modules[mod];
+
+      const moduleData = {
+        module: _stripPathPriorToExtDir(mod),
+        renderedExports,
+      };
+
+      if (moduleData.module.includes('node_modules')) {
+        acc.external.push(moduleData);
+      } else {
+        acc.internal.push(moduleData);
+      }
+      return acc;
+    },
+    { internal: [], external: [] }
+  );
+}
+
+module.exports = plugin;

package/remoteBuild.js

@@ -1,30 +0,0 @@
-#!/usr/bin/env node
-const { OUTPUT_DIR } = require('./constants');
-const { getUrlSafeFileName } = require('./utils');
-const { buildSingleExtension } = require('./build');
-const path = require('path');
-const manifestPlugin = require('./plugins/manifestPlugin');
-
-const entryPoint = process.argv[process.argv.length - 1];
-
-const allowedExtensions = ['.js', '.ts', '.tsx', '.jsx'];
-
-const fileInfo = path.parse(entryPoint);
-
-if (!allowedExtensions.includes(fileInfo.ext)) {
-  throw new Error(
-    `The last argument should be the filename you wish to build.  Supported file extensions are [${allowedExtensions.join(
-      ', '
-    )}]`
-  );
-}
-
-buildSingleExtension({
-  file: entryPoint,
-  outputFileName: getUrlSafeFileName(entryPoint),
-  outputDir: OUTPUT_DIR,
-  plugins: {
-    rollup: [manifestPlugin({ minify: true })],
-  },
-  minify: true,
-});