@joystyk/cards-ui 0.0.0-stage → 0.2.0

package/dist/tiles.js

@@ -0,0 +1,157 @@
+import "@gyral/core";
+import { compiled, compiledSvg } from "@gyral/core/compiled";
+import { tileName } from "@joystyk/kit/tiles";
+//#region src/tiles.ts
+var _gyral$t0 = {
+	"id": "ihzfmgdi6r",
+	"html": "<g><!----></g>",
+	"parts": [[
+		2,
+		[0],
+		0
+	], [0, [0]]],
+	"svg": true,
+	"segments": [
+		"<g>",
+		{
+			"k": "child",
+			"in": "g",
+			"svg": true
+		},
+		"<!---->",
+		{
+			"k": "child",
+			"in": "g",
+			"svg": true
+		},
+		"</g>"
+	]
+};
+var _gyral$t1 = {
+	"id": "16cs87es1ze",
+	"html": "<circle r=\"3.1\" fill=\"#25251f\"/>",
+	"parts": [[
+		3,
+		[0],
+		"cx"
+	], [
+		3,
+		[0],
+		"cy"
+	]],
+	"svg": true,
+	"segments": [
+		"<circle r=\"3.1\" fill=\"#25251f\"",
+		{
+			"k": "attr",
+			"name": "cx"
+		},
+		{
+			"k": "attr",
+			"name": "cy"
+		},
+		"/>"
+	]
+};
+var _gyral$t2 = {
+	"id": "27i9zkfukhm",
+	"html": "<text x=\"3\" fill=\"#25251f\" font-size=\"8\" font-family=\"system-ui\"></text>",
+	"parts": [[
+		3,
+		[0],
+		"y"
+	], [1, [0]]],
+	"svg": true,
+	"segments": [
+		"<text x=\"3\" fill=\"#25251f\" font-size=\"8\" font-family=\"system-ui\"",
+		{
+			"k": "attr",
+			"name": "y"
+		},
+		">",
+		{
+			"k": "child",
+			"in": "text",
+			"svg": true
+		},
+		"</text>"
+	]
+};
+var _gyral$t3 = {
+	"id": "2zzmg40rk0",
+	"html": "<svg viewBox=\"0 0 40 80\" role=\"img\" width=\"100%\" height=\"100%\"><rect x=\"1\" y=\"1\" width=\"38\" height=\"78\" rx=\"4\" fill=\"#f6efd9\" stroke=\"#454438\" stroke-width=\"2\"/><path d=\"M4 40H36\" stroke=\"#454438\"/><circle cx=\"20\" cy=\"40\" r=\"1.5\" fill=\"#80703d\"/><!----></svg>",
+	"parts": [
+		[
+			3,
+			[0],
+			"aria-label"
+		],
+		[
+			2,
+			[0],
+			3
+		],
+		[0, [0]]
+	],
+	"segments": [
+		"<svg viewBox=\"0 0 40 80\" role=\"img\" width=\"100%\" height=\"100%\"",
+		{
+			"k": "attr",
+			"name": "aria-label"
+		},
+		"><rect x=\"1\" y=\"1\" width=\"38\" height=\"78\" rx=\"4\" fill=\"#f6efd9\" stroke=\"#454438\" stroke-width=\"2\"/><path d=\"M4 40H36\" stroke=\"#454438\"/><circle cx=\"20\" cy=\"40\" r=\"1.5\" fill=\"#80703d\"/>",
+		{
+			"k": "child",
+			"in": "svg",
+			"svg": true
+		},
+		"<!---->",
+		{
+			"k": "child",
+			"in": "svg",
+			"svg": true
+		},
+		"</svg>"
+	]
+};
+var spots = [
+	[],
+	[4],
+	[0, 8],
+	[
+		0,
+		4,
+		8
+	],
+	[
+		0,
+		2,
+		6,
+		8
+	],
+	[
+		0,
+		2,
+		4,
+		6,
+		8
+	],
+	[
+		0,
+		2,
+		3,
+		5,
+		6,
+		8
+	]
+];
+var half = (n, y, numbers) => compiledSvg(_gyral$t0, [spots[n].map((i) => compiledSvg(_gyral$t1, [10 + i % 3 * 10, y + 10 + Math.floor(i / 3) * 10])), numbers ? compiledSvg(_gyral$t2, [y + 9, n]) : null]);
+var tileFace = (tile, numbers = false) => compiled(_gyral$t3, [
+	tileName(tile),
+	half(tile.a, 0, numbers),
+	half(tile.b, 40, numbers)
+]);
+//#endregion
+export { tileFace };
+
+//# sourceMappingURL=tiles.js.map

