@selvajs/ui 7.0.3-beta.0 → 7.0.3-beta.2

package/dist/components/compute/ComputeApp.svelte

@@ -6,7 +6,7 @@
 	import type { SolveFn } from '@selvajs/solve/shared';
 	import type { PresetLabels } from '../../types/presetLabels';
 	import { createSolvingIndicator } from '../../compute/solving.svelte';
-	import { createRequestResponseDriver } from '@selvajs/solve/client';
+	import { createComputeDriver } from '../../compute/computeDriver';
 	import type {
 		RetainedSolveResult,
 		SolveEventSource,
@@ -14,7 +14,6 @@
 		SolveSettlement
 	} from '@selvajs/solve/client';
 	import SolveMessages from './SolveMessages.svelte';
-	import { meshPolicy } from '@selvajs/visualization/parse';
 	import type { ThreeViewer } from '@selvajs/visualization/render';
 	import { useSolveSession } from '../../compute/useSolveSession.svelte';
 	import { useFooterItem } from '../../composables/useFooterItem.svelte';
@@ -171,13 +170,8 @@
 	// The session owns the value/lifecycle state machine; the driver is its transport. The
 	// session is passed as a getter because the two reference each other.
 	// svelte-ignore state_referenced_locally
-	const driver = createRequestResponseDriver(onSolve, () => session, {
+	const driver = createComputeDriver(onSolve, () => session, {
 		solveDeadlineMs,
-		// The driver's memo caches whole solve results, meshes included, and the viewer disposes
-		// what it renders on the next scene update. `@selvajs/solve` keeps meshes opaque, so the
-		// three.js clone/dispose rules come from the renderer that owns them. Without this, a memo
-		// hit serves an already-disposed mesh.
-		meshPolicy,
 		// `isSolving` lives on the driver, which the session can't observe — republish so the
 		// spinner and disabled states track it.
 		onChange: () => session.notify(),

package/dist/components/primitives/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -38,7 +38,7 @@
 		{@render childrenProp?.()}
 		{#if asSwitch}
 			<span
-				class="[[data-slot=dropdown-menu-shortcut]+&]:ml-2 h-4.5 w-8 pointer-events-none relative ml-auto shrink-0 rounded-full transition-colors {checked
+				class="not-pointer-coarse:[[data-slot=dropdown-menu-shortcut]+&]:ml-2 h-4.5 w-8 pointer-events-none relative ml-auto shrink-0 rounded-full transition-colors {checked
 					? 'bg-primary'
 					: 'bg-input'}"
 				data-slot="dropdown-menu-checkbox-item-switch"

package/dist/components/primitives/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="dropdown-menu-shortcut"
 	class={cn(
-		'h-5 min-w-5 px-1 font-mono ml-auto inline-flex items-center justify-center rounded-sm border bg-muted text-2xs text-muted-foreground group-focus/dropdown-menu-item:text-foreground',
+		'h-5 min-w-5 px-1 font-mono ml-auto inline-flex items-center justify-center rounded-sm border bg-muted text-2xs text-muted-foreground group-focus/dropdown-menu-item:text-foreground pointer-coarse:hidden',
 		className
 	)}
 	{...restProps}

package/dist/components/viewer/ViewerDock.svelte

@@ -316,7 +316,7 @@
 						>
 							<Spline />
 							{t.edges}
-							<DropdownMenu.Shortcut class="pointer-coarse:hidden">E</DropdownMenu.Shortcut>
+							<DropdownMenu.Shortcut>E</DropdownMenu.Shortcut>
 						</DropdownMenu.CheckboxItem>
 					</DropdownMenu.Content>
 				</DropdownMenu.Root>
@@ -406,14 +406,14 @@
 					>
 						<Cuboid />
 						{t.switchToOrthographic}
-						<DropdownMenu.Shortcut class="pointer-coarse:hidden">O</DropdownMenu.Shortcut>
+						<DropdownMenu.Shortcut>O</DropdownMenu.Shortcut>
 					</DropdownMenu.CheckboxItem>
 
 					{#if showGrid}
 						<DropdownMenu.CheckboxItem switch checked={gridVisible} onCheckedChange={onToggleGrid}>
 							<Grid3x3 />
 							{t.grid}
-							<DropdownMenu.Shortcut class="pointer-coarse:hidden">G</DropdownMenu.Shortcut>
+							<DropdownMenu.Shortcut>G</DropdownMenu.Shortcut>
 						</DropdownMenu.CheckboxItem>
 					{/if}
 
@@ -421,7 +421,7 @@
 						<DropdownMenu.CheckboxItem switch checked={nightOn} onCheckedChange={onToggleNight}>
 							<Moon />
 							{t.nightMode}
-							<DropdownMenu.Shortcut class="pointer-coarse:hidden">N</DropdownMenu.Shortcut>
+							<DropdownMenu.Shortcut>N</DropdownMenu.Shortcut>
 						</DropdownMenu.CheckboxItem>
 					{/if}
 

package/dist/compute/computeDriver.d.ts

@@ -0,0 +1,9 @@
+import { type RequestResponseDriverOptions, type SolveDriver, type SolveReporter } from '@selvajs/solve/client';
+import type { SolveFn } from '@selvajs/solve/shared';
+/**
+ * The request/response driver `ComputeApp` solves through. Its memo caches whole solve results,
+ * meshes included, and the viewer disposes what it renders on the next scene update.
+ * `@selvajs/solve` keeps meshes opaque, so the three.js clone/dispose rules come from the renderer
+ * that owns them: without `meshPolicy`, a memo hit serves an already-disposed mesh.
+ */
+export declare function createComputeDriver(onSolve: SolveFn, getReporter: () => SolveReporter, options: Omit<RequestResponseDriverOptions<unknown>, 'meshPolicy'>): SolveDriver;

package/dist/compute/computeDriver.js

@@ -0,0 +1,11 @@
+import { createRequestResponseDriver } from '@selvajs/solve/client';
+import { meshPolicy } from '@selvajs/visualization/parse';
+/**
+ * The request/response driver `ComputeApp` solves through. Its memo caches whole solve results,
+ * meshes included, and the viewer disposes what it renders on the next scene update.
+ * `@selvajs/solve` keeps meshes opaque, so the three.js clone/dispose rules come from the renderer
+ * that owns them: without `meshPolicy`, a memo hit serves an already-disposed mesh.
+ */
+export function createComputeDriver(onSolve, getReporter, options) {
+    return createRequestResponseDriver(onSolve, getReporter, { ...options, meshPolicy });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selvajs/ui",
-  "version": "7.0.3-beta.0",
+  "version": "7.0.3-beta.2",
   "description": "Shared UI components and utilities for Selva applications",
   "license": "MIT",
   "author": "VektorNode",
@@ -62,10 +62,10 @@
     "svelte": "^5",
     "tailwind-variants": "^3.3.1",
     "three": "^0.187.0",
-    "@selvajs/compute": "^5.0.1",
-    "@selvajs/schemas": "^5.3.0",
-    "@selvajs/solve": "^2.1.0-beta.0",
-    "@selvajs/visualization": "^1.7.1-beta.0"
+    "@selvajs/compute": "^5.1.0-beta.0",
+    "@selvajs/solve": "^2.1.0-beta.3",
+    "@selvajs/schemas": "^5.3.1-beta.1",
+    "@selvajs/visualization": "^1.7.1-beta.1"
   },
   "peerDependenciesMeta": {
     "three": {
@@ -94,11 +94,11 @@
     "svelte": "5.57.3",
     "tailwind-variants": "^3.3.1",
     "vitest": "^5.0.5",
-    "@selvajs/compute": "5.0.1",
-    "@selvajs/visualization": "1.7.1-beta.0",
-    "@selvajs/solve": "2.1.0-beta.0",
+    "@selvajs/compute": "5.1.0-beta.0",
     "@selvajs/config": "0.0.4",
-    "@selvajs/schemas": "5.3.0"
+    "@selvajs/schemas": "5.3.1-beta.1",
+    "@selvajs/solve": "2.1.0-beta.3",
+    "@selvajs/visualization": "1.7.1-beta.1"
   },
   "imports": {
     "#lib": "./src/lib/index.js",

package/src/lib/components/compute/ComputeApp.svelte

@@ -6,7 +6,7 @@
 	import type { SolveFn } from '@selvajs/solve/shared';
 	import type { PresetLabels } from '../../types/presetLabels';
 	import { createSolvingIndicator } from '../../compute/solving.svelte';
-	import { createRequestResponseDriver } from '@selvajs/solve/client';
+	import { createComputeDriver } from '../../compute/computeDriver';
 	import type {
 		RetainedSolveResult,
 		SolveEventSource,
@@ -14,7 +14,6 @@
 		SolveSettlement
 	} from '@selvajs/solve/client';
 	import SolveMessages from './SolveMessages.svelte';
-	import { meshPolicy } from '@selvajs/visualization/parse';
 	import type { ThreeViewer } from '@selvajs/visualization/render';
 	import { useSolveSession } from '../../compute/useSolveSession.svelte';
 	import { useFooterItem } from '../../composables/useFooterItem.svelte';
@@ -171,13 +170,8 @@
 	// The session owns the value/lifecycle state machine; the driver is its transport. The
 	// session is passed as a getter because the two reference each other.
 	// svelte-ignore state_referenced_locally
-	const driver = createRequestResponseDriver(onSolve, () => session, {
+	const driver = createComputeDriver(onSolve, () => session, {
 		solveDeadlineMs,
-		// The driver's memo caches whole solve results, meshes included, and the viewer disposes
-		// what it renders on the next scene update. `@selvajs/solve` keeps meshes opaque, so the
-		// three.js clone/dispose rules come from the renderer that owns them. Without this, a memo
-		// hit serves an already-disposed mesh.
-		meshPolicy,
 		// `isSolving` lives on the driver, which the session can't observe — republish so the
 		// spinner and disabled states track it.
 		onChange: () => session.notify(),

package/src/lib/components/primitives/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -38,7 +38,7 @@
 		{@render childrenProp?.()}
 		{#if asSwitch}
 			<span
-				class="[[data-slot=dropdown-menu-shortcut]+&]:ml-2 h-4.5 w-8 pointer-events-none relative ml-auto shrink-0 rounded-full transition-colors {checked
+				class="not-pointer-coarse:[[data-slot=dropdown-menu-shortcut]+&]:ml-2 h-4.5 w-8 pointer-events-none relative ml-auto shrink-0 rounded-full transition-colors {checked
 					? 'bg-primary'
 					: 'bg-input'}"
 				data-slot="dropdown-menu-checkbox-item-switch"

package/src/lib/components/primitives/dropdown-menu/dropdown-menu-shortcut.svelte

@@ -14,7 +14,7 @@
 	bind:this={ref}
 	data-slot="dropdown-menu-shortcut"
 	class={cn(
-		'h-5 min-w-5 px-1 font-mono ml-auto inline-flex items-center justify-center rounded-sm border bg-muted text-2xs text-muted-foreground group-focus/dropdown-menu-item:text-foreground',
+		'h-5 min-w-5 px-1 font-mono ml-auto inline-flex items-center justify-center rounded-sm border bg-muted text-2xs text-muted-foreground group-focus/dropdown-menu-item:text-foreground pointer-coarse:hidden',
 		className
 	)}
 	{...restProps}

package/src/lib/components/viewer/ViewerDock.svelte

@@ -316,7 +316,7 @@
 						>
 							<Spline />
 							{t.edges}
-							<DropdownMenu.Shortcut class="pointer-coarse:hidden">E</DropdownMenu.Shortcut>
+							<DropdownMenu.Shortcut>E</DropdownMenu.Shortcut>
 						</DropdownMenu.CheckboxItem>
 					</DropdownMenu.Content>
 				</DropdownMenu.Root>
@@ -406,14 +406,14 @@
 					>
 						<Cuboid />
 						{t.switchToOrthographic}
-						<DropdownMenu.Shortcut class="pointer-coarse:hidden">O</DropdownMenu.Shortcut>
+						<DropdownMenu.Shortcut>O</DropdownMenu.Shortcut>
 					</DropdownMenu.CheckboxItem>
 
 					{#if showGrid}
 						<DropdownMenu.CheckboxItem switch checked={gridVisible} onCheckedChange={onToggleGrid}>
 							<Grid3x3 />
 							{t.grid}
-							<DropdownMenu.Shortcut class="pointer-coarse:hidden">G</DropdownMenu.Shortcut>
+							<DropdownMenu.Shortcut>G</DropdownMenu.Shortcut>
 						</DropdownMenu.CheckboxItem>
 					{/if}
 
@@ -421,7 +421,7 @@
 						<DropdownMenu.CheckboxItem switch checked={nightOn} onCheckedChange={onToggleNight}>
 							<Moon />
 							{t.nightMode}
-							<DropdownMenu.Shortcut class="pointer-coarse:hidden">N</DropdownMenu.Shortcut>
+							<DropdownMenu.Shortcut>N</DropdownMenu.Shortcut>
 						</DropdownMenu.CheckboxItem>
 					{/if}
 

package/src/lib/compute/computeDriver.ts

@@ -0,0 +1,22 @@
+import {
+	createRequestResponseDriver,
+	type RequestResponseDriverOptions,
+	type SolveDriver,
+	type SolveReporter
+} from '@selvajs/solve/client';
+import type { SolveFn } from '@selvajs/solve/shared';
+import { meshPolicy } from '@selvajs/visualization/parse';
+
+/**
+ * The request/response driver `ComputeApp` solves through. Its memo caches whole solve results,
+ * meshes included, and the viewer disposes what it renders on the next scene update.
+ * `@selvajs/solve` keeps meshes opaque, so the three.js clone/dispose rules come from the renderer
+ * that owns them: without `meshPolicy`, a memo hit serves an already-disposed mesh.
+ */
+export function createComputeDriver(
+	onSolve: SolveFn,
+	getReporter: () => SolveReporter,
+	options: Omit<RequestResponseDriverOptions<unknown>, 'meshPolicy'>
+): SolveDriver {
+	return createRequestResponseDriver(onSolve, getReporter, { ...options, meshPolicy });
+}