@widgetic/creator 0.3.75 → 0.3.76

package/dist/CreatorApp.svelte

@@ -8903,6 +8903,112 @@ Requirements:
 		return logs;
 	}
 
+	function languageStorageKey(widgetId: string): string {
+		return `widgetic-widget-language:${widgetId}`;
+	}
+
+	function generationOptionsStorageKey(widgetId: string): string {
+		return `widgetic-generation-options:${widgetId}`;
+	}
+
+	type RememberedGenerationOptions = {
+		language: 'svelte' | 'react';
+		librariesEnabled: boolean;
+		libraries: string[];
+		brandKitEnabled: boolean;
+		primary: string;
+		secondary: string;
+		title: string;
+		sub: string;
+		fonts: string[];
+		libraryUploads: { name: string; content: string; encoding: string }[];
+		fontUploads: { name: string; content: string; encoding: string }[];
+	};
+
+	let generationOptionsMemory: Record<string, RememberedGenerationOptions> = {};
+
+	function currentGenerationOptions(): RememberedGenerationOptions {
+		return {
+			language: widgetLanguage === 'react' ? 'react' : 'svelte',
+			librariesEnabled,
+			libraries: [...brandKitLibraries],
+			brandKitEnabled,
+			primary: brandPrimary,
+			secondary: brandSecondary,
+			title: brandTitle,
+			sub: brandSub,
+			fonts: [...brandFonts],
+			libraryUploads: libraryUploads.map((file) => ({ ...file })),
+			fontUploads: fontUploads.map((file) => ({ ...file })),
+		};
+	}
+
+	function rememberGenerationOptions(widgetId: string): void {
+		if (!widgetId) return;
+		const options = currentGenerationOptions();
+		generationOptionsMemory = { ...generationOptionsMemory, [widgetId]: options };
+		try {
+			localStorage.setItem(languageStorageKey(widgetId), options.language);
+			localStorage.setItem(generationOptionsStorageKey(widgetId), JSON.stringify({
+				language: options.language,
+				librariesEnabled: options.librariesEnabled,
+				libraries: options.libraries,
+				brandKitEnabled: options.brandKitEnabled,
+				primary: options.primary,
+				secondary: options.secondary,
+				title: options.title,
+				sub: options.sub,
+				fonts: options.fonts,
+			}));
+		} catch (error) {
+			console.warn('[WidgetCreator] Could not store generation options', error);
+		}
+	}
+
+	function restoreGenerationOptions(widgetId: string): void {
+		const inMemory = generationOptionsMemory[widgetId];
+		let stored: Partial<RememberedGenerationOptions> | null = null;
+		if (!inMemory) {
+			try {
+				const raw = localStorage.getItem(generationOptionsStorageKey(widgetId));
+				stored = raw ? JSON.parse(raw) : null;
+			} catch (error) {
+				console.warn('[WidgetCreator] Could not read generation options', error);
+			}
+		}
+		const options = inMemory || stored;
+		widgetLanguage = options?.language === 'react' ? 'react' : 'svelte';
+		librariesEnabled = !!options?.librariesEnabled;
+		brandKitLibraries = Array.isArray(options?.libraries) ? [...options.libraries] : [];
+		brandKitEnabled = !!options?.brandKitEnabled;
+		brandPrimary = options?.primary || '#314F2F';
+		brandSecondary = options?.secondary || '#7BA668';
+		brandTitle = options?.title || '#0F2010';
+		brandSub = options?.sub || '#5C6B58';
+		brandFonts = Array.isArray(options?.fonts) && options.fonts.length > 0 ? [...options.fonts] : ['Inter'];
+		libraryUploads = inMemory?.libraryUploads ? inMemory.libraryUploads.map((file) => ({ ...file })) : [];
+		fontUploads = inMemory?.fontUploads ? inMemory.fontUploads.map((file) => ({ ...file })) : [];
+	}
+
+	function languageForGeneration(widgetId: string): 'svelte' | 'react' {
+		const panel = getPanelState(widgetId);
+		const hasCode = !!(panel.lastCommitId || panel.lastPublishedVersion != null);
+		let language: 'svelte' | 'react' = widgetLanguage === 'react' ? 'react' : 'svelte';
+		if (hasCode) {
+			try {
+				const saved = localStorage.getItem(languageStorageKey(widgetId));
+				language = saved === 'react' ? 'react' : 'svelte';
+			} catch (error) {
+				console.warn('[WidgetCreator] Could not read widget language', error);
+			}
+		}
+		widgetLanguage = language;
+		rememberGenerationOptions(widgetId);
+		return language;
+	}
+
+	$: if (focusedPanelWidgetId) rememberGenerationOptions(focusedPanelWidgetId);
+
 	async function performCodeGeneration(
 		prompt: string,
 		options: {
@@ -9191,6 +9297,7 @@ Requirements:
 					compileFixOnly: options.compileFixOnly === true,
 					skipIntentGate: options.skipIntentGate === true,
 					chipIntent: options.chipIntent,
+					language: languageForGeneration(generationWidgetId),
 					brandKit: brandKitForRequest(),
 				} as GenerateCodeRequest
 			});
