@pixerate/editor-svelte 0.123.0 → 0.124.1

package/dist/chart/ChartInspector.svelte

@@ -39,6 +39,7 @@
     defaultChartErrorBarValue,
     formatChartAmountList,
     isCartesianChart,
+    listChartMaps,
     suggestChartReferences,
     parseChartAmountList,
     type ChartAxis,
@@ -427,6 +428,29 @@
           </div>
         </div>
       {/if}
+      {#if spec.type === 'choropleth'}
+        {@const maps = listChartMaps()}
+        <div class="flex items-center gap-2">
+          <label for="{idPrefix}-map" class="{chartLabelClass} w-20 shrink-0">Map</label>
+          <select id="{idPrefix}-map" class={chartInputClass} value={spec.map} data-option="map" onchange={(e) => controller.update({ map: e.currentTarget.value })}>
+            {#each [...new Set([spec.map, ...maps.map((m) => m.id)])] as id (id)}
+              <option value={id}>{maps.find((m) => m.id === id)?.name ?? `${id} (not loaded)`}</option>
+            {/each}
+          </select>
+        </div>
+        <div class="flex items-center gap-2">
+          <label for="{idPrefix}-map-steps" class="{chartLabelClass} w-20 shrink-0">Classes</label>
+          <div class="min-w-0 flex-1">
+            <ChartCommitInput id="{idPrefix}-map-steps" value={String(spec.mapSteps)} inputmode="numeric" data-option="mapSteps" disabled={spec.mapThresholds.length > 0} oncommit={(text) => controller.update({ mapSteps: Number(text) }).ok} />
+          </div>
+        </div>
+        <div class="flex items-center gap-2">
+          <label for="{idPrefix}-map-breaks" class="{chartLabelClass} w-20 shrink-0">Breaks</label>
+          <div class="min-w-0 flex-1">
+            <ChartCommitInput id="{idPrefix}-map-breaks" value={spec.mapThresholds.join(', ')} placeholder="Equal classes" data-option="mapThresholds" oncommit={(text) => controller.update({ mapThresholds: text.trim() ? text.split(',').map((t) => Number(t.trim())) : [] }).ok} />
+          </div>
+        </div>
+      {/if}
       {#if spec.type === 'barrace'}
         <div class="flex items-center gap-2">
           <label for="{idPrefix}-race-top" class="{chartLabelClass} w-20 shrink-0">Bars</label>

package/dist/effects/EffectAuthoringEditor.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onDestroy } from 'svelte';
+  import { onDestroy, untrack } from 'svelte';
   import { effectSampleInputs, type EffectAuthoringSession, type EffectRenderer } from '@pixerate/editor/effects';
   import { effectAuthoringOf } from './effects.svelte.js';
   import EffectParameters from './EffectParameters.svelte';
@@ -32,6 +32,12 @@
   let renderer: EffectRenderer | null = $state.raw(null);
   let rendering = false;
   let pending = false;
+  /** Why the preview shows nothing: the preview could not be made, or its last frame failed. */
+  let previewError: string | null = $state(null);
+
+  function clearCanvas() {
+    canvas?.getContext('2d')?.clearRect(0, 0, canvas.width, canvas.height);
+  }
 
   // Preset saving state
   let savingPreset = $state(false);
@@ -49,6 +55,12 @@
     const w = previewSize.width;
     const h = previewSize.height;
 
+    // A new session must not show the last session's frame, whatever happens next.
+    untrack(() => {
+      clearCanvas();
+      previewError = null;
+    });
+
     if (!s) {
       if (renderer) {
         renderer.dispose();
@@ -67,6 +79,9 @@
       }
       createdRenderer = r;
       renderer = r;
+    }).catch((e: unknown) => {
+      // The session's own reason (state.previewError) when it has one, else the error's.
+      if (live) previewError = s.getState().previewError || (e instanceof Error ? e.message : String(e));
     });
 
     return () => {
@@ -103,8 +118,14 @@
           if (ctx && typeof ImageData !== 'undefined') {
             ctx.putImageData(new ImageData(new Uint8ClampedArray(pixels.data), pixels.width, pixels.height), 0, 0);
           }
-        } catch {
-          // A failed frame (for example a disposed renderer) is skipped; the next change draws again.
+          if (renderer === r) previewError = null;
+        } catch (e) {
+          // A frame from a renderer that has since been replaced (or disposed) is skipped; a failure
+          // of the current one clears the canvas and says why. The next change draws again.
+          if (renderer === r) {
+            clearCanvas();
+            previewError = e instanceof Error ? e.message : String(e);
+          }
         }
       } while (pending);
     } finally {
@@ -261,6 +282,11 @@
             class="h-full w-full object-contain"
             aria-label="Effect preview canvas"
           ></canvas>
+          {#if previewError}
+            <div class="absolute inset-0 flex items-center justify-center p-4 text-center text-xs text-white/80" role="status" data-effect-preview-error>
+              {previewError}
+            </div>
+          {/if}
         </div>
         {#if current.issues.length > 0}
           <div class="space-y-1 rounded border border-destructive/20 bg-destructive/10 p-2 text-xs" data-effect-issues>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixerate/editor-svelte",
-  "version": "0.123.0",
+  "version": "0.124.1",
   "description": "Svelte bindings and prompt/rich-text components for @pixerate/editor",
   "author": "Pixerate",
   "license": "MIT",
@@ -168,7 +168,7 @@
     "@tiptap/extension-bubble-menu": "^2.27.3",
     "@tiptap/extension-placeholder": "^2.27.3",
     "@tiptap/starter-kit": "^2.27.3",
-    "@pixerate/editor": "0.166.0"
+    "@pixerate/editor": "0.168.0"
   },
   "peerDependencies": {
     "@dagrejs/dagre": "^1.1.4",