fix: bad ghpages deployment (#1)

package.json

@@ -10,7 +10,8 @@
     "lint:fix": "eslint --fix .",
     "start": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "deploy-storybook": "storybook-to-ghpages"
+    "deploy-storybook": "storybook-to-ghpages && npm run fix-deploy",
+    "fix-deploy": "node ./scripts/fix-storybook-to-ghpages-deploy.js"
   },
   "license": "MIT",
   "devDependencies": {

scripts/fix-storybook-to-ghpages-deploy.js

@@ -0,0 +1,18 @@
+const { execSync } = require("child_process");
+const { readFileSync, writeFileSync } = require("fs");
+
+try {
+  execSync("git branch -D gh-pages")
+} catch {}
+try {
+execSync("git pull")
+} catch {}
+execSync("git checkout gh-pages")
+
+const iframeDotHtml = readFileSync("./iframe.html", { encoding: "utf8" });
+
+writeFileSync("./iframe.html", iframeDotHtml.replace("<script type=\"module\" crossorigin src=\"/assets/", "<script type=\"module\" crossorigin src=\"/solid-joystick/assets/"));
+
+execSync("git commit -am \"fix: automated fix for bad deploy path\"");
+execSync("git push");
+execSync("git checkout main");