@spicemod/creator 0.0.1 → 0.0.21

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.1";
+var version = "0.0.21";
 
 //#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("⚠"));
@@ -664,6 +666,7 @@ function validateSpicetify(bin) {
 
 //#endregion
 //#region src/esbuild/plugins/spicetifyHandlers.ts
+const skipSpicetify = process.env.SPICETIFY_SKIP === "true" || process.env.CI === "true";
 const spicetifyHandler = ({ config, options, cache, logger = createLogger("plugin:spicetifyHandler") }) => ({
 	name: "spice_internal__spicetify-build-handler",
 	async setup(build) {
@@ -671,6 +674,30 @@ const spicetifyHandler = ({ config, options, cache, logger = createLogger("plugi
 		let hasAppliedOnce = false;
 		const isExtension = config.template === "extension";
 		const identifier = isExtension ? `${urlSlugify(config.name)}.js` : urlSlugify(config.name);
+		if (skipSpicetify) {
+			logger.info(pc.yellow("SPICETIFY_SKIP=true, skipping spicetify operations"));
+			build.onEnd(async (result) => {
+				if (result.errors.length > 0) return;
+				if (!cache.hasChanges || cache.changed.size === 0) return;
+				const tasks = [];
+				for (const filePath of cache.changed) {
+					const fileData = cache.files.get(filePath);
+					if (!fileData) continue;
+					const targetPath = resolve(outDir, basename(filePath));
+					tasks.push((async () => {
+						await mkdirp(outDir);
+						await writeFile(targetPath, fileData.contents);
+					})());
+				}
+				try {
+					await Promise.all(tasks);
+					logger.debug(pc.green(`${CHECK} Built files written to ${outDir}`));
+				} catch (err) {
+					logger.error(pc.red(`${CROSS} Failed to write files: ${err instanceof Error ? err.message : String(err)}`));
+				}
+			});
+			return;
+		}
 		const spiceConfig = await getSpicetifyConfig();
 		logger.debug(pc.green("Spicetify Config: "), spiceConfig);
 		if (apply) {
@@ -919,6 +946,11 @@ function getJSBuildOptions(config, options) {
 			"react",
 			"react-dom"
 		],
+		define: {
+			[DEV_MODE_VAR_NAME]: "false",
+			...config.devModeVarName ? { [config.devModeVarName]: "false" } : {},
+			...config.esbuildOptions.define
+		},
 		plugins: [...config.esbuildOptions?.plugins ? config.esbuildOptions.plugins : [], ...getCommonPlugins({
 			...config,
 			minify,
@@ -1699,6 +1731,11 @@ function getJSDevOptions(config, options) {
 			"react",
 			"react-dom"
 		],
+		define: {
+			[DEV_MODE_VAR_NAME]: "true",
+			...config.devModeVarName ? { [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.1",
+  "version": "0.0.21",
   "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);
   }
-})();
+})();