package/dist/tiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tiles.js","names":["_gyral$compiledSvg","_gyral$compiled1"],"sources":["../src/tiles.ts"],"sourcesContent":["import { svg, html, type ChildValue } from '@gyral/core';\nimport { tileName, type TileFace } from '@joystyk/kit/tiles';\nconst spots: readonly (readonly number[])[] = [\n  [],\n  [4],\n  [0, 8],\n  [0, 4, 8],\n  [0, 2, 6, 8],\n  [0, 2, 4, 6, 8],\n  [0, 2, 3, 5, 6, 8],\n];\nconst half = (n: number, y: number, numbers: boolean): ChildValue =>\n  svg`<g>${spots[n]!.map((i) => svg`<circle cx=${10 + (i % 3) * 10} cy=${y + 10 + Math.floor(i / 3) * 10} r=\"3.1\" fill=\"#25251f\"/>`)}${numbers ? svg`<text x=\"3\" y=${y + 9} fill=\"#25251f\" font-size=\"8\" font-family=\"system-ui\">${n}</text>` : null}</g>`;\nexport const tileFace = (tile: TileFace, numbers = false): ChildValue =>\n  html`<svg viewBox=\"0 0 40 80\" role=\"img\" aria-label=${tileName(tile)} width=\"100%\" height=\"100%\"><rect x=\"1\" y=\"1\" width=\"38\" height=\"78\" rx=\"4\" fill=\"#f6efd9\" stroke=\"#454438\" stroke-width=\"2\"/><path d=\"M4 40H36\" stroke=\"#454438\"/><circle cx=\"20\" cy=\"40\" r=\"1.5\" fill=\"#80703d\"/>${half(tile.a, 0, numbers)}${half(tile.b, 40, numbers)}</svg>`;\n"],"mappings":";;;;AAAA,IAAA,YAAA;CAAA,MAAA;CAAA,QAAA;CAAA,SAAA,CAAA;EAAA;EAAA,CAAA,CAAA;EAAA;CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;CAAA,OAAA;CAAA,YAAA;EAAA;EAAA;GAAA,KAAA;GAAA,MAAA;GAAA,OAAA;EAAA;EAAA;EAAA;GAAA,KAAA;GAAA,MAAA;GAAA,OAAA;EAAA;EAAA;CAAA;AAAA;AAAA,IAAA,YAAA;CAAA,MAAA;CAAA,QAAA;CAAA,SAAA,CAAA;EAAA;EAAA,CAAA,CAAA;EAAA;CAAA,GAAA;EAAA;EAAA,CAAA,CAAA;EAAA;CAAA,CAAA;CAAA,OAAA;CAAA,YAAA;EAAA;EAAA;GAAA,KAAA;GAAA,QAAA;EAAA;EAAA;GAAA,KAAA;GAAA,QAAA;EAAA;EAAA;CAAA;AAAA;AAAA,IAAA,YAAA;CAAA,MAAA;CAAA,QAAA;CAAA,SAAA,CAAA;EAAA;EAAA,CAAA,CAAA;EAAA;CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA;CAAA,OAAA;CAAA,YAAA;EAAA;EAAA;GAAA,KAAA;GAAA,QAAA;EAAA;EAAA;EAAA;GAAA,KAAA;GAAA,MAAA;GAAA,OAAA;EAAA;EAAA;CAAA;AAAA;AAAA,IAAA,YAAA;CAAA,MAAA;CAAA,QAAA;CAAA,SAAA;EAAA;GAAA;GAAA,CAAA,CAAA;GAAA;EAAA;EAAA;GAAA;GAAA,CAAA,CAAA;GAAA;EAAA;EAAA,CAAA,GAAA,CAAA,CAAA,CAAA;CAAA;CAAA,YAAA;EAAA;EAAA;GAAA,KAAA;GAAA,QAAA;EAAA;EAAA;EAAA;GAAA,KAAA;GAAA,MAAA;GAAA,OAAA;EAAA;EAAA;EAAA;GAAA,KAAA;GAAA,MAAA;GAAA,OAAA;EAAA;EAAA;CAAA;AAAA;AAEA,IAAA,QAAA;CACA,CAAA;CACA,CAAA,CAAA;CACA,CAAA,GAAA,CAAA;CACA;EAAA;EAAA;EAAA;CAAA;CACA;EAAA;EAAA;EAAA;EAAA;CAAA;CACA;EAAA;EAAA;EAAA;EAAA;EAAA;CAAA;CACA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;CAAA;AACA;AACA,IAAA,QAAA,GAAA,GAAA,YACEA,YAAA,WAAA,CAAS,MAAA,EAAA,CAAA,KAAA,MAAqBA,YAAA,WAAA,CAAiB,KAAA,IAAA,IAAA,IAAwB,IAAA,KAAA,KAAA,MAAA,IAAA,CAAA,IAAA,EAA+B,CAAA,CAA2B,GAAI,UAAUA,YAAA,WAAA,CAAoB,IAAA,GAA8D,CAAC,CAAA,IAAS,IAAO,CAAA;AACpP,IAAA,YAAA,MAAA,UAAA,UACEC,SAAA,WAAA;CAAsD,SAAA,IAAA;CAAoO,KAAA,KAAA,GAAA,GAAA,OAAA;CAA2B,KAAA,KAAA,GAAA,IAAA,OAAA;AAAyB,CAAA"}

