edge-functions 2.2.0-stage.3 → 2.2.0

package/CHANGELOG.md

@@ -1,3 +1,36 @@
+## [2.2.0](https://github.com/aziontech/vulcan/compare/v2.1.0...v2.2.0) (2023-12-14)
+
+
+### Features
+
+* add routes priority validation in manifest ([662338c](https://github.com/aziontech/vulcan/commit/662338c2f567b6fbd3ae9aa7434170b2dbe86ce8))
+* esbuild bundler improvements and changes ([5e668c4](https://github.com/aziontech/vulcan/commit/5e668c4c8c725de37102b776708a5641980842f4))
+* generate manifest for presets (deliver or compute) ([83ab369](https://github.com/aziontech/vulcan/commit/83ab36941e1f0d38a932f97ef0b6507abc813090))
+* generateManifest for next.js (compute) ([ea97252](https://github.com/aziontech/vulcan/commit/ea97252caf2ee3ceff51635c5136aa3df02cbb0e))
+* generateManifest for next.js (compute) ([38f69a5](https://github.com/aziontech/vulcan/commit/38f69a58b746d8e11b838fda82c661ad12f04253))
+* improvements bundlers ([d546697](https://github.com/aziontech/vulcan/commit/d546697154b61124b947fff347b494dc474b7c36))
+* initial code for organizing polyfill plugins ([2212272](https://github.com/aziontech/vulcan/commit/22122729bbdf0155357142c7fcbebd612d0509e3))
+* preset for emscripten ([8ada412](https://github.com/aziontech/vulcan/commit/8ada4128b2637bcb694c5bc120dc8bc92757b701))
+
+
+### Bug Fixes
+
+* app routes filter in next static build ([bb9cbd3](https://github.com/aziontech/vulcan/commit/bb9cbd3f0789ad6b0ba0fccb549223f4e5647a7b))
+* esbuild plugin initial options ([8c84baa](https://github.com/aziontech/vulcan/commit/8c84baa117ed84a67202284d34abb05857083ec2))
+* generate manifest in wasm presets ([38e996f](https://github.com/aziontech/vulcan/commit/38e996fa07cb9769482e318741671acf4500c5bf))
+* handle error when not using app dir format in next static build ([edae5c1](https://github.com/aziontech/vulcan/commit/edae5c1a13f25efaf61922d602ccfc8b71531b50))
+* loop in fs polyfill when readdirSync and path / ([4c1e2d0](https://github.com/aziontech/vulcan/commit/4c1e2d0195eaf04bf86ce4995ac41c9e2de5c596))
+* loop in fs polyfill when readdirSync and path / ([#197](https://github.com/aziontech/vulcan/issues/197)) ([bd56c75](https://github.com/aziontech/vulcan/commit/bd56c75d8e48dd8af7792710aa51f68d7f737521))
+* prevent reference sharing in config ([98b8caa](https://github.com/aziontech/vulcan/commit/98b8caa526e554401aeec2afed2dd126b29994f0))
+* set correct prebuild to app dir cases in next static ([d43c2d5](https://github.com/aziontech/vulcan/commit/d43c2d561fee9d6b68818fd6cbf66ceb685ab2bc))
+
+## [2.2.0-stage.4](https://github.com/aziontech/vulcan/compare/v2.2.0-stage.3...v2.2.0-stage.4) (2023-12-13)
+
+
+### Bug Fixes
+
+* app routes filter in next static build ([bb9cbd3](https://github.com/aziontech/vulcan/commit/bb9cbd3f0789ad6b0ba0fccb549223f4e5647a7b))
+
 ## [2.2.0-stage.3](https://github.com/aziontech/vulcan/compare/v2.2.0-stage.2...v2.2.0-stage.3) (2023-12-13)
 
 

package/README.md

@@ -149,7 +149,7 @@ Allows you to extend the capabilities of the chosen bundler (either `webpack` or
 
 ### Example Configuration
 
-For a Vue-based project:
+For a Next/Faststore-based project:
 
 ```javascript
 module.exports = {
@@ -158,7 +158,7 @@ module.exports = {
   useNodePolyfills: true,
   useOwnWorker: false,
   preset: {
-    name: 'vue',
+    name: 'next',
     mode: 'compute',
   },
   memoryFS: {
@@ -173,17 +173,19 @@ module.exports = {
 
 **Note:** Adapting `vulcan.config.js` to your setup allows a personalized development experience, catering to the specific needs of your JavaScript applications and frameworks.
 
-## Wasm Notes
-
-To use wasm presets you need to install the necessary tools to build your code:
-
-- emscripten: [download](https://emscripten.org/docs/getting_started/downloads.html);
-- rustwasm: [wasm-bindgen-cli](https://crates.io/crates/wasm-bindgen-cli)
-
 ## Docs
 
 - [Overview](docs/overview.md)
 - [Presets](docs/presets.md)
+- [Rust/Wasm example](examples/rust-wasm-yew-ssr/)
+- [Emscripten/Wasm example](examples/emscripten-wasm/)
+
+## Wasm Notes
+
+To use wasm presets you need to install the necessary tools to build your code:
+
+- Emscripten: [emsdk](https://emscripten.org/docs/getting_started/downloads.html);
+- Rust/Wasm: [wasm-bindgen-cli](https://crates.io/crates/wasm-bindgen-cli)
 
 ## Contributing
 

package/docs/presets.md

@@ -59,37 +59,47 @@ https://github.com/aziontech/vulcan/assets/12740219/abb1b2cc-5f74-473d-b731-c0b7
 
 - **Deliver**: This mode should be used when you intend to use the worker only for routing requests and delivering static files that will be computed on the client side.
 
-2.  ## **Create the following files in your preset's folder:**
+## 2. **Create the following files in your preset's folder:**
 
-    ## handler.js
+## handler.js
 
-    This file contains the code that is executed within the worker in the edge function. Essentially, it is the code that runs directly on the edge. In the context of the `deliver` mode, this may simply act as a router. However, in cases where computation is needed, it can be designed to perform more complex tasks. Remember, the capabilities of your handler.js are dependent on your use case and the mode of operation you've chosen for your preset.
+This file contains the code that is executed within the worker in the edge function. Essentially, it is the code that runs directly on the edge. In the context of the `deliver` mode, this may simply act as a router. However, in cases where computation is needed, it can be designed to perform more complex tasks. Remember, the capabilities of your handler.js are dependent on your use case and the mode of operation you've chosen for your preset.
 
-    #### For the cases involving static (deliver) frameworks, here's what you can do:
+#### For the cases involving static (deliver) frameworks, here's what you can do:
 
-    - For Single Page Application (SPA) types:
-      Consider copying the preset handler similar to Vue. This utilizes the `mountSPA` hook which sets up the routing for your SPA effectively.
-    - For Static Site Generator (SSG) projects:
-      If you have a project that generates multiple HTML files, take a look at how the Next.js project handles this. They use the `mountSSG` hook, which sets up static routing for all the generated HTML pages.
+- For Single Page Application (SPA) types:
+  Consider copying the preset handler similar to Vue. This utilizes the `mountSPA` hook which sets up the routing for your SPA effectively.
+- For Static Site Generator (SSG) projects:
+  If you have a project that generates multiple HTML files, take a look at how the Next.js project handles this. They use the `mountSSG` hook, which sets up static routing for all the generated HTML pages.
 
-    **Note**: Remember, these are just examples and can serve as a starting point for your own custom preset. Adjust and extend them as necessary to fit your project's specific needs.
+  **Note**: Remember, these are just examples and can serve as a starting point for your own custom preset. Adjust and extend them as necessary to fit your project's specific needs.
 
-    ## config.js
+## config.js
 
-    This file serves as an extension to the edge build. It enables the inclusion of polyfills, plugins, or any other procedures that relate to the build process executed on the edge. Although it is editable, we strongly advise against making changes to this file unless absolutely necessary. It's designed to ensure optimal operation, and modifications should be undertaken with careful consideration.
+This file serves as an extension to the edge build. It enables the inclusion of polyfills, plugins, or any other procedures that relate to the build process executed on the edge. Although it is editable, we strongly advise against making changes to this file unless absolutely necessary. It's designed to ensure optimal operation, and modifications should be undertaken with careful consideration.
 
-    ## prebuild.js
+## prebuild.js
 
-    In this file, you should adapt the native build process of your framework or library. Usually, in the case of _deliver_ presets, this file will be used to ensure that the generated static artifacts are placed in the _.edge/storage/_ directory.
+In this file, you should adapt the native build process of your framework or library. Usually, in the case of _deliver_ presets, this file will be used to ensure that the generated static artifacts are placed in the _.edge/storage/_ directory.
 
-    #### React (deliver) Example:
+- `Manifest class` (singleton): you should use it to ensure that the preset is compatible with the Azion deployment system and other platforms:
 
-![prebuild](https://github.com/aziontech/vulcan/assets/12740219/85adc374-220b-4003-8c3e-6ec5b06a483f)
+  First you must set all the application's routes, if it is all static you just need to follow the other examples; point ‘/’ to the storage folder (where we store the statics). At the end you call the **Manifest.generate()** method and it should create the manifest.json file inside the build folder (.edge).
+
+  Each routing can have 1 type:
+
+  - _‘Deliver’_ means that you must deliver that static file (or entire folder) to that route.
+  - _‘Compute’_ means that it should become an Edge Function and be computed. In other words, when the request receives that path it must execute the determined function.
+
+  #### React (deliver) Example:
+
+![carbon](https://github.com/aziontech/vulcan/assets/12740219/58787d77-8a6d-41f4-83f9-398718203012)
 
 **Note**: The use of `compute` type presets is still under development and does not have many examples available. We currently support build/import resolution for pure JavaScript code (or with polyfills), as shown in the `./examples/simple-js-esm` example.
 
-3.  ## **Test your preset:**
-    After setting up your preset, you can test it using Vulcan's build command. Depending on the mode of your preset, run one of the following commands in your terminal:
+## 3. **Test your preset:**
+
+After setting up your preset, you can test it using Vulcan's build command. Depending on the mode of your preset, run one of the following commands in your terminal:
 
 https://github.com/aziontech/vulcan/assets/12740219/7033d37a-30ee-4098-8fe5-bbfca536591d
 

package/lib/constants/framework-initializer.constants.js

@@ -80,7 +80,7 @@ export default function myWorker(event: FetchEvent): Response {
   },
   Angular: async (projectName, version = FrameworksDefaultVersions.Angular) => {
     await exec(
-      `npx @angular/cli@${version} new ${projectName}`,
+      `npx --yes @angular/cli@${version} new ${projectName}`,
       'Angular',
       false,
       true,
@@ -88,18 +88,23 @@ export default function myWorker(event: FetchEvent): Response {
   },
   Astro: async (projectName, version = FrameworksDefaultVersions.Astro) => {
     await exec(
-      `npx create-astro@${version} ${projectName}`,
+      `npx --yes create-astro@${version} ${projectName}`,
       'Astro',
       false,
       true,
     );
   },
   Hexo: async (projectName, version = FrameworksDefaultVersions.Hexo) => {
-    await exec(`npx hexo@${version} init ${projectName}`, 'Hexo', false, true);
+    await exec(
+      `npx --yes hexo@${version} init ${projectName}`,
+      'Hexo',
+      false,
+      true,
+    );
   },
   Next: async (projectName, version = FrameworksDefaultVersions.Next) => {
     await exec(
-      `npx create-next-app@${version} ${projectName} && cd ${projectName} && npm i next@${version}`,
+      `npx --yes create-next-app@${version} ${projectName} && cd ${projectName} && npm i next@${version}`,
       'Next',
       false,
       true,
@@ -107,7 +112,7 @@ export default function myWorker(event: FetchEvent): Response {
   },
   React: async (projectName, version = FrameworksDefaultVersions.React) => {
     await exec(
-      `npx create-react-app@${version} ${projectName}`,
+      `npx --yes create-react-app@${version} ${projectName}`,
       'React',
       false,
       true,
@@ -115,7 +120,7 @@ export default function myWorker(event: FetchEvent): Response {
   },
   Vue: async (projectName, version = FrameworksDefaultVersions.Vue) => {
     await exec(
-      `npx @vue/cli@${version} create ${projectName}`,
+      `npx --yes @vue/cli@${version} create ${projectName}`,
       'Vue',
       false,
       true,
@@ -123,7 +128,7 @@ export default function myWorker(event: FetchEvent): Response {
   },
   Vite: async (projectName, version = FrameworksDefaultVersions.Vite) => {
     await exec(
-      `npx create-vue@${version} ${projectName}`,
+      `npx --yes create-vue@${version} ${projectName}`,
       'Vue/Vite',
       false,
       true,

package/lib/presets/custom/next/deliver/prebuild.js

@@ -120,11 +120,12 @@ async function fixAppDirRoutes() {
     return;
   }
 
-  const appPaths = Object.values(appPathRoutesManifest);
+  const appPagesPaths = Object.keys(appPathRoutesManifest)
+    .filter((pathKey) => pathKey.match(/page/))
+    .map((key) => appPathRoutesManifest[key]);
 
-  const pathsToCopy = appPaths.filter(
-    (path) =>
-      !dynamicRoutes.includes(path) && path !== '/' && path !== '/favicon.ico',
+  const pathsToCopy = appPagesPaths.filter(
+    (path) => !dynamicRoutes.includes(path) && path !== '/',
   );
 
   // fix _next calls in client (static routes in app dir format)

package/lib/utils/presets/presets.utils.test.js

@@ -14,9 +14,11 @@ describe('getPresetsList utils', () => {
       'typescript',
       'angular',
       'astro',
+      'emscripten',
       'hexo',
       'next',
       'react',
+      'rustwasm',
       'vue',
     ];
 
@@ -77,10 +79,12 @@ describe('getPresetsList utils', () => {
       'Typescript (Compute)',
       'Angular (Deliver)',
       'Astro (Deliver)',
+      'Emscripten (Compute)',
       'Hexo (Deliver)',
       'Next (Compute)',
       'Next (Deliver)',
       'React (Deliver)',
+      'Rustwasm (Compute)',
       'Vue (Deliver)',
     ];
     const beautifiedResults = presets.getBeautify();
@@ -94,9 +98,11 @@ describe('getPresetsList utils', () => {
       'typescript',
       'angular',
       'astro',
+      'emscripten',
       'hexo',
       'next',
       'react',
+      'rustwasm',
       'vue',
     ];
     const expectedOutput = [
@@ -105,9 +111,11 @@ describe('getPresetsList utils', () => {
       ['Compute'],
       ['Deliver'],
       ['Deliver'],
+      ['Compute'],
       ['Deliver'],
       ['Compute', 'Deliver'],
       ['Deliver'],
+      ['Compute'],
       ['Deliver'],
     ];
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edge-functions",
   "type": "module",
-  "version": "2.2.0-stage.3",
+  "version": "2.2.0",
   "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": {
@@ -15,7 +15,7 @@
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
     "format": "prettier --write .",
-    "test": "jest --clearCache && jest -c jest.config.unit.js lib/",
+    "test": "jest --clearCache && jest lib/",
     "test:watch": "jest lib/ --watch",
     "test:coverage": "jest --clearCache && jest lib/ --coverage",
     "format:check": "prettier . --check",
@@ -23,7 +23,7 @@
     "e2e:start": "tests/scripts/start-e2e-env.sh",
     "e2e:stop": "tests/scripts/stop-e2e-env.sh",
     "e2e:destroy": "tests/scripts/destroy-e2e-env.sh",
-    "test:e2e": "yarn e2e:start && jest -c jest.config.e2e.js --maxWorkers 1 tests/e2e/ && yarn e2e:stop",
+    "test:e2e": "yarn e2e:start && jest --maxWorkers 1 tests/e2e/ && yarn e2e:stop",
     "prepare": "husky install"
   },
   "author": "aziontech",
@@ -38,15 +38,14 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@angular/cli": "^16.2.0",
-    "@babel/generator": "^7.23.0",
-    "@babel/parser": "^7.23.0",
-    "@babel/traverse": "^7.23.0",
-    "@babel/types": "^7.23.0",
+    "@babel/generator": "^7.23.5",
+    "@babel/parser": "^7.23.5",
+    "@babel/traverse": "^7.23.5",
+    "@babel/types": "^7.23.5",
     "@edge-runtime/node-utils": "^2.1.1",
     "@edge-runtime/primitives": "^3.0.4",
-    "@fastly/http-compute-js": "^1.0.0",
-    "@vue/cli": "^5.0.8",
+    "@fastly/http-compute-js": "^1.1.2",
+    "accepts": "^1.3.8",
     "assert": "^2.0.0",
     "bottleneck": "^2.19.5",
     "browserify-zlib": "^0.2.0",
@@ -55,10 +54,6 @@
     "chokidar": "^3.5.3",
     "commander": "^10.0.1",
     "console-browserify": "^1.2.0",
-    "create-astro": "^3.2.2",
-    "create-next-app": "^13.4.19",
-    "create-react-app": "^5.0.1",
-    "create-vue": "^3.7.3",
     "crypto-browserify": "^3.12.0",
     "deepmerge": "^4.3.1",
     "edge-runtime": "^2.4.5",
@@ -67,7 +62,6 @@
     "events": "^3.3.0",
     "fast-glob": "^3.3.1",
     "form-data": "^4.0.0",
-    "hexo": "^7.0.0-rc2",
     "https-browserify": "^1.0.0",
     "inquirer": "^9.2.7",
     "install": "^0.13.0",
@@ -75,14 +69,12 @@
     "lodash.merge": "^4.6.2",
     "log-update": "^5.0.1",
     "mime-types": "^2.1.35",
-    "npm": "^9.8.0",
     "os-browserify": "^0.3.0",
     "path-browserify": "^1.0.1",
     "pkg-dir": "^7.0.0",
     "process": "^0.11.10",
     "querystring-es3": "^0.2.1",
     "readable-stream": "^4.4.2",
-    "rollup-plugin-node-polyfills": "^0.2.1",
     "semantic-release": "^21.0.7",
     "semver": "^7.5.2",
     "signale": "^1.4.0",
@@ -99,8 +91,6 @@
     "webpack-merge": "^5.9.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.5",
-    "@babel/preset-env": "^7.22.5",
     "@commitlint/cli": "^18.4.1",
     "@commitlint/config-conventional": "^18.4.0",
     "@jest/globals": "^29.5.0",
@@ -111,8 +101,6 @@
     "@semantic-release/release-notes-generator": "^11.0.4",
     "@swc/core": "^1.3.96",
     "@swc/jest": "^0.2.29",
-    "babel-jest": "^29.5.0",
-    "babel-plugin-transform-import-meta": "^2.2.0",
     "clean-jsdoc-theme": "^4.2.9",
     "conventional-changelog-conventionalcommits": "^4.6.0",
     "eslint": "^8.49.0",
@@ -133,9 +121,6 @@
     "supertest": "^6.3.3",
     "tmp": "^0.2.1"
   },
-  "resolutions": {
-    "@babel/types": "7.22.17"
-  },
   "imports": {
     "#root/*": "./",
     "#lib/*": "./lib",

package/jest.config.e2e.js

@@ -1,8 +0,0 @@
-export default {
-  transform: {
-    '^.+\\.(js|jsx)?$': 'babel-jest',
-  },
-  testPathIgnorePatterns: ['/node_modules/', '/examples/'],
-  testEnvironment: 'node',
-  globalSetup: '<rootDir>/jest.global.setup.js',
-};

package/jest.config.unit.js

@@ -1,7 +0,0 @@
-export default {
-  transform: {
-    '^.+\\.(t|j)s?$': '@swc/jest',
-  },
-  testPathIgnorePatterns: ['/node_modules/', '/examples/'],
-  testEnvironment: 'node',
-};