add bundler testbed

Author: kuhe

.gitignore

@@ -40,6 +40,8 @@ smithy-typescript-codegen-test/bin/
 smithy-typescript-ssdk-codegen-test-utils/bin/
 smithy-typescript-codegen-test/example-weather-customizations/bin/
 
+testbed/bundlers/dist
+testbed/bundlers/dist-min
 **/node_modules/
 **/*.tsbuildinfo
 **/*.d.ts

Makefile

@@ -31,6 +31,9 @@ test-unit:
 test-browser:
 	yarn g:vitest run -c vitest.config.browser.mts
 
+test-bundlers:
+	(cd ./testbed/bundlers && make build test)
+
 # typecheck for test code.
 test-types:
 	npx tsc -p tsconfig.test.json

package.json

@@ -41,7 +41,7 @@
     "@types/jsdom": "20.0.1",
     "@typescript-eslint/eslint-plugin": "8.32.0",
     "@typescript-eslint/parser": "8.32.0",
-    "esbuild": "0.19.11",
+    "esbuild": "^0.25.9",
     "eslint": "8.57.0",
     "eslint-plugin-simple-import-sort": "7.0.0",
     "eslint-plugin-tsdoc": "0.2.17",
@@ -54,8 +54,10 @@
     "ts-jest": "29.1.2",
     "turbo": "2.3.3",
     "typescript": "~5.8.3",
+    "vite": "^7.1.4",
     "vitest": "^3.2.4",
-    "webpack": "5.91.0"
+    "webpack": "^5.101.3",
+    "webpack-cli": "^6.0.1"
   },
   "overrides": {},
   "workspaces": [

testbed/bundlers/Makefile

@@ -0,0 +1,24 @@
+.PHONY: test build vite webpack
+
+# asserts that bundles contain expected content.
+test:
+	node bundlers.spec.mjs
+	du -sh ./dist-min/*
+
+# create bundles
+build:
+	rm -rf ./dist/*
+	rm -rf ./dist-min/*
+	make vite webpack
+
+# note: vite deletes files in the build folders and must run first.
+vite:
+	npx vite build --config vite.config.ts
+	npx vite build --config vite.min.config.ts
+
+webpack:
+	npx webpack
+	npx webpack -c webpack.min.config.js
+
+esbuild:
+	exit 1

testbed/bundlers/bundlers.spec.mjs

@@ -0,0 +1,31 @@
+import assert from "node:assert";
+
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const webpackDist = {
+  name: "webpack",
+  content: fs.readFileSync(path.join(__dirname, "dist", "webpack-dist.js"), "utf-8"),
+};
+const viteDist = {
+  name: "vite",
+  content: fs.readFileSync(path.join(__dirname, "dist", "vite-dist.js"), "utf-8"),
+};
+
+for (const { content: fileContents, name } of [webpackDist, viteDist]) {
+  console.log("================", name, "================");
+
+  const contentSize = fileContents.replaceAll(/\s+/g, "").length;
+  const callsToClassBuilder = fileContents.match(/\.classBuilder\(\)/g) || [];
+
+  const serializers = fileContents.match(/(var|const) se_/g) || [];
+  const operationSchemas = fileContents.match(/ op\(/g) || [];
+  const structSchemas = fileContents.match(/ struct\(/g) || [];
+
+  console.log("serializers", serializers.length);
+  console.log("operationSchemas", operationSchemas.length);
+  console.log("structSchemas", structSchemas.length);
+}

testbed/bundlers/esbuild.mjs

@@ -0,0 +1,19 @@
+import esbuild from "esbuild";
+
+const buildOptions = {
+  platform: "browser",
+  target: ["es2020"],
+  bundle: true,
+  format: "esm",
+  mainFields: ["module", "browser", "main"],
+  allowOverwrite: true,
+  entryPoints: ["./source.ts"],
+  supported: {
+    "dynamic-import": true,
+  },
+  outfile: "./dist/esbuild-dist.js",
+  keepNames: true,
+  external: [],
+};
+
+await esbuild.build(buildOptions);

testbed/bundlers/package.json

@@ -0,0 +1,4 @@
+{
+  "dependencies": {},
+  "type": "module"
+}

testbed/bundlers/source.ts

@@ -0,0 +1 @@
+export { SmithyRpcV2CborProtocol } from "@smithy/core/cbor";

testbed/bundlers/vite.config.ts

@@ -0,0 +1,30 @@
+import { defineConfig } from "vite";
+import * as path from "node:path";
+
+export default defineConfig({
+  build: {
+    outDir: "./dist",
+    lib: {
+      entry: path.join(__dirname, "source.ts"),
+      name: "dist",
+      // the proper extensions will be added
+      fileName: "vite-dist",
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: [],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {},
+        // to get an easier aggregate accounting of bundle contents
+        inlineDynamicImports: true,
+      },
+    },
+    minify: false,
+    terserOptions: {
+      mangle: false,
+    },
+  },
+});

testbed/bundlers/vite.min.config.ts

@@ -0,0 +1,30 @@
+import { defineConfig } from "vite";
+import * as path from "node:path";
+
+export default defineConfig({
+  build: {
+    outDir: "./dist-min",
+    lib: {
+      entry: path.join(__dirname, "source.ts"),
+      name: "dist-min",
+      // the proper extensions will be added
+      fileName: "vite-dist.min",
+    },
+    rollupOptions: {
+      // make sure to externalize deps that shouldn't be bundled
+      // into your library
+      external: [],
+      output: {
+        // Provide global variables to use in the UMD build
+        // for externalized deps
+        globals: {},
+        // to get an easier aggregate accounting of bundle contents
+        inlineDynamicImports: true,
+      },
+    },
+    minify: true,
+    terserOptions: {
+      mangle: true,
+    },
+  },
+});