feat: add scripts that on release will publish transpiled template to npm

package.json

@@ -30,7 +30,8 @@
     "generate:readme:toc": "markdown-toc -i README.md",
     "bump:version": "npm --no-git-tag-version --allow-same-version version $VERSION",
     "copy:sources": "node ./scripts/copy-sources.js",
-    "prepublishOnly": "npm run generate:assets",
+    "prepublishOnly": "npm run generate:assets && npm run transpile",
+    "transpile": "node ./scripts/transpile.js",
     "test": "npm run test:library && npm run test:generator"
   },
   "publishConfig": {

scripts/copy-sources.js

@@ -5,17 +5,29 @@
  */
 
 const util = require('util');
-const fs = require('fs');
+const fs = require('fs-extra');
 const path = require('path');
 const copyFile = util.promisify(fs.copyFile);
+const { exec } = require('child_process');
 
 // source (node_modules): destination (template)
 const filesToCopy = {
-  "@asyncapi/react-component/browser/standalone/without-parser.js": "js/asyncapi-ui.min.js",
-  "@asyncapi/react-component/styles/default.min.css": "css/asyncapi.min.css",
+  "node_modules/@asyncapi/react-component/browser/standalone/without-parser.js": "js/asyncapi-ui.min.js",
+  "node_modules/@asyncapi/react-component/styles/default.min.css": "css/asyncapi.min.css",
 };
 
 async function copyFiles() {
+  await new Promise((resolve) => {
+    exec('npm run transpile', (err, stdout, stderr) => {
+      if (err) {
+        console.error(`Error during template transpilation: ${err}`);
+        return;
+      }
+      if (stdout) console.log(stdout);
+      if (stderr) console.log('Template transpilation error:', stderr);
+      resolve();
+    });
+  });
   const operations = Object.entries(filesToCopy).map(([source, destination]) => {
     return copyFile(path.join(__dirname, '../node_modules', source), path.join(__dirname, '../template', destination));
   });

scripts/transpile.js

@@ -0,0 +1,15 @@
+const { transpileFiles } = require('@asyncapi/generator-react-sdk');
+const path = require('path')
+
+async function transpileTemplate() {
+  const templateContentDir = path.join(__dirname, '../template');
+  console.log("templateContentDir",templateContentDir)
+  const outputDir = path.join(__dirname, '../__transpiled');
+  console.log("outputDir",outputDir)
+
+  await transpileFiles(templateContentDir, outputDir, { recursive: true });
+}
+
+transpileTemplate().catch((err) => console.log('Error during template transpilation:', err));
+
+module.exports = { transpileTemplate }