package/dist/worker-setup.d.ts

@@ -0,0 +1,7 @@
+import type { Json, Validator } from '@joystyk/contracts';
+/** A short-lived certification worker per request. Every reply is parsed; disposal stops
+ * outstanding work and prevents a finished proof from changing an unmounted game. */
+export declare const workerSetup: <C extends Json>(make: () => Worker, schema: Validator<C>) => {
+    prepare: (command: Json) => Promise<Json>;
+    dispose: () => void;
+};

package/dist/worker-setup.js

@@ -0,0 +1,45 @@
+import { decode } from "./solitaire.js";
+//#region src/worker-setup.ts
+/** A short-lived certification worker per request. Every reply is parsed; disposal stops
+* outstanding work and prevents a finished proof from changing an unmounted game. */
+var workerSetup = (make, schema) => {
+	const active = /* @__PURE__ */ new Map();
+	let disposed = false;
+	return {
+		prepare: (command) => new Promise((resolve, reject) => {
+			if (disposed) {
+				reject(/* @__PURE__ */ new Error("Disposed"));
+				return;
+			}
+			const worker = make();
+			const stop = () => {
+				worker.terminate();
+				active.delete(worker);
+			};
+			active.set(worker, reject);
+			worker.addEventListener("message", (event) => {
+				stop();
+				const reply = decode(schema, event.data);
+				if (reply === null) reject(/* @__PURE__ */ new Error("Invalid preparation reply"));
+				else resolve(reply);
+			});
+			worker.addEventListener("error", () => {
+				stop();
+				reject(/* @__PURE__ */ new Error("The preparation worker failed"));
+			});
+			worker.postMessage(command);
+		}),
+		dispose: () => {
+			disposed = true;
+			for (const [worker, reject] of active) {
+				worker.terminate();
+				reject(/* @__PURE__ */ new Error("Disposed"));
+			}
+			active.clear();
+		}
+	};
+};
+//#endregion
+export { workerSetup };
+
+//# sourceMappingURL=worker-setup.js.map

