@spicemod/creator 0.0.22 → 0.0.23

package/templates/extension/js/vanilla/src/components/Onboarding.js

@@ -0,0 +1,71 @@
+export function initOnboarding(config) {
+  const overlay = document.createElement("div");
+  overlay.className = "onboarding-overlay";
+
+  overlay.innerHTML = `
+    <div class="onboarding-card">
+      <button class="close-icon-btn" aria-label="Close" id="close-x">
+        <svg width="12" height="12" viewBox="0 0 12 12" fill="none">
+          <path d="M1 1L11 11M1 11L11 1" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+        </svg>
+      </button>
+
+      <div>
+        <span class="status-dot"></span>
+        🚀 ${config.projectName} Ready
+      </div>
+
+      <div class="config-grid">
+        <span class="label">Framework</span>
+        <span class="value">${config.framework}</span>
+
+        <span class="label">Language</span>
+        <span class="value">${config.language}</span>
+
+        <span class="label">Manager</span>
+        <span class="value">${config.packageManager}</span>
+
+        <span class="label">Linter</span>
+        <span class="value">${config.linter}</span>
+      </div>
+
+      <div class="footer-tip">
+        Next Step: Edit <code>src/app.tsx</code>
+      </div>
+      <div class="onboarding-actions">
+      <button class="dismiss-btn" id="dismiss-btn">Dismiss</button>
+      <button class="discord-btn" id="discord-btn">Join Discord</button>
+      <button class="get-started-btn" id="get-started-btn">Get Started</button>
+      </div>
+    </div>
+  `;
+
+  const dismiss = () => {
+    overlay.classList.add("fade-out");
+    overlay.addEventListener("transitionend", () => overlay.remove(), {
+      once: true,
+    });
+  };
+
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) dismiss();
+  });
+
+  function openLink(url, newTab = true) {
+    if (!url) return;
+    if (newTab) {
+      window.open(url, "_blank", "noopener,noreferrer");
+    } else {
+      window.location.href = url;
+    }
+  }
+
+  const getStarted = () => openLink("{{get-started-link}}");
+  const openDiscord = () => openLink("{{discord-link}}");
+  overlay.querySelector("#close-x")?.addEventListener("click", dismiss);
+  overlay.querySelector("#dismiss-btn")?.addEventListener("click", dismiss);
+  overlay.querySelector("#discord-btn")?.addEventListener("click", openDiscord);
+  overlay.querySelector("#get-started-btn")?.addEventListener("click", getStarted);
+
+  document.body.prepend(overlay);
+}

package/templates/extension/shared/DOT-gitignore

@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# build files
+/dist
+
+# production
+/build
+.spicetify/
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# typescript
+*.tsbuildinfo

package/templates/extension/shared/DOT-oxlintrc.json

@@ -0,0 +1,36 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": null,
+  "categories": {},
+  "rules": {
+    "no-await-in-loop": "error",
+    "unicorn/prefer-array-find": "error",
+    "unicorn/prefer-array-flat-map": "error",
+    "unicorn/prefer-set-has": "error"
+  },
+  "settings": {
+    "jsx-a11y": {
+      "polymorphicPropName": null,
+      "components": {},
+      "attributes": {}
+    },
+    "react": {
+      "formComponents": [],
+      "linkComponents": [],
+      "version": null,
+      "componentWrapperFunctions": []
+    },
+    "jsdoc": {
+      "ignorePrivate": false,
+      "ignoreInternal": false,
+      "ignoreReplacesDocs": true,
+      "overrideReplacesDocs": true,
+      "augmentsExtendsReplacesDocs": false,
+      "implementsReplacesDocs": false,
+      "exemptDestructuredRootsFromChecks": false,
+      "tagNamePreference": {}
+    }
+  },
+  "globals": {},
+  "ignorePatterns": ["dist/**"]
+}

package/templates/extension/shared/spice.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from "@spicetify/creator/client";
+import { defineConfig } from "@spicetify/creator";
 
 // Learn more: {{config-reference-link}}
 export default defineConfig({

package/templates/extension/shared/spice.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from "@spicetify/creator/client";
+import { defineConfig } from "@spicetify/creator";
 
 // Learn more: {{config-reference-link}}
 export default defineConfig({

package/templates/liveReload.js

@@ -63,7 +63,6 @@
   const script = document.createElement("script");
   script.id = JS_ID;
   script.src = SERVER + JS_PATH;
-  script.type = "module";
   document.body.appendChild(script);
 
   connect();

package/templates/theme/shared/DOT-gitignore

@@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# build files
+/dist
+
+# production
+/build
+.spicetify/
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# typescript
+*.tsbuildinfo

package/templates/theme/shared/DOT-oxlintrc.json

@@ -0,0 +1,36 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": null,
+  "categories": {},
+  "rules": {
+    "no-await-in-loop": "error",
+    "unicorn/prefer-array-find": "error",
+    "unicorn/prefer-array-flat-map": "error",
+    "unicorn/prefer-set-has": "error"
+  },
+  "settings": {
+    "jsx-a11y": {
+      "polymorphicPropName": null,
+      "components": {},
+      "attributes": {}
+    },
+    "react": {
+      "formComponents": [],
+      "linkComponents": [],
+      "version": null,
+      "componentWrapperFunctions": []
+    },
+    "jsdoc": {
+      "ignorePrivate": false,
+      "ignoreInternal": false,
+      "ignoreReplacesDocs": true,
+      "overrideReplacesDocs": true,
+      "augmentsExtendsReplacesDocs": false,
+      "implementsReplacesDocs": false,
+      "exemptDestructuredRootsFromChecks": false,
+      "tagNamePreference": {}
+    }
+  },
+  "globals": {},
+  "ignorePatterns": ["dist/**"]
+}

package/templates/theme/shared/spice.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from "@spicetify/creator/client";
+import { defineConfig } from "@spicetify/creator";
 
 // Learn more: {{config-reference-link}}
 export default defineConfig({

package/templates/theme/shared/spice.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from "@spicetify/creator/client";
+import { defineConfig } from "@spicetify/creator";
 
 // Learn more: {{config-reference-link}}
 export default defineConfig({

package/templates/wrapper.js

@@ -1,14 +1,12 @@
 __ESBUILD__HAS_CSS &&
   (async () => {
     try {
-      const css = `{{INJECTED_CSS_HERE}}`;
-      if (css && css.trim().length !== 0) {
-        const style = document.createElement("style");
-        style.setAttribute("data-app", __ESBUILD__APP_ID);
-        style.textContent = css;
-        document.head.appendChild(style);
-      }
-    } catch {}
+      const css = __ESBUILD__INJECTED_CSS;
+      const style = document.createElement("style");
+      style.setAttribute("data-app", __ESBUILD__APP_ID);
+      style.textContent = css;
+      document.head.appendChild(style);
+    } catch { }
   })();
 (async () => {
   const _ID = `${__ESBUILD__APP_SLUG}-${__ESBUILD__APP_TYPE}`;
@@ -16,7 +14,6 @@ __ESBUILD__HAS_CSS &&
   window.SpiceGlobals[_ID] = {
     id: __ESBUILD__APP_ID,
     version: __ESBUILD__APP_VERSION,
-    hash: __ESBUILD__APP_HASH,
   };
   const { id: appId, version: v } = window.SpiceGlobals[_ID];
   const _wait = (p, a = 0) =>