@spicemod/creator 0.0.2 → 0.0.22

package/dist/bin.mjs

@@ -135,7 +135,7 @@ const templateFilePath = dist("templates/wrapper.js", import.meta.url);
 //#endregion
 //#region package.json
 var name = "@spicemod/creator";
-var version = "0.0.2";
+var version = "0.0.22";
 
 //#endregion
 //#region src/utils/common.ts
@@ -262,6 +262,7 @@ const CommonSchema = v.object({
 	framework: v.picklist(frameworkTypes),
 	packageManager: v.picklist(packageManagers),
 	esbuildOptions: v.record(v.string(), v.any()),
+	devModeVarName: v.optional(v.string()),
 	serverConfig: v.partial(ServerConfigSchema),
 	version: v.string()
 });
@@ -286,6 +287,7 @@ const DISCORD_LINK = "https://discord.gg/YGkktjdYV8";
 const DOCS_LINK = "https://github.com/sanoojes/spicetify-creator";
 const CONFIG_REF_LINK = "https://github.com/sanoojes/spicetify-creator";
 const SPICETIFY_LINK = "https://spicetify.app/docs/getting-started";
+const DEV_MODE_VAR_NAME = `__SPICE_CREATOR_DEV__`;
 const CHECK = pc.bold(pc.green("✔"));
 const CROSS = pc.bold(pc.red("✖"));
 const WARN = pc.bold(pc.yellow("⚠"));
@@ -452,6 +454,7 @@ async function resolveContext(config) {
 		if (!config.entry.js || config.entry.js.length === 0) config.entry.js = resolveDefaultEntries(cwd, "js");
 		if (!config.entry.css || config.entry.css.length === 0) config.entry.css = resolveDefaultEntries(cwd, "css");
 	} else config.entry = resolveDefaultEntries(cwd, "js");
+	if (!config.devModeVarName) config.devModeVarName = DEV_MODE_VAR_NAME;
 	config.outDir = resolve(cwd, config.outDir || "./dist");
 	config.esbuildOptions ??= {};
 	config.serverConfig ??= {};
@@ -944,6 +947,11 @@ function getJSBuildOptions(config, options) {
 			"react",
 			"react-dom"
 		],