package/dist/worker-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-setup.js","names":[],"sources":["../src/worker-setup.ts"],"sourcesContent":["import type { Json, Validator } from '@joystyk/contracts';\nimport { decode } from './solitaire.ts';\n/** A short-lived certification worker per request. Every reply is parsed; disposal stops\n * outstanding work and prevents a finished proof from changing an unmounted game. */\nexport const workerSetup = <C extends Json>(make: () => Worker, schema: Validator<C>) => {\n  const active = new Map<Worker, (reason: Error) => void>();\n  let disposed = false;\n  return {\n    prepare: (command: Json): Promise<Json> =>\n      new Promise((resolve, reject) => {\n        if (disposed) {\n          reject(new Error('Disposed'));\n          return;\n        }\n        const worker = make();\n        const stop = () => {\n          worker.terminate();\n          active.delete(worker);\n        };\n        active.set(worker, reject);\n        worker.addEventListener('message', (event: MessageEvent<unknown>) => {\n          stop();\n          const reply = decode(schema, event.data);\n          if (reply === null) reject(new Error('Invalid preparation reply'));\n          else resolve(reply);\n        });\n        worker.addEventListener('error', () => {\n          stop();\n          reject(new Error('The preparation worker failed'));\n        });\n        worker.postMessage(command);\n      }),\n    dispose: () => {\n      disposed = true;\n      for (const [worker, reject] of active) {\n        worker.terminate();\n        reject(new Error('Disposed'));\n      }\n      active.clear();\n    },\n  };\n};\n"],"mappings":";;;;AAIA,IAAa,eAA+B,MAAoB,WAAyB;CACvF,MAAM,yBAAS,IAAI,IAAqC;CACxD,IAAI,WAAW;CACf,OAAO;EACL,UAAU,YACR,IAAI,SAAS,SAAS,WAAW;GAC/B,IAAI,UAAU;IACZ,uBAAO,IAAI,MAAM,UAAU,CAAC;IAC5B;GACF;GACA,MAAM,SAAS,KAAK;GACpB,MAAM,aAAa;IACjB,OAAO,UAAU;IACjB,OAAO,OAAO,MAAM;GACtB;GACA,OAAO,IAAI,QAAQ,MAAM;GACzB,OAAO,iBAAiB,YAAY,UAAiC;IACnE,KAAK;IACL,MAAM,QAAQ,OAAO,QAAQ,MAAM,IAAI;IACvC,IAAI,UAAU,MAAM,uBAAO,IAAI,MAAM,2BAA2B,CAAC;SAC5D,QAAQ,KAAK;GACpB,CAAC;GACD,OAAO,iBAAiB,eAAe;IACrC,KAAK;IACL,uBAAO,IAAI,MAAM,+BAA+B,CAAC;GACnD,CAAC;GACD,OAAO,YAAY,OAAO;EAC5B,CAAC;EACH,eAAe;GACb,WAAW;GACX,KAAK,MAAM,CAAC,QAAQ,WAAW,QAAQ;IACrC,OAAO,UAAU;IACjB,uBAAO,IAAI,MAAM,UAAU,CAAC;GAC9B;GACA,OAAO,MAAM;EACf;CACF;AACF"}

package/package.json

@@ -1,6 +1,70 @@
 {
   "name": "@joystyk/cards-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "Shared card-game UI: original card faces and backs, pile layouts, <jy-card-table>, the pointer and keyboard controller for solitaire and other card games, and <jy-card-hand>, the hand widget for multiplayer card games.",
+  "private": false,
+  "type": "module",
+  "sideEffects": [
+    "**/index.[jt]s",
+    "**/table.[jt]s",
+    "**/hand.[jt]s",
+    "**/solitaire.[jt]s"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./controller": {
+      "types": "./dist/controller.d.ts",
+      "default": "./dist/controller.js"
+    },
+    "./layout": {
+      "types": "./dist/layout.d.ts",
+      "default": "./dist/layout.js"
+    },
+    "./solitaire": {
+      "types": "./dist/solitaire.d.ts",
+      "default": "./dist/solitaire.js"
+    }
+  },
+  "dependencies": {
+    "@gyral/core": "0.3.1",
+    "@joystyk/contracts": "0.2.0",
+    "@joystyk/kit": "0.2.0"
+  },
+  "devDependencies": {
+    "@gyral/testing": "0.3.1",
+    "typescript": "5.9.3",
+    "vite": "8.3.3",
+    "vitest": "4.1.11",
+    "@joystyk/ui": "0.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE",
+    "NOTICE",
+    "CHANGELOG.md"
+  ],
+  "engines": {
+    "node": ">=24.15.0"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/joystyk-games/game-libraries.git",
+    "directory": "packages/cards-ui"
+  },
+  "homepage": "https://github.com/joystyk-games/game-libraries/tree/main/packages/cards-ui#readme",
+  "bugs": {
+    "url": "https://github.com/joystyk-games/game-libraries/issues"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "build": "node ../../scripts/build-package.ts"
+  }
 }