[PLAT-8122] React19, Stencil4, & other framework tooling upgrades

.gitignore

@@ -52,6 +52,7 @@ jspm_packages/
 
 # Yarn Integrity file
 .yarn-integrity
+.yarn/install-state.gz
 
 # dotenv environment variables file
 .env
@@ -84,4 +85,4 @@ generated/
 # Ignore TSDoc directory
 docs/
 
-.tool-versions
+.tool-versions

internal/build/jest.config.js

@@ -2,6 +2,10 @@ const jestConfig = require('@vertexvis/jest-config-vertexvis/jest.config');
 
 module.exports = {
   ...jestConfig,
+  setupFilesAfterEnv: [
+    ...(jestConfig.setupFilesAfterEnv || []),
+    '<rootDir>/../../jest.setup.console.js',
+  ],
   coverageThreshold: {
     global: {
       branches: 90,

internal/build/package.json

@@ -25,26 +25,30 @@
   "scripts": {
     "clean": "rm -fr ./dist && mkdir ./dist",
     "prebuild": "yarn clean",
-    "build": "rollup --config ./rollup.config.js",
+    "build": "rollup --config ./rollup.config.js && tsc --project tsconfig.json --emitDeclarationOnly --declaration --outDir dist",
     "format": "yarn lint --fix",
     "lint": "eslint --ext .ts,.tsx,.js,.jsx --ignore-path ../../.gitignore .",
     "start": "jest --watch",
-    "test": "jest",
+    "test": "jest --runInBand",
     "test:coverage": "yarn test --coverage"
   },
   "dependencies": {
+    "@rollup/plugin-commonjs": "^21.1.0",
+    "@rollup/plugin-node-resolve": "^13.3.0",
     "@vertexvis/build-tools": "^0.10.2",
     "@vertexvis/typescript-config-vertexvis": "1.1.0",
-    "tslib": "^2.1.0"
+    "rollup-plugin-terser": "^7.0.2",
+    "tslib": "^2.4.0",
+    "typescript": "^5.2.0"
   },
   "devDependencies": {
-    "@types/jest": "^27.5.1",
+    "@types/jest": "^29.5.14",
     "@vertexvis/eslint-config-vertexvis-typescript": "^0.5.0",
     "@vertexvis/jest-config-vertexvis": "^0.5.4",
     "eslint": "^8.57.1",
-    "jest": "^27.5.1",
+    "jest": "^29.5.14",
     "rollup": "^2.80.0",
-    "ts-jest": "^27.1.4"
+    "ts-jest": "^29.4.9"
   },
   "peerDependencies": {
     "rollup": "^2"

internal/build/rollup.config.js

@@ -1,7 +1,113 @@
-import { config, input, output, typescript } from '@vertexvis/build-tools';
+import commonjs from '@rollup/plugin-commonjs';
+import { nodeResolve } from '@rollup/plugin-node-resolve';
+import fs from 'fs';
+import { builtinModules } from 'module';
+// TODO: update some TS stuff in build-tools so we can use that again here.
+// import { config, input, output, typescript } from '@vertexvis/build-tools';
+import path from 'path';
+import ts from 'typescript';
 
-export default config(
-  input('src/index.ts'),
-  typescript(),
-  output({ enableInlineDynamicImports: true })
+function loadTsConfig(tsconfigPath) {
+  const configFile = ts.readConfigFile(tsconfigPath, ts.sys.readFile);
+  if (configFile.error != null) {
+    throw new Error(
+      ts.formatDiagnosticsWithColorAndContext([configFile.error], {
+        getCanonicalFileName: (fileName) => fileName,
+        getCurrentDirectory: () => process.cwd(),
+        getNewLine: () => '\n',
+      })
+    );
+  }
+
+  return ts.parseJsonConfigFileContent(
+    configFile.config,
+    ts.sys,
+    path.dirname(tsconfigPath),
+    undefined,
+    tsconfigPath
+  );
+}
+
+function createTypeScriptPlugin() {
+  const parsedConfig = loadTsConfig(
+    path.resolve(process.cwd(), 'tsconfig.json')
+  );
+  const transpileOptions = {
+    ...parsedConfig.options,
+    declaration: false,
+    declarationMap: false,
+    module: ts.ModuleKind.ESNext,
+    noEmit: false,
+  };
+
+  return {
+    name: 'vertex-typescript',
+    transform(source, id) {
+      if (!/\.(ts|tsx)$/.test(id) || id.endsWith('.d.ts')) {
+        return null;
+      }
+
+      const transpiled = ts.transpileModule(source, {
+        compilerOptions: transpileOptions,
+        fileName: id,
+        reportDiagnostics: true,
+      });
+
+      const errors = (transpiled.diagnostics ?? []).filter(
+        (diagnostic) => diagnostic.category === ts.DiagnosticCategory.Error
+      );
+      if (errors.length > 0) {
+        this.error(
+          ts.formatDiagnosticsWithColorAndContext(errors, {
+            getCanonicalFileName: (fileName) => fileName,
+            getCurrentDirectory: () => process.cwd(),
+            getNewLine: () => '\n',
+          })
+        );
+      }
+
+      return {
+        code: transpiled.outputText,
+        map:
+          transpiled.sourceMapText != null
+            ? JSON.parse(transpiled.sourceMapText)
+            : null,
+      };
+    },
+  };
+}
+
+const packageJson = JSON.parse(
+  fs.readFileSync(new URL('./package.json', import.meta.url), 'utf8')
 );
+const builtins = builtinModules.flatMap((module) => [module, `node:${module}`]);
+
+export default {
+  external: [
+    ...builtins,
+    ...Object.keys(packageJson.dependencies ?? {}),
+    ...Object.keys(packageJson.peerDependencies ?? {}),
+  ],
+  input: 'src/index.ts',
+  output: [
+    {
+      file: 'dist/bundle.cjs.js',
+      format: 'cjs',
+      sourcemap: true,
+      inlineDynamicImports: true,
+    },
+    {
+      file: 'dist/bundle.esm.js',
+      format: 'esm',
+      sourcemap: true,
+      inlineDynamicImports: true,
+    },
+  ],
+  plugins: [
+    nodeResolve({
+      extensions: ['.mjs', '.js', '.json', '.node', '.ts', '.tsx'],
+    }),
+    commonjs(),
+    createTypeScriptPlugin(),
+  ],
+};