update example (#9)

Author: larshp

.gitignore

@@ -3,4 +3,6 @@ node_modules
 abap2xlsx
 abap2xlsx-demos
 open-abap-core
-src/abap.ts
+src/abap.ts
+input
+output

abap.mjs

@@ -1,9 +1,10 @@
 import * as fs from "node:fs";
 import * as path from "node:path";
 
-console.log("Building abap.js");
+console.log("Running abap.mjs");
 
 let output = "export const abapfiles = {\n";
+let files = {};
 
 function escape(input) {
   if (input.charCodeAt(0) === 0xFEFF) {
@@ -12,26 +13,31 @@ function escape(input) {
   return input.replaceAll("`", "\\`").replaceAll("${", "\\${").trimEnd();
 }
 
+function add(name, contents) {
+  output += `"${name}": \`${escape(contents)}\`,\n`;
+  files[name] = contents;
+}
+
 /////////////////////////////////////////
 
 for (const dirent of fs.readdirSync("open-abap-core/src", {recursive: true, withFileTypes: true})) {
   if (dirent.isDirectory() || dirent.name.endsWith(".testclasses.abap")) {
     continue;
   }
   const contents = fs.readFileSync(path.join(dirent.parentPath, dirent.name)).toString();
-  output += `"${dirent.name}": \`${escape(contents)}\`,\n`;
+  add(dirent.name, contents);
 }
 
 /////////////////////////////////////////
 
 {
-  const contents = fs.readFileSync("abap2xlsx-demos/src/zcl_excel_demo1.clas.abap", "utf-8").toString("utf-8");
-  output += `"zcl_excel_demo1.clas.abap": \`${escape(contents)}\`,\n`;
+  const contents = fs.readFileSync("abap2xlsx-demos/src/demo001/zcl_excel_demo1.clas.abap", "utf-8").toString("utf-8");
+  add("zcl_excel_demo1.clas.abap", contents);
 }
 
 {
   const contents = fs.readFileSync("abap2xlsx-demos/src/zif_excel_demo_output.intf.abap").toString();
-  output += `"zif_excel_demo_output.intf.abap": \`${escape(contents)}\`,\n`;
+  add("zif_excel_demo_output.intf.abap", contents);
 }
 
 /////////////////////////////////////////
@@ -45,9 +51,12 @@ for (const dirent of fs.readdirSync("abap2xlsx/src", {recursive: true, withFileT
     continue;
   }
   const contents = fs.readFileSync(path.join(dirent.parentPath, dirent.name)).toString();
-  output += `"${dirent.name}": \`${escape(contents)}\`,\n`;
+  add(dirent.name, contents);
 }
 
 /////////////////////////////////////////
 
-fs.writeFileSync("src/abap.ts", output + "\n};");
+fs.writeFileSync("src/abap.ts", output + "\n};");
+for (const filename in files) {
+  fs.writeFileSync(path.join("input", filename), files[filename]);
+}

abap_transpile.json

@@ -0,0 +1,15 @@
+{
+  "input_folder": "input",
+  "input_filter": [],
+  "output_folder": "output",
+  "libs": [],
+  "write_unit_tests": false,
+  "write_source_map": false,
+  "options": {
+    "ignoreSyntaxCheck": false,
+    "addFilenames": true,
+    "addCommonJS": true,
+    "unknownTypes": "runtimeError",
+    "skip": []
+  }
+}

examples.mjs

@@ -0,0 +1,14 @@
+import * as fs from "node:fs";
+import {initializeABAP} from "./output/init.mjs";
+await initializeABAP();
+
+console.log("Running examples.mjs");
+
+const excel = await abap.Classes["ZCL_EXCEL_DEMO1"].zif_excel_demo_output$run();
+
+const writer = new abap.Classes["ZCL_EXCEL_WRITER_2007"]();
+await writer.constructor_();
+
+const xstring = await writer.zif_excel_writer$write_file({io_excel: excel});
+
+fs.writeFileSync("public/zcl_excel_demo1.xlsx", Buffer.from(xstring.get(), "hex"));

package-lock.json

@@ -10,14 +10,16 @@
     "clone": "npm run clone1 && npm run clone2 && npm run clone3",
     "dev": "webpack serve --mode development --env development",
     "webpack": "webpack",
-    "test": "npm run clone && node abap.mjs && npm run webpack"
+    "transpile": "abap_transpile abap_transpile.json",
+    "test": "npm run clone && rm -rf input && mkdir input && node abap.mjs && npm run transpile && node examples.mjs && npm run webpack"
   },
   "author": "",
   "license": "MIT",
   "devDependencies": {
     "@abaplint/monaco": "^2.113.6",
-    "@abaplint/runtime": "^2.10.15",
-    "@abaplint/transpiler": "^2.10.15",
+    "@abaplint/runtime": "^2.10.16",
+    "@abaplint/transpiler": "^2.10.16",
+    "@abaplint/transpiler-cli": "^2.10.16",
     "buffer": "^6.0.3",
     "copy-webpack-plugin": "^12.0.2",
     "crypto-browserify": "^3.12.0",

package.json

@@ -2,12 +2,14 @@
 global.MonacoEnvironment = {
   globalAPI: true,
   getWorkerUrl: function (_moduleId: any, label: any) {
+    /*
     if (label === "json") {
       return "./json.worker.bundle.js";
     }
     if (label === "typescript" || label === "javascript") {
       return "./ts.worker.bundle.js";
     }
+    */
     return "./editor.worker.bundle.js";
   },
 };
@@ -96,7 +98,7 @@ async function abapChanged() {
     abapMonaco.updateMarkers(reg, model1);
 
     if (contents === abapfiles[top]) {
-      document.getElementById("container2").innerHTML = `<iframe src="https://view.officeapps.live.com/op/view.aspx?src=https://abap2xlsx.github.io/abap2xlsx-web/demo1.xlsx" title="Excel"></iframe>`;
+      document.getElementById("container2").innerHTML = `<iframe src="https://view.officeapps.live.com/op/view.aspx?src=https://abap2xlsx.github.io/abap2xlsx-web/zcl_excel_demo1.xlsx" title="Excel"></iframe>`;
 
       setTimeout(() => monaco.editor.getEditors()[0].focus(), 1000);
     } else {

public/demo1.xlsx

@@ -77,7 +77,7 @@ module.exports = {
     }),
     new CopyPlugin({
       patterns: [
-        { from: "./public/demo1.xlsx", to: "demo1.xlsx" },
+        { from: "./public/*.xlsx", to: "[name].xlsx" },
       ],
     }),
   ],