build xml and css directly in watch

Author: pro-odoo

package.json

@@ -23,24 +23,22 @@
     "prettier": "prettier . --write",
     "check-formatting": "prettier . --check && eslint",
     "lint": "eslint --fix",
-    "predev": "node tools/remove_iife.cjs",
-    "dev": "npm-run-all --print-label \"bundle:xml -- --outDir build\" \"bundle:css -- --out build\" --parallel build:watch server serve-static:wait",
-    "build:dev": "npm-run-all transpile-js bundle:iife  \"bundle:xml -- --outDir build\" \"bundle:css -- --out build\"",
+    "predev": "node tools/clean_build_files.cjs",
+    "dev": "npm-run-all --print-label --parallel build:watch server serve-static:wait",
     "build": "npm-run-all transpile-js bundle:esm bundle:iife \"bundle:xml -- --outDir build\" \"bundle:css -- --out build\"",
     "build:watch": "npm-run-all --parallel transpile-js:watch bundle:iife:watch bundle:xml:watch bundle:css:watch",
     "transpile-js": "tsc --build --incremental --preserveWatchOutput",
     "transpile-js:watch": "npm run transpile-js -- --watch",
     "bundle:cjs": "rollup -c -m -- --format cjs",
     "bundle:esm": "rollup -c -m -- --format esm",
     "bundle:iife": "rollup -c -m -- --format iife",
-    "bundle:iife:watch": "npm run bundle:iife -- --watch",
-    "bundle:dev": "rollup -c -m -- --format dev",
+    "bundle:iife:watch": "wait-on build/js/src/index.js && npm run bundle:iife -- --watch",
     "bundle:xml": "node tools/bundle_xml/main.cjs",
     "bundle:xml:watch": "node tools/bundle_xml/watch_xml_templates.cjs",
     "bundle:css": "node tools/bundle_css/main.cjs",
     "bundle:css:watch": "node tools/bundle_css/watch_css_files.cjs",
     "serve-static": "live-server --open=demo --watch=build/o_spreadsheet.iife.js,build/o_spreadsheet.xml,build/o_spreadsheet.css,demo",
-    "serve-static:wait": "wait-on build/o_spreadsheet.iife.js && npm run serve-static",
+    "serve-static:wait": "wait-on build/o_spreadsheet.iife.js build/o_spreadsheet.xml build/o_spreadsheet.css && npm run serve-static",
     "server": "node tools/server/main.cjs",
     "predist": "npm run dist --workspaces --if-present",
     "dist": "tsc --module es6 --declaration --declarationDir dist/types && rollup -c",

rollup.config.js

@@ -73,7 +73,27 @@ export default (commandLineArgs) => {
           format: commandLineArgs.format,
         },
       ],
-      plugins,
+      plugins: [
+        alias({
+          entries: [
+            {
+              find: "@odoo/o-spreadsheet-engine",
+              replacement: path.resolve(
+                __dirname,
+                "./packages/o-spreadsheet-engine/build/js/o-spreadsheet-engine/src"
+              ),
+            },
+            {
+              find: "@odoo/o-spreadsheet-engine/*",
+              replacement: path.resolve(
+                __dirname,
+                "./packages/o-spreadsheet-engine/build/js/o-spreadsheet-engine/src/*"
+              ),
+            },
+          ],
+        }),
+        nodeResolve(),
+      ],
       watch: {
         include: ["build/js/**", "./packages/o-spreadsheet-engine/build/**"],
       },

tools/bundle_css/watch_css_files.cjs

@@ -10,6 +10,12 @@ const watcher = watch("./src", { filter: /\.css$/, recursive: true }, (ev, name)
   }
 });
 
+try {
+  createCSSBundle("build");
+} catch (error) {
+  console.error("Error creating CSS bundle:", error.message);
+}
+
 watcher.on("ready", () => console.log("Watching .css files..."));
 watcher.on("error", (err) => console.error(`Error watching .css files ${err}`));
 

tools/bundle_xml/watch_xml_templates.cjs

@@ -6,6 +6,8 @@ const watcher = watch("./src", { filter: /\.xml$/, recursive: true }, (ev, name)
   bundle.writeOwlTemplateBundleToFile("build");
 });
 
+bundle.writeOwlTemplateBundleToFile("build");
+
 watcher.on("ready", () => console.log("Watching .xml files..."));
 watcher.on("error", (err) => console.error(`Error watching .xml files ${err}`));
 

tools/clean_build_files.cjs

@@ -0,0 +1,5 @@
+const fs = require("fs");
+
+fs.rmSync("build/o_spreadsheet.iife.js", { force: true });
+fs.rmSync("build/o_spreadsheet.xml", { force: true });
+fs.rmSync("build/o_spreadsheet.css", { force: true });