@@ -12042,9 +12149,11 @@ Requirements:
 			notifyHostWidgetName(getWidgetById(widgetId) ?? selectedWidget);
 			return;
 		}
+		if (focusedPanelWidgetId) rememberGenerationOptions(focusedPanelWidgetId);
 		captureFocusedPanelSnapshot();
 		ensurePanelState(widgetId);
 		focusedPanelWidgetId = widgetId;
+		restoreGenerationOptions(widgetId);
 		raiseWidgetDetailsPanelToFront(widgetId);
 		isHistoryOpen = false;
 		const widget = getWidgetById(widgetId);
@@ -16869,6 +16978,7 @@ $: if (codeGenerationPrompt && selectedWidgetId && promptLoadedForWidgetId === s
 								bind:sub={brandSub}
 								bind:fonts={brandFonts}
 								showLanguage={debugMode}
+								languageLocked={!!(generatingWidgetIds[panelWidgetId] || ps.lastCommitId || ps.lastPublishedVersion != null)}
 								bind:language={widgetLanguage}
 							/>
 						{/snippet}

package/dist/components/BrandKitPanel.svelte

@@ -31,6 +31,7 @@
 		fontUploads?: { name: string; content: string; encoding: string }[];
 		showLanguage?: boolean;
 		language?: string;
+		languageLocked?: boolean;
 	}
 
 	const maxFonts = 3;
@@ -55,6 +56,7 @@
 		fontUploads = $bindable([] as { name: string; content: string; encoding: string }[]),
 		showLanguage = false,
 		language = $bindable('svelte'),
+		languageLocked = false,
 	}: Props = $props();
 
 	const libraryChoices = [
@@ -281,6 +283,16 @@
 		<div class="generation-libraries-row flex w-full flex-col gap-2">
 			<div class="generation-libraries-checks flex flex-nowrap items-center gap-1">
 				{#if showLanguage}
+					{#if languageLocked}
+						<HoverTooltip class="inline-flex shrink-0" text="Language is fixed after the first generation">
+							<span
+								class="generation-language-select flex h-10 w-[4.75rem] shrink-0 cursor-default items-center justify-between gap-0.5 rounded-lg border border-gray-300 bg-white px-1.5 text-sm text-gray-900 opacity-60"
+								aria-disabled="true"
+							>
+								<span class="truncate">{language === 'react' ? 'React' : 'Svelte'}</span>
+							</span>
+						</HoverTooltip>
+					{:else}
 					<HoverTooltip class="inline-flex shrink-0" text="Select language">
 						<DropdownMenu.Root>
 							<DropdownMenu.Trigger
@@ -303,6 +315,7 @@
 							</DropdownMenu.Content>
 						</DropdownMenu.Root>
 					</HoverTooltip>
+					{/if}
 				{/if}
 				<label class="generation-option-toggle flex h-10 shrink-0 cursor-pointer items-center gap-1.5 rounded-lg border px-2 text-sm {librariesEnabled ? 'border-[#314F2F] bg-[#314F2F] text-white' : 'border-gray-300 bg-white text-gray-800'}">
 					<input class="generation-option-check cursor-pointer" type="checkbox" checked={librariesEnabled} onchange={onLibrariesChange} />

package/dist/components/BrandKitPanel.svelte.d.ts

@@ -26,6 +26,7 @@ interface Props {
     }[];
     showLanguage?: boolean;
     language?: string;
+    languageLocked?: boolean;
 }
 declare const BrandKitPanel: import("svelte").Component<Props, {}, "brandKitEnabled" | "librariesEnabled" | "primary" | "secondary" | "title" | "sub" | "fonts" | "libraries" | "libraryGitUrl" | "libraryFileName" | "libraryUploads" | "fontUploads" | "language">;
 type BrandKitPanel = ReturnType<typeof BrandKitPanel>;

package/package.json

@@ -1,10 +1,10 @@
 {
 	"name": "@widgetic/creator",
-	"version": "0.3.75",
+	"version": "0.3.76",
 	"type": "module",
 	"peerDependencies": {
 		"@sveltejs/kit": "^2.20.0",
-		"@widgetic/api-sdk": "^1.0.22",
+		"@widgetic/api-sdk": "^1.0.23",
 		"@widgetic/cache-layer": "^0.1.2",
 		"@widgetic/canvas": "^0.5.15",
 		"@widgetic/chat": "^0.1.17",
@@ -68,7 +68,7 @@
 		"@tailwindcss/postcss": "^4.1.4",
 		"@tailwindcss/typography": "^0.5.15",
 		"@types/node": "26.4.0",
-		"@widgetic/api-sdk": "^1.0.22",
+		"@widgetic/api-sdk": "^1.0.23",
 		"@widgetic/cache-layer": "^0.1.2",
 		"@widgetic/canvas": "^0.5.15",
 		"@widgetic/chat": "^0.1.17",