update http templates to use esbuild

Signed-off-by: Karthik Ganeshram <[email protected]>

Author: karthik2804

templates/http-js/content/build.mjs

@@ -0,0 +1,43 @@
+// build.mjs
+import { build } from 'esbuild';
+import path from 'path';
+import { SpinEsbuildPlugin } from "@spinframework/build-tools/plugins/esbuild/index.js";
+import fs from 'fs';
+
+const spinPlugin = await SpinEsbuildPlugin();
+
+// plugin to handle vendor files in node_modules that may not be bundled.
+// Instead of generating a real source map for these files, it appends a minimal
+// inline source map pointing to an empty source. This avoids errors and ensures
+// source maps exist even for unbundled vendor code.
+let SourceMapPlugin = {
+    name: 'excludeVendorFromSourceMap',
+    setup(build) {
+        build.onLoad({ filter: /node_modules/ }, args => {
+            return {
+                contents: fs.readFileSync(args.path, 'utf8')
+                    + '\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIiJdLCJtYXBwaW5ncyI6IkEifQ==',
+                loader: 'default',
+            }
+        })
+    },
+}
+
+await build({
+    entryPoints: ['./src/index.ts'],
+    outfile: './build/bundle.js',
+    bundle: true,
+    format: 'esm',
+    platform: 'node',
+    sourcemap: true,
+    minify: false,
+    plugins: [spinPlugin, SourceMapPlugin],
+    logLevel: 'error',
+    loader: {
+        '.ts': 'ts',
+        '.tsx': 'tsx',
+    },
+    resolveExtensions: ['.ts', '.tsx', '.js'],
+    // This prevents sourcemaps from traversing into node_modules
+    sourceRoot: path.resolve(process.cwd(), 'src'),
+});

templates/http-js/content/package.json

@@ -4,16 +4,15 @@
   "description": "{{project-description}}",
   "main": "index.js",
   "scripts": {
-    "build": "npx webpack && mkdirp dist && j2w -i build/bundle.js -o dist/{{ project-name | kebab_case }}.wasm",
+    "build": "node build.mjs && mkdirp dist && j2w -i build/bundle.js -o dist/{{ project-name | kebab_case }}.wasm",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
     "mkdirp": "^3.0.1",
-    "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0"
+    "esbuild": "^0.25.8"
   },
   "dependencies": {
     {%- case http-router -%}

templates/http-js/content/webpack.config.js

@@ -0,0 +1,43 @@
+// build.mjs
+import { build } from 'esbuild';
+import path from 'path';
+import { SpinEsbuildPlugin } from "@spinframework/build-tools/plugins/esbuild/index.js";
+import fs from 'fs';
+
+const spinPlugin = await SpinEsbuildPlugin();
+
+// plugin to handle vendor files in node_modules that may not be bundled.
+// Instead of generating a real source map for these files, it appends a minimal
+// inline source map pointing to an empty source. This avoids errors and ensures
+// source maps exist even for unbundled vendor code.
+let SourceMapPlugin = {
+    name: 'excludeVendorFromSourceMap',
+    setup(build) {
+        build.onLoad({ filter: /node_modules/ }, args => {
+            return {
+                contents: fs.readFileSync(args.path, 'utf8')
+                    + '\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIiJdLCJtYXBwaW5ncyI6IkEifQ==',
+                loader: 'default',
+            }
+        })
+    },
+}
+
+await build({
+    entryPoints: ['./src/index.ts'],
+    outfile: './build/bundle.js',
+    bundle: true,
+    format: 'esm',
+    platform: 'node',
+    sourcemap: true,
+    minify: false,
+    plugins: [spinPlugin, SourceMapPlugin],
+    logLevel: 'error',
+    loader: {
+        '.ts': 'ts',
+        '.tsx': 'tsx',
+    },
+    resolveExtensions: ['.ts', '.tsx', '.js'],
+    // This prevents sourcemaps from traversing into node_modules
+    sourceRoot: path.resolve(process.cwd(), 'src'),
+});

templates/http-ts/content/build.mjs

@@ -4,7 +4,7 @@
   "description": "{{project-description}}",
   "main": "index.js",
   "scripts": {
-    "build": "npx webpack && mkdirp dist && j2w -i build/bundle.js -o dist/{{ project-name | kebab_case }}.wasm",
+    "build": "node build.mjs && mkdirp dist && j2w -i build/bundle.js -o dist/{{ project-name | kebab_case }}.wasm",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],
@@ -14,8 +14,7 @@
     "mkdirp": "^3.0.1",
     "ts-loader": "^9.4.1",
     "typescript": "^4.8.4",
-    "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0"
+    "esbuild": "^0.25.8"
   },
   "dependencies": {
     {%- case http-router -%}

templates/http-ts/content/package.json

@@ -7,7 +7,7 @@
   "keywords": [],
   "license": "Apache-2.0",
   "scripts": {
-    "build": "node build.mjs && mkdirp dist && j2w -i build/bundle.js -o dist/test-app.wasm",
+    "build": "node build.mjs && mkdirp dist && j2w -d -i build/bundle.js -o dist/test-app.wasm",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "devDependencies": {

templates/http-ts/content/webpack.config.js

@@ -13,7 +13,7 @@ component = "test-app"
 [component.test-app]
 source = "dist/test-app.wasm"
 exclude_files = ["**/node_modules"]
-allowed_outbound_hosts = ["http://localhost:3000"]
+allowed_outbound_hosts = ["http://localhost:3000", "tcp://127.0.0.1:*"]
 key_value_stores = ["default"]
 [component.test-app.build]
 command = ["npm install", "npm run build"]

test/test-app/package.json

@@ -5,7 +5,9 @@ const decoder = new TextDecoder()
 const streamingChunks = ["chunk1", "chunk2", "chunk3", "chunk4", "chunk5"]
 
 function health(req: Request) {
-    return new Response("Healthy", { status: 200 })
+    let a = 5;
+    console.log(a)
+    return new Response("Healthy" + a, { status: 200 })
 }
 
 function stream(req: Request) {