feat: add AMD module support

jlongyam · jlongyam · commit a11b68a6734f · 2025-08-16T10:09:59.000+07:00
diff --git a/build/babel.js b/build/babel.js
@@ -28,11 +28,22 @@ async function compileToCJS(data) {
     resolve(output)
   })
 }
+async function compileToAMD(data) {
+  return new Promise((resolve)=> {
+    let output = babel.transform(data, {
+      presets: ['@babel/preset-env'],
+      plugins: ['@babel/plugin-transform-modules-amd']
+    }).code;
+    resolve(output)
+  })
+}
 try {
   let code = await compile(input);
   fs.writeFileSync(project + '/dist/Test.js', code, 'utf-8');
   let code_cjs = await compileToCJS(input);
   fs.writeFileSync(project+'/dist/Test.cjs', code_cjs, 'utf-8');
+  let code_amd = await compileToAMD(input);
+  fs.writeFileSync(project+'/dist/Test.amd.js', code_amd, 'utf-8');
 } catch (e) {
   console.error(e)
 }
diff --git a/dist/Test.amd.js b/dist/Test.amd.js
@@ -0,0 +1,49 @@
+define(["exports"], function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports["default"] = void 0;
+  function Test() {
+    var cases = [];
+    function describe(description, fn) {
+      console.log("\n" + description);
+      fn();
+    }
+    function it(description, fn) {
+      cases.push({
+        description: description,
+        fn: fn
+      });
+    }
+    function assert(condition, message) {
+      if (message === void 0) message = "Failed";
+      message = message || String(condition);
+      if (!condition) {
+        throw new Error(message);
+      }
+    }
+    function run() {
+      if (!cases || cases.length === 0) {
+        console.warn("Zero cases");
+        return;
+      }
+      cases.forEach(function (testCase) {
+        try {
+          testCase.fn();
+          console.log("✔ " + testCase.description);
+        } catch (error) {
+          console.error("✖ " + testCase.description + " - " + error.message);
+        }
+      });
+    }
+    return {
+      describe: describe,
+      it: it,
+      assert: assert,
+      run: run
+    };
+  }
+  var _default = _exports["default"] = Test;
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -43,6 +43,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.28.3",
+    "@babel/plugin-transform-modules-amd": "^7.27.1",
     "@babel/plugin-transform-modules-systemjs": "^7.27.1",
     "@babel/preset-env": "^7.28.3",
     "buble": "^0.20.0",
diff --git a/test/html/require.html b/test/html/require.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="Content-Type" content="text/html" />
+    <meta http-equiv="X-UA-Compatible" content="IE=9" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Test: require</title>
+    <!-- <script src="../../node_modules/requirejs/require.js"></script> -->
+    <script src="https://cdn.jsdelivr.net/npm/requirejs@2.3.7/require.min.js"></script>
+  </head>
+  <body>
+    <script>
+      require(["../../dist/Test.amd.js"], function (Test) {
+
+        const { describe, it, assert, run } = Test.default();
+        
+        describe("Test", () => {
+          it("should 5", () => {
+            assert(2 + 3 === 5);
+          });
+          it("should 4", () => {
+            assert(-1 + 5 === 5);
+          });
+          it("should 0", () => {
+            assert(0 + 0 === 0);
+          });
+        });
+
+        run();
+      });
+    </script>
+  </body>
+</html>
diff --git a/test/html/system.html b/test/html/system.html
@@ -6,6 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=9" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Test: system</title>
+    <!-- <script src="../../node_modules/systemjs/dist/system.min.js"></script> -->
     <script src="https://cdn.jsdelivr.net/npm/systemjs@6.15.1/dist/system.min.js"></script>
   </head>
   <body>
@@ -16,6 +17,13 @@
         }
       }
     </script>
+    <!-- <script type="systemjs-importmap">
+      {
+        "imports": {
+          "Test": "../../dist/Test.js"
+        }
+      }
+    </script> -->
     <script>
       (async function () {
         const Test = await System.import(["Test"]);
