edge-functions 4.2.1-stage.2 → 4.2.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+### [4.2.1](https://github.com/aziontech/bundler/compare/v4.2.0...v4.2.1) (2024-10-28)
+
+
+### Bug Fixes
+
+* incorrect file extension in build command ([#404](https://github.com/aziontech/bundler/issues/404)) ([70bfb14](https://github.com/aziontech/bundler/commit/70bfb1464b898ed65054e8345b9b01f680c60901))
+* removing the need to pass the preset flag when js ([#402](https://github.com/aziontech/bundler/issues/402)) ([3f3074c](https://github.com/aziontech/bundler/commit/3f3074cee0255c75daa5420356e2cb10c97725e7))
+* use dedicated worker for dev env ([#403](https://github.com/aziontech/bundler/issues/403)) ([96aa489](https://github.com/aziontech/bundler/commit/96aa4899c15012906f6b9d023a4661062240d3cd))
+
+### [4.2.1-stage.3](https://github.com/aziontech/bundler/compare/v4.2.1-stage.2...v4.2.1-stage.3) (2024-10-23)
+
+
+### Bug Fixes
+
+* use dedicated worker for dev env ([#403](https://github.com/aziontech/bundler/issues/403)) ([96aa489](https://github.com/aziontech/bundler/commit/96aa4899c15012906f6b9d023a4661062240d3cd))
+
 ### [4.2.1-stage.2](https://github.com/aziontech/bundler/compare/v4.2.1-stage.1...v4.2.1-stage.2) (2024-10-23)
 
 

package/README.md

@@ -11,6 +11,7 @@ E2E tests run daily in the [Vulcan Examples](https://github.com/aziontech/vulcan
 Table:
 | Test                                 | Status |
 | ------------------------------------ | ------ |
+| Next 14 2 15 Middleware              | ✅      |
 | Next 13 5 6 I18n                     | ✅      |
 | Next 12 3 4 I18n                     | ✅      |
 | Hexo Static                          | ✅      |
@@ -22,7 +23,7 @@ Table:
 | Next Static                          | ✅      |
 | Gatsby Static                        | ✅      |
 | Next Node Pages 12 3 1 Fs            | ✅      |
-| Vue Vite Static                      | ✅      |
+| Vue Vite Static                      | ⚠️     |
 | Next 12 Static                       | ✅      |
 | Astro Static                         | ✅      |
 | Simple Js Env Vars                   | ✅      |
@@ -32,6 +33,7 @@ Table:
 | Simple Js Network List               | ✅      |
 | Svelte Static                        | ✅      |
 | Vitepress Static                     | ✅      |
+| Nuxt Static                          | ✅      |
 | Docusaurus Static                    | ✅      |
 | Simple Js Firewall Event             | ✅      |
 | Simple Js Network List With Firewall | ✅      |
@@ -41,7 +43,8 @@ Table:
 | Simple Ts Esm                        | ✅      |
 | Simple Js Esm                        | ✅      |
 
-Last test run date: 10/18/24 03:36:23 AM
+Last test run date: 10/28/24 03:41:17 AM
+
 ## Quick Installation
 
 For those who just want to use Azion Bundler in their project without contributing to the development, you can install it directly from npm.

package/lib/build/bundlers/esbuild/esbuild.config.js

@@ -7,9 +7,41 @@ const outputPath = isWindows
   ? fileURLToPath(new URL(`file:///${join(projectRoot, '.edge')}`))
   : join(projectRoot, '.edge');
 
+const isDev = !globalThis.vulcan?.buildProd;
+
+const azionCliBanner = `
+/**
+ * Built with Azion CLI
+ * For more information, visit: https://www.azion.com/en/documentation/products/cli/
+ */
+`;
+
+const devBannerComment = `
+/**
+ * WARNING: DEVELOPMENT BUILD
+ * 
+ * This file is a development build and contains additional injected code
+ * to facilitate the development and debugging process.
+ * 
+ * IMPORTANT NOTICES:
+ * - DO NOT use this build in a production environment.
+ * - The injected code may cause unexpected behaviors in production.
+ * - Performance of this build is not optimized for production use.
+ * - This build may include sensitive debugging information.
+ * 
+ * To generate an optimized and secure production build use 'azion build'.
+ * 
+ * If you are seeing this message in a production environment, stop immediately
+ * and replace this file with a proper production build.
+ * 
+ * For any issues or questions, please refer to the documentation or contact
+ * the development team.
+ */
+`;
+
 export default {
   bundle: true,
-  minify: true,
+  minify: !isDev,
   target: 'es2022',
   format: 'esm',
   platform: 'browser',
@@ -17,5 +49,8 @@ export default {
   loader: {
     '.js': 'jsx',
   },
-  outfile: join(outputPath, 'worker.js'),
+  outfile: join(outputPath, isDev ? 'worker.dev.js' : 'worker.js'),
+  banner: {
+    js: isDev ? azionCliBanner + devBannerComment : azionCliBanner,
+  },
 };

package/lib/build/bundlers/webpack/webpack.config.js

@@ -4,6 +4,8 @@ import { fileURLToPath } from 'url';
 import { createRequire } from 'module';
 import fs from 'fs';
 
+const isDev = !globalThis.vulcan?.buildProd;
+
 const require = createRequire(import.meta.url);
 
 const projectRoot = process.cwd();
@@ -50,13 +52,43 @@ const defineLoaderTypescriptRules = () => {
   return { module: {} };
 };
 
+const azionCliBanner = `
+/**
+ * Built with Azion CLI
+ * For more information, visit: https://www.azion.com/en/documentation/products/cli/
+ */
+`;
+
+const devBannerComment = `
+/**
+ * WARNING: DEVELOPMENT BUILD
+ * 
+ * This file is a development build and contains additional injected code
+ * to facilitate the development and debugging process.
+ * 
+ * IMPORTANT NOTICES:
+ * - DO NOT use this build in a production environment.
+ * - The injected code may cause unexpected behaviors in production.
+ * - Performance of this build is not optimized for production use.
+ * - This build may include sensitive debugging information.
+ * 
+ * To generate an optimized and secure production build use 'azion build'.
+ * 
+ * If you are seeing this message in a production environment, stop immediately
+ * and replace this file with a proper production build.
+ * 
+ * For any issues or questions, please refer to the documentation or contact
+ * the development team.
+ */
+`;
+
 export default {
   experiments: {
     outputModule: true,
   },
   output: {
     path: outputPath,
-    filename: 'worker.js',
+    filename: isDev ? 'worker.dev.js' : 'worker.js',
     globalObject: 'globalThis',
   },
   resolve: {
@@ -72,5 +104,22 @@ export default {
     new webpack.optimize.LimitChunkCountPlugin({
       maxChunks: 1,
     }),
+    new webpack.BannerPlugin({
+      banner: azionCliBanner,
+      raw: true,
+      entryOnly: true,
+    }),
+    ...(isDev
+      ? [
+          new webpack.BannerPlugin({
+            banner: devBannerComment,
+            raw: true,
+            entryOnly: true,
+          }),
+        ]
+      : []),
   ],
+  optimization: {
+    minimize: !isDev,
+  },
 };

package/lib/build/dispatcher/dispatcher.js

@@ -304,6 +304,9 @@ class Dispatcher {
     const tempBuilderEntryPath = join(currentDir, tempEntryFile);
 
     buildConfig.entry = tempBuilderEntryPath;
+    buildConfig.output = globalThis.vulcan?.buildProd
+      ? '.edge/worker.js'
+      : '.edge/worker.dev.js';
 
     return buildConfig;
   }
@@ -520,14 +523,19 @@ class Dispatcher {
 
         // fs temp solution for hybrid implementation (polyfill + runtime)
         if (this.polyfills) {
-          const outPath = '.edge/worker.js';
-          const content = readFileSync(outPath, 'utf-8');
+          const edgeDir = join(process.cwd(), '.edge');
+          const outPath = globalThis.vulcan.buildProd
+            ? 'worker.js'
+            : 'worker.dev.js';
+          const workerPath = join(edgeDir, outPath);
+
+          const content = readFileSync(workerPath, 'utf-8');
           let codeToAdd = '';
           if (globalThis.vulcan.buildProd) {
             codeToAdd = 'import SRC_NODE_FS from "node:fs";\n';
           }
           const newContent = `${codeToAdd}${content}`;
-          writeFileSync(outPath, newContent);
+          writeFileSync(workerPath, newContent);
         }
       }
       // manifest

package/lib/commands/dev.commands.js

@@ -22,7 +22,16 @@ import { Commands } from '#namespaces';
 async function devCommand(entry, { firewall, port }) {
   const parsedPort = parseInt(port, 10);
   const { server } = await import('#env');
-  const entryPoint = entry || join(process.cwd(), '.edge/worker.js');
+
+  const edgeDir = join(process.cwd(), '.edge');
+  const devWorkerPath = join(edgeDir, 'worker.dev.js');
+
+  let entryPoint = entry;
+
+  if (!entryPoint) {
+    entryPoint = devWorkerPath;
+  }
+
   server(entryPoint, firewall, parsedPort);
 }
 

package/lib/env/server.env.js

@@ -131,7 +131,8 @@ async function manageServer(workerPath, port, isFirewall) {
       }
     }
   } catch (error) {
-    debug.error(error);
+    feedback.server.error(error);
+    console.log(error);
     process.exit(1);
   } finally {
     isChangeHandlerRunning = false;
@@ -184,7 +185,7 @@ async function startServer(workerPath, isFirewall, port) {
     );
     process.exit(1);
   }
-  await manageServer(workerPath, port, isFirewall); // Initialize the server for the first time
+  await manageServer(workerPath, port, isFirewall);
 
   const watcher = chokidar.watch('./', {
     persistent: true,

package/lib/main.js

@@ -199,7 +199,10 @@ function startVulcanProgram() {
   program
     .command('dev')
     .description('Start local environment')
-    .arguments('[entry]')
+    .argument(
+      '[entry]',
+      'Specify the entry file (default: .edge/worker.dev.js)',
+    )
     .option('-p, --port <port>', 'Specify the port', '3333')
     .option(
       '--firewall',
@@ -207,8 +210,10 @@ function startVulcanProgram() {
       false,
     )
     .action(async (entry, options) => {
+      globalThis.vulcan.buildProd = false;
       const { devCommand } = await import('#commands');
-      await devCommand(entry, options);
+      const convertedOptions = convertOptions(options);
+      await devCommand(entry, convertedOptions);
     });
 
   program

package/lib/presets/next/postbuild.js

@@ -15,7 +15,7 @@ async function postbuild(buildConfig) {
     // TODO: This hack is not good. We should replace this with something less brittle ASAP
     // https://github.com/vercel/next.js/blob/2e7dfca362931be99e34eccec36074ab4a46ffba/packages/next/src/server/web/adapter.ts#L276-L282
     {
-      file: '.edge/worker.js',
+      file: buildConfig.output,
       pattern:
         /Object\.defineProperty\(\s*globalThis\s*,\s*"__import_unsupported"[\s\S]*?,\s*configurable\s*:\s*[^}]*\}\)/gm,
       replacement: 'true',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edge-functions",
   "type": "module",
-  "version": "4.2.1-stage.2",
+  "version": "4.2.1",
   "description": "Tool to launch and build JavaScript/Frameworks. This tool automates polyfills for Edge Computing and assists in creating Workers, notably for the Azion platform.",
   "main": "lib/main.js",
   "bin": {