+		define: {
+			[DEV_MODE_VAR_NAME]: "false",
+			[config.devModeVarName]: "false",
+			...config.esbuildOptions.define
+		},
 		plugins: [...config.esbuildOptions?.plugins ? config.esbuildOptions.plugins : [], ...getCommonPlugins({
 			...config,
 			minify,
@@ -1724,6 +1732,11 @@ function getJSDevOptions(config, options) {
 			"react",
 			"react-dom"
 		],
+		define: {
+			[DEV_MODE_VAR_NAME]: "true",
+			[config.devModeVarName]: "true",
+			...config.esbuildOptions.define
+		},
 		plugins: [...config.esbuildOptions?.plugins ? config.esbuildOptions.plugins : [], ...getCommonPlugins({
 			...config,
 			minify,

package/dist/client/index.d.mts

@@ -14,6 +14,7 @@ declare const FileOptionsSchema: v.IntersectSchema<[Omit<v.ObjectSchema<{
   readonly framework: v.PicklistSchema<readonly ["react", "vanilla"], undefined>;
   readonly packageManager: v.PicklistSchema<PackageManagerType[], undefined>;
   readonly esbuildOptions: v.GenericSchema<ESBuildOptions>;
+  readonly devModeVarName: v.OptionalSchema<v.StringSchema<undefined>, undefined>;
   readonly serverConfig: Omit<v.ObjectSchema<{
     readonly port: v.OptionalSchema<v.NumberSchema<undefined>, undefined>;
     readonly serveDir: v.StringSchema<undefined>;
@@ -61,6 +62,7 @@ declare const FileOptionsSchema: v.IntersectSchema<[Omit<v.ObjectSchema<{
     readonly framework: v.OptionalSchema<v.PicklistSchema<readonly ["react", "vanilla"], undefined>, undefined>;
     readonly packageManager: v.OptionalSchema<v.PicklistSchema<PackageManagerType[], undefined>, undefined>;
     readonly esbuildOptions: v.OptionalSchema<v.GenericSchema<ESBuildOptions>, undefined>;
+    readonly devModeVarName: v.OptionalSchema<v.OptionalSchema<v.StringSchema<undefined>, undefined>, undefined>;
     readonly serverConfig: v.OptionalSchema<Omit<v.ObjectSchema<{
       readonly port: v.OptionalSchema<v.NumberSchema<undefined>, undefined>;
       readonly serveDir: v.StringSchema<undefined>;
@@ -108,6 +110,7 @@ declare const FileOptionsSchema: v.IntersectSchema<[Omit<v.ObjectSchema<{
     framework?: "react" | "vanilla" | undefined;
     packageManager?: PackageManagerType | undefined;
     esbuildOptions?: ESBuildOptions | undefined;
+    devModeVarName?: string | undefined;
     serverConfig?: {
       port?: number | undefined;
       serveDir?: string | undefined;
@@ -121,6 +124,7 @@ declare const FileOptionsSchema: v.IntersectSchema<[Omit<v.ObjectSchema<{
     framework?: "react" | "vanilla" | undefined;
     packageManager?: PackageManagerType | undefined;
     esbuildOptions?: ESBuildOptions | undefined;
+    devModeVarName?: string | undefined;
     serverConfig?: {
       port?: number | undefined;
       serveDir?: string | undefined;
@@ -135,6 +139,7 @@ declare const FileOptionsSchema: v.IntersectSchema<[Omit<v.ObjectSchema<{
     framework?: "react" | "vanilla" | undefined;
     packageManager?: PackageManagerType | undefined;
     esbuildOptions?: ESBuildOptions | undefined;
+    devModeVarName?: string | undefined;
     serverConfig?: {
       port?: number | undefined;
       serveDir?: string | undefined;
@@ -150,6 +155,7 @@ declare const FileOptionsSchema: v.IntersectSchema<[Omit<v.ObjectSchema<{
       framework?: "react" | "vanilla" | undefined;
       packageManager?: PackageManagerType | undefined;
       esbuildOptions?: ESBuildOptions | undefined;
+      devModeVarName?: string | undefined;
       serverConfig?: {
         port?: number | undefined;
         serveDir?: string | undefined;
@@ -164,6 +170,7 @@ declare const FileOptionsSchema: v.IntersectSchema<[Omit<v.ObjectSchema<{
       framework?: "react" | "vanilla" | undefined;
       packageManager?: PackageManagerType | undefined;
       esbuildOptions?: ESBuildOptions | undefined;
+      devModeVarName?: string | undefined;
       serverConfig?: {
         port?: number | undefined;
         serveDir?: string | undefined;
@@ -2167,6 +2174,7 @@ declare namespace _Spicetify {
 }
 declare global {
   const Spicetify: typeof _Spicetify;
+  const __SPICE_CREATOR_DEV__: boolean;
 }
 //#endregion
 //#region src/client/index.d.ts

package/dist/templates/wrapper.js

@@ -8,7 +8,7 @@ __ESBUILD__HAS_CSS &&
         style.textContent = css;
         document.head.appendChild(style);
       }
-    } catch { }
+    } catch {}
   })();
 (async () => {
   const _ID = `${__ESBUILD__APP_SLUG}-${__ESBUILD__APP_TYPE}`;
@@ -45,4 +45,4 @@ __ESBUILD__HAS_CSS &&
     window.Spicetify?.showNotification(`⚠️ ${appId}: ${msg} (check console for more info)`, true);
     console.error(`[${appId}] Error:`, err);
   }
-})();
+})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spicemod/creator",
-  "version": "0.0.2",
+  "version": "0.0.22",
   "description": "Easily make Spicetify extensions and themes",
   "keywords": [
     "cli",

package/templates/wrapper.js

@@ -8,7 +8,7 @@ __ESBUILD__HAS_CSS &&
         style.textContent = css;
         document.head.appendChild(style);
       }
-    } catch { }
+    } catch {}
   })();
 (async () => {
   const _ID = `${__ESBUILD__APP_SLUG}-${__ESBUILD__APP_TYPE}`;
@@ -45,4 +45,4 @@ __ESBUILD__HAS_CSS &&
     window.Spicetify?.showNotification(`⚠️ ${appId}: ${msg} (check console for more info)`, true);
     console.error(`[${appId}] Error:`, err);
   }
-})();
+})();