@motion-core/motion-gpu 0.2.0 → 0.3.0

package/dist/svelte/MotionGPUErrorOverlay.svelte

@@ -53,9 +53,8 @@
 								class="motiongpu-error-source-tab motiongpu-error-source-tab-active"
 								role="tab"
 								aria-selected="true"
-								>{report.source.component} (fragment line {report.source
-									.line}{#if report.source.column}, col
-									{report.source.column}{/if})</span
+								>{report.source.location}{#if report.source.column}, col {report.source
+										.column}{/if}</span
 							>
 							<span class="motiongpu-error-source-tab-spacer" aria-hidden="true"></span>
 						</div>
@@ -117,21 +116,13 @@
 		--motiongpu-radius-xl: var(--radius-xl, 1rem);
 		--motiongpu-font-sans: var(
 			--font-sans,
-			'Aeonik Pro',
 			'Inter',
 			'Segoe UI',
 			'Helvetica Neue',
 			Arial,
 			sans-serif
 		);
-		--motiongpu-font-mono: var(
-			--font-mono,
-			'Aeonik font-mono',
-			'SFMono-Regular',
-			'Menlo',
-			'Consolas',
-			monospace
-		);
+		--motiongpu-font-mono: var(--font-mono, 'SFMono-Regular', 'Menlo', 'Consolas', monospace);
 		position: fixed;
 		inset: 0;
 		display: grid;
@@ -156,7 +147,7 @@
 		max-width: calc(100vw - 1.5rem);
 		box-sizing: border-box;
 		font-size: 0.875rem;
-		font-weight: 300;
+		font-weight: 400;
 		line-height: 1.45;
 		background: linear-gradient(
 			180deg,
@@ -229,7 +220,7 @@
 		background: color-mix(in srgb, var(--motiongpu-color-accent) 9%, var(--motiongpu-color-card));
 		font-size: 0.82rem;
 		line-height: 1.4;
-		font-weight: 300;
+		font-weight: 400;
 		color: var(--motiongpu-color-foreground);
 	}
 
@@ -237,7 +228,7 @@
 		margin: 0;
 		font-size: 0.82rem;
 		line-height: 1.45;
-		font-weight: 300;
+		font-weight: 400;
 		color: var(--motiongpu-color-foreground-muted);
 	}
 
@@ -282,7 +273,7 @@
 		align-items: center;
 		padding: 0.5rem 0.68rem;
 		font-size: 0.76rem;
-		font-weight: 300;
+		font-weight: 400;
 		line-height: 1.2;
 		color: var(--motiongpu-color-foreground-muted);
 		border-right: 1px solid var(--motiongpu-color-border);
@@ -317,7 +308,7 @@
 	.motiongpu-error-source-line {
 		font-family: var(--motiongpu-font-mono);
 		font-size: 0.77rem;
-		font-weight: 300;
+		font-weight: 400;
 		line-height: 1.3;
 		font-variant-numeric: tabular-nums;
 		font-feature-settings: 'tnum' 1;
@@ -329,7 +320,7 @@
 	.motiongpu-error-source-code {
 		font-family: var(--motiongpu-font-mono);
 		font-size: 0.77rem;
-		font-weight: 350;
+		font-weight: 400;
 		line-height: 1.3;
 		color: var(--motiongpu-color-foreground);
 		white-space: pre-wrap;
@@ -367,7 +358,7 @@
 		background: var(--motiongpu-color-background-muted);
 		font-size: 0.74rem;
 		line-height: 1.4;
-		font-weight: 300;
+		font-weight: 400;
 		color: var(--motiongpu-color-foreground);
 		font-family: var(--motiongpu-font-mono);
 	}

package/dist/svelte/use-texture.d.ts

@@ -1,5 +1,6 @@
 import { type CurrentReadable } from '../core/current-value.js';
 import { type LoadedTexture, type TextureLoadOptions } from '../core/texture-loader.js';
+import { type MotionGPUErrorReport } from '../core/error-report.js';
 /**
  * Reactive state returned by {@link useTexture}.
  */
@@ -16,6 +17,10 @@ export interface UseTextureResult {
      * Last loading error.
      */
     error: CurrentReadable<Error | null>;
+    /**
+     * Last loading error normalized to MotionGPU diagnostics report shape.
+     */
+    errorReport: CurrentReadable<MotionGPUErrorReport | null>;
     /**
      * Reloads all textures using current URL input.
      */

package/dist/svelte/use-texture.js

@@ -1,6 +1,7 @@
 import { onDestroy } from 'svelte';
 import { createCurrentWritable as currentWritable } from '../core/current-value.js';
 import { isAbortError, loadTexturesFromUrls } from '../core/texture-loader.js';
+import { toMotionGPUErrorReport } from '../core/error-report.js';
 /**
  * Normalizes unknown thrown values to an `Error` instance.
  */
@@ -60,6 +61,7 @@ export function useTexture(urlInput, options = {}) {
     const textures = currentWritable(null);
     const loading = currentWritable(true);
     const error = currentWritable(null);
+    const errorReport = currentWritable(null);
     let disposed = false;
     let requestVersion = 0;
     let activeController = null;
@@ -75,6 +77,7 @@ export function useTexture(urlInput, options = {}) {
         activeController = controller;
         loading.set(true);
         error.set(null);
+        errorReport.set(null);
         const previous = textures.current;
         const mergedSignal = mergeAbortSignals(controller.signal, options.signal);
         try {
@@ -98,7 +101,9 @@ export function useTexture(urlInput, options = {}) {
             }
             disposeTextures(previous);
             textures.set(null);
-            error.set(toError(nextError));
+            const normalizedError = toError(nextError);
+            error.set(normalizedError);
+            errorReport.set(toMotionGPUErrorReport(normalizedError, 'initialization'));
         }
         finally {
             if (!disposed && version === requestVersion) {
@@ -142,6 +147,7 @@ export function useTexture(urlInput, options = {}) {
         textures,
         loading,
         error,
+        errorReport,
         reload: load
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@motion-core/motion-gpu",
-	"version": "0.2.0",
+	"version": "0.3.0",
 	"description": "Framework-agnostic WebGPU runtime for fullscreen WGSL shaders with explicit Svelte adapter entrypoints.",
 	"keywords": [
 		"svelte",