@happyvertical/smrt-inventory 0.54.2 → 0.54.4

package/dist/svelte/AdjustStockForm.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { StockAdjustmentInput } from './types.js';
+export interface Props {
+    skuId: string;
+    locationId: string;
+    onsubmit: (input: StockAdjustmentInput) => Promise<void> | void;
+    disabled?: boolean;
+}
+declare const AdjustStockForm: import("svelte").Component<Props, {}, "">;
+type AdjustStockForm = ReturnType<typeof AdjustStockForm>;
+export default AdjustStockForm;
+//# sourceMappingURL=AdjustStockForm.svelte.d.ts.map

package/dist/svelte/AdjustStockForm.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdjustStockForm.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/AdjustStockForm.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0DD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/LocationForm.svelte

@@ -0,0 +1,65 @@
+<script lang="ts">
+import { Checkbox, Form, FormGroup, Input } from '@happyvertical/smrt-ui/forms';
+import { Button } from '@happyvertical/smrt-ui/ui';
+import { untrack } from 'svelte';
+import type { InventoryLocationData } from './types.js';
+export interface Props {
+  location?: InventoryLocationData;
+  onsubmit: (input: InventoryLocationData) => Promise<void> | void;
+  disabled?: boolean;
+}
+const { location, onsubmit, disabled = false }: Props = $props();
+let code = $state(untrack(() => location?.code ?? ''));
+let name = $state(untrack(() => location?.name ?? ''));
+let kind = $state(untrack(() => location?.kind ?? 'warehouse'));
+let placeId = $state(untrack(() => location?.placeId ?? ''));
+let active = $state(untrack(() => location?.active ?? true));
+let pending = $state(false);
+let error = $state('');
+let saved = $state(false);
+$effect(() => {
+  code = location?.code ?? '';
+  name = location?.name ?? '';
+  kind = location?.kind ?? 'warehouse';
+  placeId = location?.placeId ?? '';
+  active = location?.active ?? true;
+  saved = false;
+  error = '';
+});
+async function submit(event: SubmitEvent) {
+  event.preventDefault();
+  if (pending || disabled) return;
+  error = '';
+  saved = false;
+  if (!code.trim() || !name.trim() || !kind.trim()) {
+    error = 'Code, name, and kind are required.';
+    return;
+  }
+  pending = true;
+  try {
+    await onsubmit({
+      id: location?.id,
+      code: code.trim(),
+      name: name.trim(),
+      kind: kind.trim(),
+      placeId: placeId.trim(),
+      active,
+    });
+    saved = true;
+  } catch (cause) {
+    error = cause instanceof Error ? cause.message : 'Unable to save location.';
+  } finally {
+    pending = false;
+  }
+}
+</script>
+<Form onsubmit={submit} aria-label="Inventory location">
+  <FormGroup label="Code"><Input bind:value={code} required disabled={disabled || pending} /></FormGroup>
+  <FormGroup label="Name"><Input bind:value={name} required disabled={disabled || pending} /></FormGroup>
+  <FormGroup label="Kind"><Input bind:value={kind} required disabled={disabled || pending} /></FormGroup>
+  <FormGroup label="Place ID"><Input bind:value={placeId} disabled={disabled || pending} /></FormGroup>
+  <Checkbox label="Active" bind:checked={active} disabled={disabled || pending} />
+  {#if error}<p role="alert">{error}</p>{/if}
+  {#if saved}<p role="status">Location saved</p>{/if}
+  <Button type="submit" disabled={disabled || pending}>{pending ? 'Saving…' : 'Save location'}</Button>
+</Form>

package/dist/svelte/LocationForm.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { InventoryLocationData } from './types.js';
+export interface Props {
+    location?: InventoryLocationData;
+    onsubmit: (input: InventoryLocationData) => Promise<void> | void;
+    disabled?: boolean;
+}
+declare const LocationForm: import("svelte").Component<Props, {}, "">;
+type LocationForm = ReturnType<typeof LocationForm>;
+export default LocationForm;
+//# sourceMappingURL=LocationForm.svelte.d.ts.map

package/dist/svelte/LocationForm.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationForm.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/LocationForm.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiED,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/LocationList.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+import { Button } from '@happyvertical/smrt-ui/ui';
+import type { InventoryLocationData } from './types.js';
+export interface Props {
+  locations: InventoryLocationData[];
+  onedit?: (location: InventoryLocationData) => void;
+}
+const { locations, onedit }: Props = $props();
+</script>
+<table>
+  <caption>Inventory locations</caption>
+  <thead><tr><th>Code</th><th>Name</th><th>Kind</th><th>Status</th>{#if onedit}<th>Actions</th>{/if}</tr></thead>
+  <tbody>{#each locations as location}
+    <tr><td>{location.code}</td><td>{location.name}</td><td>{location.kind}</td><td>{location.active ? 'Active' : 'Inactive'}</td>{#if onedit}<td><Button onclick={() => onedit?.(location)}>Edit {location.code}</Button></td>{/if}</tr>
+  {:else}<tr><td colspan={onedit ? 5 : 4}>No inventory locations</td></tr>{/each}</tbody>
+</table>

package/dist/svelte/LocationList.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { InventoryLocationData } from './types.js';
+export interface Props {
+    locations: InventoryLocationData[];
+    onedit?: (location: InventoryLocationData) => void;
+}
+declare const LocationList: import("svelte").Component<Props, {}, "">;
+type LocationList = ReturnType<typeof LocationList>;
+export default LocationList;
+//# sourceMappingURL=LocationList.svelte.d.ts.map

package/dist/svelte/LocationList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationList.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/LocationList.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,WAAW,KAAK;IACpB,SAAS,EAAE,qBAAqB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACpD;AAiBD,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/MovementHistory.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+import type { StockMovementData } from './types.js';
+export interface Props {
+  movements: StockMovementData[];
+}
+const { movements }: Props = $props();
+</script>
+<table>
+  <caption>Stock movement history</caption>
+  <thead><tr><th>When</th><th>Location</th><th>SKU</th><th>From</th><th>To</th><th>Quantity</th><th>Reason</th><th>Actor</th><th>Source</th><th>Note</th></tr></thead>
+  <tbody>{#each movements as movement}
+    <tr><td>{movement.occurredAt instanceof Date ? movement.occurredAt.toISOString() : movement.occurredAt ?? '—'}</td><td>{movement.locationId}</td><td>{movement.skuId}</td><td>{movement.fromState ?? 'Outside inventory'}</td><td>{movement.toState ?? 'Outside inventory'}</td><td>{movement.qty}</td><td>{movement.reasonCode}</td><td>{movement.actorProfileId ?? 'Unattributed'}</td><td>{movement.sourceType} {movement.sourceId}</td><td>{movement.note}</td></tr>
+  {:else}<tr><td colspan="10">No stock movements</td></tr>{/each}</tbody>
+</table>

package/dist/svelte/MovementHistory.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { StockMovementData } from './types.js';
+export interface Props {
+    movements: StockMovementData[];
+}
+declare const MovementHistory: import("svelte").Component<Props, {}, "">;
+type MovementHistory = ReturnType<typeof MovementHistory>;
+export default MovementHistory;
+//# sourceMappingURL=MovementHistory.svelte.d.ts.map

package/dist/svelte/MovementHistory.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MovementHistory.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/MovementHistory.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,WAAW,KAAK;IACpB,SAAS,EAAE,iBAAiB,EAAE,CAAC;CAChC;AAgBD,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/StockLevels.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+import type { StockLevelData } from './types.js';
+export interface Props {
+  levels: StockLevelData[];
+  locationId?: string;
+}
+const { levels, locationId }: Props = $props();
+const visible = $derived(
+  levels.filter(
+    (level) => locationId === undefined || level.locationId === locationId,
+  ),
+);
+</script>
+<table>
+  <caption>Stock levels by location</caption>
+  <thead><tr><th>Location</th><th>SKU</th><th>State</th><th>Quantity</th><th>Reorder point</th><th>Reorder quantity</th><th>Status</th></tr></thead>
+  <tbody>
+    {#each visible as level}
+      <tr><td>{level.locationId}</td><td>{level.skuId}</td><td>{level.state}</td><td>{level.qty}</td><td>{level.reorderPoint ?? '—'}</td><td>{level.reorderQuantity ?? '—'}</td><td>{level.state === 'available' && level.reorderPoint != null && level.qty < level.reorderPoint ? 'Low stock' : '—'}</td></tr>
+    {:else}<tr><td colspan="7">No stock levels</td></tr>{/each}
+  </tbody>
+</table>

package/dist/svelte/StockLevels.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { StockLevelData } from './types.js';
+export interface Props {
+    levels: StockLevelData[];
+    locationId?: string;
+}
+declare const StockLevels: import("svelte").Component<Props, {}, "">;
+type StockLevels = ReturnType<typeof StockLevels>;
+export default StockLevels;
+//# sourceMappingURL=StockLevels.svelte.d.ts.map

package/dist/svelte/StockLevels.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StockLevels.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/StockLevels.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAuBD,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/svelte/index.d.ts

@@ -0,0 +1,7 @@
+export { default as AdjustStockForm } from './AdjustStockForm.svelte';
+export { default as LocationForm } from './LocationForm.svelte';
+export { default as LocationList } from './LocationList.svelte';
+export { default as MovementHistory } from './MovementHistory.svelte';
+export { default as StockLevels } from './StockLevels.svelte';
+export type { InventoryLocationData, StockAdjustmentInput, StockLevelData, StockMovementData, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/svelte/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,iBAAiB,GAClB,MAAM,YAAY,CAAC"}

package/dist/svelte/index.js

@@ -0,0 +1,5 @@
+export { default as AdjustStockForm } from './AdjustStockForm.svelte';
+export { default as LocationForm } from './LocationForm.svelte';
+export { default as LocationList } from './LocationList.svelte';
+export { default as MovementHistory } from './MovementHistory.svelte';
+export { default as StockLevels } from './StockLevels.svelte';

package/dist/svelte/types.d.ts

@@ -0,0 +1,40 @@
+/** Browser-safe inventory view contracts. Hosts supply authorized data and callbacks. */
+export interface StockLevelData {
+    id?: string;
+    skuId: string;
+    locationId: string;
+    state: string;
+    qty: number;
+    reorderPoint?: number | null;
+    reorderQuantity?: number | null;
+}
+export interface StockMovementData {
+    fromState?: string | null;
+    toState?: string | null;
+    id?: string;
+    skuId: string;
+    locationId: string;
+    qty: number;
+    reasonCode: string;
+    actorProfileId?: string | null;
+    sourceType?: string;
+    sourceId?: string;
+    note?: string;
+    occurredAt?: Date | string;
+}
+export interface InventoryLocationData {
+    id?: string;
+    code: string;
+    name: string;
+    kind: string;
+    placeId?: string;
+    active: boolean;
+}
+export interface StockAdjustmentInput {
+    skuId: string;
+    locationId: string;
+    delta: number;
+    reasonCode: string;
+    note: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/svelte/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/svelte/types.ts"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AACD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;CAC5B;AACD,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;AACD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd"}

package/dist/svelte/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-inventory",
-  "version": "0.54.2",
+  "version": "0.54.4",
   "description": "Multi-location stock tracking for the SMRT framework — Sku, InventoryLocation, StockLevel, StockMovement, and a stock-mutation service",
   "type": "module",
   "main": "./dist/index.js",
@@ -16,20 +16,30 @@
       "import": "./dist/index.js"
     },
     "./manifest": "./dist/manifest.json",
-    "./manifest.json": "./dist/manifest.json"
+    "./manifest.json": "./dist/manifest.json",
+    "./svelte": {
+      "types": "./dist/svelte/index.d.ts",
+      "svelte": "./dist/svelte/index.js",
+      "import": "./dist/svelte/index.js"
+    }
   },
   "dependencies": {
-    "@happyvertical/logger": "^0.100.3",
-    "@happyvertical/smrt-core": "0.54.2",
-    "@happyvertical/smrt-tenancy": "0.54.2",
-    "@happyvertical/sql": "^0.100.3"
+    "@happyvertical/logger": "^0.102.1",
+    "@happyvertical/smrt-core": "0.54.4",
+    "@happyvertical/smrt-tenancy": "0.54.4",
+    "@happyvertical/sql": "^0.102.1",
+    "@happyvertical/smrt-ui": "0.54.4"
   },
   "devDependencies": {
-    "@happyvertical/smrt-vitest": "0.54.2",
+    "@happyvertical/smrt-vitest": "0.54.4",
     "@types/node": "24.13.6",
     "typescript": "6.0.3",
     "vite": "8.1.4",
-    "vitest": "4.1.10"
+    "vitest": "4.1.10",
+    "@sveltejs/package": "^2.5.8",
+    "@sveltejs/vite-plugin-svelte": "^7.3.0",
+    "svelte": "^5.57.1",
+    "svelte-check": "^4.7.6"
   },
   "keywords": [
     "smrt",
@@ -51,14 +61,22 @@
     "url": "https://github.com/happyvertical/smrt.git",
     "directory": "packages/inventory"
   },
+  "peerDependencies": {
+    "svelte": "^5.57.0"
+  },
+  "peerDependenciesMeta": {
+    "svelte": {
+      "optional": true
+    }
+  },
   "scripts": {
-    "build": "vite build --mode library",
+    "build": "vite build --mode library && svelte-package -i src/svelte -o dist/svelte --tsconfig tsconfig.svelte.json && node ../../scripts/prune-svelte-package-artifacts.js dist",
     "build:watch": "vite build --mode library --watch",
     "clean": "rm -rf dist",
     "dev": "vite dev",
     "test": "vitest run",
     "test:watch": "vitest",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit && node ../../scripts/svelte-check-a11y.mjs --tsconfig ./tsconfig.svelte.json",
     "verify:pack": "node ../../scripts/verify-package-types-exports.js ."
   }
 }