@jigs.design/catalog 0.1.0 → 0.1.2

package/README.md

@@ -13,18 +13,18 @@ export const host = defineHost({ components: catalog, procedures });
 ```tsx
 // in the browser
 import { components } from "@jigs.design/catalog/react";
-<PickleView client={client} components={components} program={program} />;
+<JigsView client={client} components={components} program={program} />;
 ```
 
 Import `@jigs.design/catalog/styles.css` once, in your root layout.
 
 ## Entry points
 
-| Entry                             | Runs in | What it holds                               |
-| --------------------------------- | ------- | ------------------------------------------- |
-| `@jigs.design/catalog`            | Server  | `catalog` and the `DefaultCatalog` type     |
-| `@jigs.design/catalog/react`      | Browser | `components`, the registry for `PickleView` |
-| `@jigs.design/catalog/styles.css` | Browser | The registry's styles                       |
+| Entry                             | Runs in | What it holds                             |
+| --------------------------------- | ------- | ----------------------------------------- |
+| `@jigs.design/catalog`            | Server  | `catalog` and the `DefaultCatalog` type   |
+| `@jigs.design/catalog/react`      | Browser | `components`, the registry for `JigsView` |
+| `@jigs.design/catalog/styles.css` | Browser | The registry's styles                     |
 
 ## Components
 
@@ -34,7 +34,7 @@ Import `@jigs.design/catalog/styles.css` once, in your root layout.
 - Data: `table`, and on Recharts `chart`, `pieChart`, `scatterChart`, `radarChart` and `sparkline`, and `progress`.
 - Media: `image`, `icon` (Lucide).
 
-The catalog is at version 3, since `icon` took `color="info"` (version 2 brought the charts and `progress`). A spec's `{@pickle 0 catalog=3}` line names the version it was written for. Field controls take an `ariaLabel`.
+The catalog is at version 3, since `icon` took `color="info"` (version 2 brought the charts and `progress`). A spec's `{@jigs 0 catalog=3}` line names the version it was written for. Field controls take an `ariaLabel`.
 
 ## Source
 

package/dist/react/controls.js

@@ -1,7 +1,7 @@
 import { buttonColors, controlSizes, controlVariants, fieldVariants } from "../catalog.js";
 import { classes, isBoolean, isNumber, keyField, oneOf, textField } from "./props.js";
 import { Glyph, iconLabel } from "./icons.js";
-import { controlled, useLocalValue } from "./local-value.js";
+import { controlled, useLocalValue } from "@jigs.design/react";
 import { ChevronDown, Minus, Plus, X } from "lucide-react";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@jigs.design/catalog",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "The default catalog, modeled on ChatKit widgets, and a React registry for it.",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/yoamomonstruos/pickle.git",
+    "url": "git+https://github.com/yoamomonstruos/jigs.git",
     "directory": "packages/catalog"
   },
   "type": "module",
@@ -34,14 +34,14 @@
   "dependencies": {
     "lucide-react": "1.57.0",
     "recharts": "3.10.1",
-    "@jigs.design/react": "0.1.0",
-    "@jigs.design/host": "0.1.0"
+    "@jigs.design/host": "0.1.2",
+    "@jigs.design/react": "0.1.2"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@jigs.design/prompt": "0.1.0",
-    "@jigs.design/server": "0.1.0"
+    "@jigs.design/prompt": "0.1.2",
+    "@jigs.design/server": "0.1.2"
   }
 }

package/dist/react/local-value.js

@@ -1,47 +0,0 @@
-import { useState } from "react";
-import { useHandlerSettled } from "@jigs.design/react";
-//#region src/react/local-value.ts
-/**
-* Whether the program controls a control's value: it sets the value prop
-* (`value`, or `checked`) and handles `onChange`. A control with only
-* `onChange` is uncontrolled, like a React input without `value`: the
-* program hears each edit but the control keeps what the user did.
-*/
-const controlled = (value, onChange) => value !== void 0 && onChange !== void 0;
-/**
-* A local copy of a value the program owns, so a control can run ahead of the
-* round trip to the sandbox. Pass `echoes` when the program controls the
-* value (`controlled`): echoes of the edits sent to it then don't reset the
-* control, but any other new value does, and so does an edit the program did
-* not take: once it has answered every call (`useHandlerSettled`) and `value`
-* is still not the edit, the control goes back to `value`. Without `echoes`,
-* the control keeps its own state until `value` changes.
-*/
-function useLocalValue(value, echoes) {
-	const settled = useHandlerSettled();
-	const [local, setLocal] = useState(value);
-	const [seen, setSeen] = useState(value);
-	const [seenSettled, setSeenSettled] = useState(settled);
-	const [pending, setPending] = useState([]);
-	if (!Object.is(value, seen)) {
-		setSeen(value);
-		const echo = pending.findIndex((sent) => Object.is(sent, value));
-		if (echo === -1) {
-			setLocal(value);
-			setPending([]);
-		} else setPending(pending.slice(echo + 1));
-	} else if (settled !== seenSettled) {
-		setSeenSettled(settled);
-		if (pending.length > 0) {
-			setLocal(value);
-			setPending([]);
-		}
-	}
-	const edit = (next) => {
-		setLocal(next);
-		if (echoes) setPending([...pending.slice(-20), next]);
-	};
-	return [local, edit];
-}
-//#endregion
-export { controlled, useLocalValue };