@dxos/plugin-chess 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7

package/dist/lib/browser/ChessArticle-UDSL3OJ4.mjs

@@ -0,0 +1,59 @@
+import "./chunk-WYUTI2K4.mjs";
+import {
+  Chessboard
+} from "./chunk-JP6G6VR6.mjs";
+import {
+  meta
+} from "./chunk-RGHZ5CDO.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ChessArticle/ChessArticle.tsx
+import React, { useCallback, useRef, useState } from "react";
+import { Panel, Toolbar, useTranslation } from "@dxos/react-ui";
+import { mx } from "@dxos/ui-theme";
+var ChessArticle = ({ role, subject: game }) => {
+  const { t } = useTranslation(meta.id);
+  const [orientation, setOrientation] = useState("white");
+  const [open, setOpen] = useState(true);
+  const controller = useRef(null);
+  const handleSelect = useCallback((index) => {
+    controller.current?.setMoveNumber(index);
+  }, []);
+  return /* @__PURE__ */ React.createElement(Chessboard.Root, {
+    game,
+    ref: controller
+  }, /* @__PURE__ */ React.createElement(Panel.Root, {
+    role,
+    classNames: "@container"
+  }, /* @__PURE__ */ React.createElement(Panel.Toolbar, {
+    asChild: true
+  }, /* @__PURE__ */ React.createElement(Toolbar.Root, null, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
+    icon: "ph--info--regular",
+    iconOnly: true,
+    label: t("toggle info button"),
+    disabled: open,
+    classNames: mx("invisible @3xl:visible"),
+    onClick: () => setOpen((open2) => !open2)
+  }))), /* @__PURE__ */ React.createElement(Panel.Content, null, /* @__PURE__ */ React.createElement("div", {
+    className: mx("grid h-full w-full gap-2", open && "@3xl:grid-cols-[1fr_320px]", role === "section" && "aspect-square", role === "section" && open && "@3xl:aspect-auto")
+  }, /* @__PURE__ */ React.createElement(Chessboard.Content, null, /* @__PURE__ */ React.createElement(Chessboard.Board, {
+    classNames: "m-4 rounded-xs overflow-hidden",
+    orientation
+  })), open && /* @__PURE__ */ React.createElement("div", {
+    className: "hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden"
+  }, /* @__PURE__ */ React.createElement(Chessboard.Info, {
+    orientation,
+    min: 8,
+    max: 8,
+    onOrientationChange: setOrientation,
+    onClose: () => setOpen(false),
+    onSelect: handleSelect
+  }))))));
+};
+
+// src/containers/ChessArticle/index.ts
+var ChessArticle_default = ChessArticle;
+export {
+  ChessArticle_default as default
+};
+//# sourceMappingURL=ChessArticle-UDSL3OJ4.mjs.map

package/dist/lib/browser/ChessArticle-UDSL3OJ4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ChessArticle/ChessArticle.tsx", "../../../src/containers/ChessArticle/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\nimport { Panel, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { type Player } from '@dxos/react-ui-gameboard';\nimport { mx } from '@dxos/ui-theme';\n\nimport { Chessboard, type ChessboardController, type ChessboardInfoProps } from '../../components';\nimport { meta } from '../../meta';\nimport { type Chess } from '../../types';\n\nexport type ChessArticleProps = SurfaceComponentProps<Chess.Game>;\n\nexport const ChessArticle = ({ role, subject: game }: ChessArticleProps) => {\n  const { t } = useTranslation(meta.id);\n  const [orientation, setOrientation] = useState<Player>('white');\n  const [open, setOpen] = useState(true);\n  const controller = useRef<ChessboardController>(null);\n\n  const handleSelect = useCallback<NonNullable<ChessboardInfoProps['onSelect']>>((index) => {\n    controller.current?.setMoveNumber(index);\n  }, []);\n\n  return (\n    <Chessboard.Root game={game} ref={controller}>\n      <Panel.Root role={role} classNames='@container'>\n        <Panel.Toolbar asChild>\n          <Toolbar.Root>\n            <Toolbar.IconButton\n              icon='ph--info--regular'\n              iconOnly\n              label={t('toggle info button')}\n              disabled={open}\n              classNames={mx('invisible @3xl:visible')}\n              onClick={() => setOpen((open) => !open)}\n            />\n          </Toolbar.Root>\n        </Panel.Toolbar>\n        <Panel.Content>\n          <div\n            className={mx(\n              'grid h-full w-full gap-2',\n              open && '@3xl:grid-cols-[1fr_320px]',\n              role === 'section' && 'aspect-square',\n              role === 'section' && open && '@3xl:aspect-auto',\n            )}\n          >\n            <Chessboard.Content>\n              <Chessboard.Board classNames='m-4 rounded-xs overflow-hidden' orientation={orientation} />\n            </Chessboard.Content>\n            {open && (\n              <div className='hidden @3xl:flex flex-col p-8 justify-center items-center overflow-hidden'>\n                <Chessboard.Info\n                  orientation={orientation}\n                  min={8}\n                  max={8}\n                  onOrientationChange={setOrientation}\n                  onClose={() => setOpen(false)}\n                  onSelect={handleSelect}\n                />\n              </div>\n            )}\n          </div>\n        </Panel.Content>\n      </Panel.Root>\n    </Chessboard.Root>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { ChessArticle } from './ChessArticle';\n\nexport default ChessArticle;\n"],
+  "mappings": ";;;;;;;;;;AAIA,OAAOA,SAASC,aAAaC,QAAQC,gBAAgB;AAGrD,SAASC,OAAOC,SAASC,sBAAsB;AAE/C,SAASC,UAAU;AAQZ,IAAMC,eAAe,CAAC,EAAEC,MAAMC,SAASC,KAAI,MAAqB;AACrE,QAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,QAAM,CAACC,aAAaC,cAAAA,IAAkBC,SAAiB,OAAA;AACvD,QAAM,CAACC,MAAMC,OAAAA,IAAWF,SAAS,IAAA;AACjC,QAAMG,aAAaC,OAA6B,IAAA;AAEhD,QAAMC,eAAeC,YAA0D,CAACC,UAAAA;AAC9EJ,eAAWK,SAASC,cAAcF,KAAAA;EACpC,GAAG,CAAA,CAAE;AAEL,SACE,sBAAA,cAACG,WAAWC,MAAI;IAAClB;IAAYmB,KAAKT;KAChC,sBAAA,cAACU,MAAMF,MAAI;IAACpB;IAAYuB,YAAW;KACjC,sBAAA,cAACD,MAAME,SAAO;IAACC,SAAAA;KACb,sBAAA,cAACD,QAAQJ,MAAI,MACX,sBAAA,cAACI,QAAQE,YAAU;IACjBC,MAAK;IACLC,UAAAA;IACAC,OAAO1B,EAAE,oBAAA;IACT2B,UAAUpB;IACVa,YAAYQ,GAAG,wBAAA;IACfC,SAAS,MAAMrB,QAAQ,CAACD,UAAS,CAACA,KAAAA;QAIxC,sBAAA,cAACY,MAAMW,SAAO,MACZ,sBAAA,cAACC,OAAAA;IACCC,WAAWJ,GACT,4BACArB,QAAQ,8BACRV,SAAS,aAAa,iBACtBA,SAAS,aAAaU,QAAQ,kBAAA;KAGhC,sBAAA,cAACS,WAAWc,SAAO,MACjB,sBAAA,cAACd,WAAWiB,OAAK;IAACb,YAAW;IAAiChB;OAE/DG,QACC,sBAAA,cAACwB,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAAChB,WAAWkB,MAAI;IACd9B;IACA+B,KAAK;IACLC,KAAK;IACLC,qBAAqBhC;IACrBiC,SAAS,MAAM9B,QAAQ,KAAA;IACvB+B,UAAU5B;;AAS5B;;;ACjEA,IAAA,uBAAe6B;",
+  "names": ["React", "useCallback", "useRef", "useState", "Panel", "Toolbar", "useTranslation", "mx", "ChessArticle", "role", "subject", "game", "t", "useTranslation", "meta", "id", "orientation", "setOrientation", "useState", "open", "setOpen", "controller", "useRef", "handleSelect", "useCallback", "index", "current", "setMoveNumber", "Chessboard", "Root", "ref", "Panel", "classNames", "Toolbar", "asChild", "IconButton", "icon", "iconOnly", "label", "disabled", "mx", "onClick", "Content", "div", "className", "Board", "Info", "min", "max", "onOrientationChange", "onClose", "onSelect", "ChessArticle"]
+}

package/dist/lib/browser/ChessCard-OIRFQMOJ.mjs

@@ -0,0 +1,21 @@
+import "./chunk-WYUTI2K4.mjs";
+import {
+  Chessboard
+} from "./chunk-JP6G6VR6.mjs";
+import "./chunk-RGHZ5CDO.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/containers/ChessCard/ChessCard.tsx
+import React from "react";
+var ChessCard = ({ subject: game }) => {
+  return /* @__PURE__ */ React.createElement(Chessboard.Root, {
+    game
+  }, /* @__PURE__ */ React.createElement(Chessboard.Content, null, /* @__PURE__ */ React.createElement(Chessboard.Board, null)));
+};
+
+// src/containers/ChessCard/index.ts
+var ChessCard_default = ChessCard;
+export {
+  ChessCard_default as default
+};
+//# sourceMappingURL=ChessCard-OIRFQMOJ.mjs.map

package/dist/lib/browser/ChessCard-OIRFQMOJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/containers/ChessCard/ChessCard.tsx", "../../../src/containers/ChessCard/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';\n\nimport { Chessboard } from '../../components';\nimport { type Chess } from '../../types';\n\nexport type ChessCardProps = SurfaceComponentProps<Chess.Game>;\n\nexport const ChessCard = ({ subject: game }: ChessCardProps) => {\n  return (\n    <Chessboard.Root game={game}>\n      <Chessboard.Content>\n        <Chessboard.Board />\n      </Chessboard.Content>\n    </Chessboard.Root>\n  );\n};\n", "//\n// Copyright 2026 DXOS.org\n//\n\nimport { ChessCard } from './ChessCard';\n\nexport default ChessCard;\n"],
+  "mappings": ";;;;;;;;AAIA,OAAOA,WAAW;AASX,IAAMC,YAAY,CAAC,EAAEC,SAASC,KAAI,MAAkB;AACzD,SACE,sBAAA,cAACC,WAAWC,MAAI;IAACF;KACf,sBAAA,cAACC,WAAWE,SAAO,MACjB,sBAAA,cAACF,WAAWG,OAAK,IAAA,CAAA,CAAA;AAIzB;;;ACfA,IAAA,oBAAeC;",
+  "names": ["React", "ChessCard", "subject", "game", "Chessboard", "Root", "Content", "Board", "ChessCard"]
+}

package/dist/lib/browser/blueprint-definition-LWRZPLQL.mjs

@@ -0,0 +1,18 @@
+import {
+  chess_blueprint_default
+} from "./chunk-VK2W2UDJ.mjs";
+import "./chunk-YJ2NLHEY.mjs";
+import "./chunk-J5LGTIGS.mjs";
+
+// src/capabilities/blueprint-definition/blueprint-definition.ts
+import * as Effect from "effect/Effect";
+import { Capability } from "@dxos/app-framework";
+import { AppCapabilities } from "@dxos/app-toolkit";
+var blueprintDefinition = Capability.makeModule(() => Effect.succeed([
+  Capability.contributes(AppCapabilities.BlueprintDefinition, chess_blueprint_default)
+]));
+var blueprint_definition_default = blueprintDefinition;
+export {
+  blueprint_definition_default as default
+};
+//# sourceMappingURL=blueprint-definition-LWRZPLQL.mjs.map

package/dist/lib/browser/blueprint-definition-LWRZPLQL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition/blueprint-definition.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Capability } from '@dxos/app-framework';\nimport { AppCapabilities } from '@dxos/app-toolkit';\n\nimport { ChessBlueprint } from '../../blueprints';\n\nconst blueprintDefinition = Capability.makeModule<\n  [],\n  Capability.Capability<typeof AppCapabilities.BlueprintDefinition>[]\n>(() => Effect.succeed([Capability.contributes(AppCapabilities.BlueprintDefinition, ChessBlueprint)]));\n\nexport default blueprintDefinition;\n"],
+  "mappings": ";;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,kBAAkB;AAC3B,SAASC,uBAAuB;AAIhC,IAAMC,sBAAsBC,WAAWC,WAGrC,MAAaC,eAAQ;EAACF,WAAWG,YAAYC,gBAAgBC,qBAAqBC,uBAAAA;CAAgB,CAAA;AAEpG,IAAA,+BAAeP;",
+  "names": ["Effect", "Capability", "AppCapabilities", "blueprintDefinition", "Capability", "makeModule", "succeed", "contributes", "AppCapabilities", "BlueprintDefinition", "ChessBlueprint"]
+}

package/dist/lib/browser/blueprints/index.mjs

@@ -1,11 +1,11 @@
 import {
-  chess_blueprint_exports,
+  chess_blueprint_default,
   functions_exports
-} from "../chunk-FO4ZNFN6.mjs";
-import "../chunk-66H3V2YV.mjs";
+} from "../chunk-VK2W2UDJ.mjs";
+import "../chunk-YJ2NLHEY.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {
-  chess_blueprint_exports as ChessBlueprint,
+  chess_blueprint_default as ChessBlueprint,
   functions_exports as ChessFunctions
 };
 //# sourceMappingURL=index.mjs.map

package/dist/lib/browser/{chunk-73BDP7UV.mjs → chunk-JP6G6VR6.mjs}

@@ -1,17 +1,17 @@
 import {
   meta
-} from "./chunk-H3NUMCQ6.mjs";
+} from "./chunk-RGHZ5CDO.mjs";
 
-// src/components/Chessboard.tsx
+// src/components/Chessboard/Chessboard.tsx
 import { RegistryContext } from "@effect-atom/atom-react";
 import React2, { forwardRef, useCallback, useContext, useEffect as useEffect2, useImperativeHandle, useMemo as useMemo2, useRef as useRef2 } from "react";
 import { addEventListener } from "@dxos/async";
-import { Obj as Obj2 } from "@dxos/echo";
-import { ChessModel, Gameboard, Chessboard as NaturalChessboard, getRawPgn, useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
+import { useObject } from "@dxos/echo-react";
+import { Gameboard, Chessboard as NaturalChessboard, getRawPgn, useGameboardContext as useGameboardContext2 } from "@dxos/react-ui-gameboard";
 import { useSoundEffect } from "@dxos/react-ui-sfx";
 import { mx as mx2 } from "@dxos/ui-theme";
 
-// src/components/Info.tsx
+// src/components/Chessboard/Info.tsx
 import { useAtomValue } from "@effect-atom/atom-react";
 import React, { useEffect, useMemo, useRef } from "react";
 import { generateName } from "@dxos/display-name";
@@ -20,13 +20,14 @@ import { useMembers } from "@dxos/react-client/echo";
 import { Icon, IconButton, Select, useTranslation } from "@dxos/react-ui";
 import { useGameboardContext } from "@dxos/react-ui-gameboard";
 import { mx } from "@dxos/ui-theme";
+var INFO_NAME = "Chessboard.Info";
 var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, ...props }) => {
   const { t } = useTranslation(meta.id);
-  const { model } = useGameboardContext(Info.displayName);
+  const { model } = useGameboardContext(INFO_NAME);
   const db = Obj.getDatabase(model.object);
   const members = useMembers(db?.spaceId);
   return /* @__PURE__ */ React.createElement("div", {
-    className: mx("grid grid-rows-[min-content_1fr_min-content] is-full min-is-[18rem] p-2 overflow-hidden bg-groupSurface rounded-sm", classNames)
+    className: mx("grid grid-rows-[min-content_1fr_min-content] w-full min-w-[18rem] p-2 overflow-hidden bg-group-surface rounded-xs", classNames)
   }, /* @__PURE__ */ React.createElement(PlayerIndicator, {
     model,
     player: orientation === "white" ? "black" : "white",
@@ -69,7 +70,7 @@ var Info = ({ classNames, orientation = "white", onOrientationChange, onClose, .
     members
   })));
 };
-Info.displayName = "Chessboard.Info";
+Info.displayName = INFO_NAME;
 var History = ({ classNames, model, min, max, onSelect }) => {
   const { t } = useTranslation(meta.id);
   const moveIndex = useAtomValue(model.moveIndex);
@@ -120,16 +121,16 @@ var History = ({ classNames, model, min, max, onSelect }) => {
     }
   }, moves.map(([a, b], index) => /* @__PURE__ */ React.createElement("div", {
     key: index,
-    className: "grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 pis-4 leading-1"
+    className: "grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 ps-4 leading-1"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "content-center text-xs text-subdued"
   }, index + 1), a && /* @__PURE__ */ React.createElement("div", {
     "data-index": a.index,
-    className: mx("pis-2 cursor-pointer", a.index === moveIndex - 1 && "bg-primary-500"),
+    className: mx("ps-2 cursor-pointer", a.index === moveIndex - 1 && "bg-primary-500"),
     onClick: () => onSelect?.(a.index + 1)
   }, a.move), b && /* @__PURE__ */ React.createElement("div", {
     "data-index": b.index,
-    className: mx("pis-2 cursor-pointer", b.index === moveIndex - 1 && "bg-primary-500"),
+    className: mx("ps-2 cursor-pointer", b.index === moveIndex - 1 && "bg-primary-500"),
     onClick: () => onSelect?.(b.index + 1)
   }, b.move))), label && /* @__PURE__ */ React.createElement("div", {
     className: "text-center"
@@ -138,13 +139,13 @@ var History = ({ classNames, model, min, max, onSelect }) => {
 var PlayerIndicator = ({ children, model, player, icon }) => {
   const turn = player === (model.game.turn() === "w" ? "white" : "black");
   return /* @__PURE__ */ React.createElement("div", {
-    className: "grid grid-cols-[2rem_1fr_2rem] gap-2 bs-[--rail-size] pli-1 flex items-center overflow-hidden"
+    className: "grid grid-cols-[2rem_1fr_2rem] gap-2 h-(--dx-rail-size) px-1 flex items-center overflow-hidden"
   }, /* @__PURE__ */ React.createElement("div", {
     className: "place-items-center"
   }, /* @__PURE__ */ React.createElement(Icon, {
     icon: turn ? "ph--circle--fill" : "ph--circle--thin",
     size: 6,
-    classNames: mx(turn && (model.game.isCheckmate() ? "text-red-500" : "text-green-500"))
+    classNames: mx(turn && (model.game.isCheckmate() ? "text-error-500" : "text-success-text"))
   })), /* @__PURE__ */ React.createElement("div", {
     className: "truncate overflow-hidden items-center"
   }, children), icon);
@@ -166,19 +167,23 @@ var PlayerSelector = ({ value, onValueChange, members }) => {
   })), /* @__PURE__ */ React.createElement(Select.Arrow, null))));
 };
 
-// src/components/Chessboard.tsx
+// src/components/Chessboard/types.ts
+import { ChessModel } from "@dxos/react-ui-gameboard";
 var ExtendedChessModel = class extends ChessModel {
   object;
   constructor(registry, object) {
     super(registry), this.object = object;
   }
 };
+
+// src/components/Chessboard/Chessboard.tsx
 var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
   const registry = useContext(RegistryContext);
   const model = useMemo2(() => new ExtendedChessModel(registry, game), [
     registry
   ]);
   const click = useSoundEffect("Click");
+  const [pgn, updatePgn] = useObject(game, "pgn");
   useImperativeHandle(forwardedRef, () => {
     return {
       setMoveNumber: (index) => model.setMoveIndex(index)
@@ -187,24 +192,22 @@ var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
     model
   ]);
   useEffect2(() => {
-    if (model.pgn !== getRawPgn(game.pgn ?? "")) {
+    if (model.pgn !== getRawPgn(pgn ?? "")) {
       const silent = model.pgn === "*";
-      model.update(game.pgn);
+      model.update(pgn);
       if (!silent) {
         void click.play();
       }
     }
   }, [
-    game.pgn
+    pgn
   ]);
   const handleDrop = useCallback((move) => {
     if (!model.makeMove(move)) {
       return false;
     }
     void click.play();
-    Obj2.change(game, (g) => {
-      g.pgn = model.pgn;
-    });
+    updatePgn(() => model.pgn);
     return true;
   }, [
     model
@@ -216,14 +219,13 @@ var Root = /* @__PURE__ */ forwardRef(({ game, children }, forwardedRef) => {
 });
 var Content = ({ classNames, children, role }) => {
   return /* @__PURE__ */ React2.createElement(Gameboard.Content, {
-    classNames: mx2(classNames, role === "card--popover" && "size-container popover-square"),
-    grow: !role || role === "card--extrinsic",
-    contain: !role || role === "card--extrinsic" || role === "card--popover"
+    classNames: mx2(classNames, role === "card--content" ? "dx-size-container dx-card-square" : "flex flex-col justify-center")
   }, children);
 };
+var BOARD_NAME = "Chessboard.Board";
 var Board = (props) => {
   const registry = useContext(RegistryContext);
-  const { model } = useGameboardContext2(Board.displayName);
+  const { model } = useGameboardContext2(BOARD_NAME);
   const ref = useRef2(null);
   useEffect2(() => {
     if (!ref.current) {
@@ -256,11 +258,11 @@ var Board = (props) => {
     model
   ]);
   return /* @__PURE__ */ React2.createElement(NaturalChessboard, {
-    ref,
-    ...props
+    ...props,
+    ref
   });
 };
-Board.displayName = "Chessboard.Board";
+Board.displayName = BOARD_NAME;
 var Chessboard = {
   Root,
   Content,
@@ -269,7 +271,6 @@ var Chessboard = {
 };
 
 export {
-  ExtendedChessModel,
   Chessboard
 };
-//# sourceMappingURL=chunk-73BDP7UV.mjs.map
+//# sourceMappingURL=chunk-JP6G6VR6.mjs.map

package/dist/lib/browser/chunk-JP6G6VR6.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/Chessboard/Chessboard.tsx", "../../../src/components/Chessboard/Info.tsx", "../../../src/components/Chessboard/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { RegistryContext } from '@effect-atom/atom-react';\nimport React, {\n  type PropsWithChildren,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport { addEventListener } from '@dxos/async';\nimport { useObject } from '@dxos/echo-react';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport {\n  type ChessModel,\n  Gameboard,\n  type GameboardRootProps,\n  Chessboard as NaturalChessboard,\n  type ChessboardProps as NaturalChessboardProps,\n  getRawPgn,\n  useGameboardContext,\n} from '@dxos/react-ui-gameboard';\nimport { useSoundEffect } from '@dxos/react-ui-sfx';\nimport { mx } from '@dxos/ui-theme';\n\nimport { type Chess } from '../../types';\n\nimport { Info, type InfoProps } from './Info';\nimport { ExtendedChessModel } from './types';\n\nexport interface ChessboardController {\n  setMoveNumber(index: number): void;\n}\n\n//\n// Root\n//\n\ntype RootProps = PropsWithChildren<{\n  game: Chess.Game;\n}>;\n\nconst Root = forwardRef<ChessboardController, RootProps>(({ game, children }, forwardedRef) => {\n  const registry = useContext(RegistryContext);\n  const model = useMemo(() => new ExtendedChessModel(registry, game), [registry]);\n  const click = useSoundEffect('Click');\n  const [pgn, updatePgn] = useObject(game, 'pgn');\n\n  // Controller.\n  useImperativeHandle(forwardedRef, () => {\n    return {\n      setMoveNumber: (index) => model.setMoveIndex(index),\n    };\n  }, [model]);\n\n  // TODO(wittjosiah): Rather than useEffect to sync ECHO object to model, create an alternative model implementation.\n  //   This model would take the ECHO object and derive game state directly from that.\n  //   Mutation methods would mutate the ECHO object and other state would be derived from that.\n\n  // External change.\n  // NOTE: Warning if user has not interacted with the board.\n  useEffect(() => {\n    if (model.pgn !== getRawPgn(pgn ?? '')) {\n      const silent = model.pgn === '*';\n      model.update(pgn);\n      if (!silent) {\n        void click.play();\n      }\n    }\n  }, [pgn]);\n\n  // Move.\n  const handleDrop = useCallback<NonNullable<GameboardRootProps<ChessModel>['onDrop']>>(\n    (move) => {\n      if (!model.makeMove(move)) {\n        return false;\n      }\n\n      void click.play();\n      updatePgn(() => model.pgn);\n      return true;\n    },\n    [model],\n  );\n\n  return (\n    <Gameboard.Root model={model} onDrop={handleDrop}>\n      {children}\n    </Gameboard.Root>\n  );\n});\n\n//\n// Content\n//\n\ntype Role = 'card--content';\n\ntype ContentProps = ThemedClassName<PropsWithChildren<{ role?: Role }>>;\n\nconst Content = ({ classNames, children, role }: ContentProps) => {\n  return (\n    <Gameboard.Content\n      classNames={mx(\n        classNames,\n        role === 'card--content' ? 'dx-size-container dx-card-square' : 'flex flex-col justify-center',\n      )}\n    >\n      {children}\n    </Gameboard.Content>\n  );\n};\n\n//\n// Board\n//\n\nconst BOARD_NAME = 'Chessboard.Board';\n\ntype BoardProps = NaturalChessboardProps;\n\nconst Board = (props: BoardProps) => {\n  const registry = useContext(RegistryContext);\n  const { model } = useGameboardContext<ChessModel>(BOARD_NAME);\n\n  // Keyboard navigation.\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    // Participate in keyboard navigation (set tabIndex={0})\n    ref.current.setAttribute('data-arrow-keys', 'all');\n\n    return addEventListener(ref.current, 'keydown', (ev) => {\n      const moveIndex = registry.get(model.moveIndex);\n      switch (ev.key) {\n        case 'ArrowUp':\n          model.setMoveIndex(0);\n          break;\n        case 'ArrowDown':\n          model.setMoveIndex(model.game.history().length);\n          break;\n        case 'ArrowLeft':\n          if (moveIndex > 0) {\n            model.setMoveIndex(moveIndex - 1);\n          }\n          break;\n        case 'ArrowRight':\n          if (moveIndex < model.game.history().length) {\n            model.setMoveIndex(moveIndex + 1);\n          }\n          break;\n      }\n    });\n  }, [registry, model]);\n\n  return <NaturalChessboard {...props} ref={ref} />;\n};\n\nBoard.displayName = BOARD_NAME;\n\n//\n// Chessboard\n//\n\nexport const Chessboard = {\n  Root: Root,\n  Content: Content,\n  Board: Board,\n  Info: Info,\n};\n\nexport type {\n  RootProps as ChessboardRootProps,\n  ContentProps as ChessboardContentProps,\n  BoardProps as ChessboardBoardProps,\n  InfoProps as ChessboardInfoProps,\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { useAtomValue } from '@effect-atom/atom-react';\nimport React, { type JSX, type PropsWithChildren, useEffect, useMemo, useRef } from 'react';\n\nimport { generateName } from '@dxos/display-name';\nimport { Obj } from '@dxos/echo';\nimport { type SpaceMember, useMembers } from '@dxos/react-client/echo';\nimport { Icon, IconButton, Select, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { type Player, useGameboardContext } from '@dxos/react-ui-gameboard';\nimport { mx } from '@dxos/ui-theme';\n\nimport { meta } from '../../meta';\n\nimport { type ExtendedChessModel } from './types';\n\nconst INFO_NAME = 'Chessboard.Info';\n\nexport type InfoProps = ThemedClassName<\n  {\n    orientation?: Player;\n    onOrientationChange?: (orientation: Player) => void;\n    onClose?: () => void;\n  } & Pick<HistoryProps, 'min' | 'max' | 'onSelect'>\n>;\n\nexport const Info = ({ classNames, orientation = 'white', onOrientationChange, onClose, ...props }: InfoProps) => {\n  const { t } = useTranslation(meta.id);\n  const { model } = useGameboardContext<ExtendedChessModel>(INFO_NAME);\n  const db = Obj.getDatabase(model.object);\n  const members = useMembers(db?.spaceId);\n\n  return (\n    <div\n      className={mx(\n        'grid grid-rows-[min-content_1fr_min-content] w-full min-w-[18rem] p-2 overflow-hidden bg-group-surface rounded-xs',\n        classNames,\n      )}\n    >\n      <PlayerIndicator\n        model={model}\n        player={orientation === 'white' ? 'black' : 'white'}\n        icon={\n          onClose && (\n            <IconButton icon='ph--x--regular' iconOnly label={t('close info button')} size={4} onClick={onClose} />\n          )\n        }\n      >\n        <PlayerSelector\n          value={model.object.players?.[orientation === 'white' ? 'black' : 'white']}\n          onValueChange={(value) => {\n            Obj.change(model.object, (obj) => {\n              obj.players![orientation === 'white' ? 'black' : 'white'] = value;\n            });\n          }}\n          members={members}\n        />\n      </PlayerIndicator>\n\n      <History model={model} {...props} />\n\n      <PlayerIndicator\n        model={model}\n        player={orientation}\n        icon={\n          onOrientationChange && (\n            <IconButton\n              classNames={mx('transition duration-200 ease-linear', orientation === 'white' && 'rotate-180')}\n              icon='ph--arrows-clockwise--regular'\n              iconOnly\n              label={t('flip board button')}\n              size={4}\n              onClick={() => onOrientationChange(orientation === 'white' ? 'black' : 'white')}\n            />\n          )\n        }\n      >\n        <PlayerSelector\n          value={model.object.players?.[orientation]}\n          onValueChange={(value) => {\n            Obj.change(model.object, (obj) => {\n              obj.players![orientation] = value;\n            });\n          }}\n          members={members}\n        />\n      </PlayerIndicator>\n    </div>\n  );\n};\n\nInfo.displayName = INFO_NAME;\n\n//\n// History\n//\n\ntype HistoryProps = ThemedClassName<{\n  model: ExtendedChessModel;\n  min?: number;\n  max?: number;\n  onSelect?: (index: number) => void;\n}>;\n\nconst History = ({ classNames, model, min, max, onSelect }: HistoryProps) => {\n  const { t } = useTranslation(meta.id);\n  const moveIndex = useAtomValue(model.moveIndex);\n  const label = model.game.isGameOver()\n    ? model.game.isCheckmate()\n      ? t('game.checkmate label')\n      : model.game.isStalemate()\n        ? t('game.stalemate label')\n        : t('game.draw label')\n    : model.game.isCheck()\n      ? t('game.check label')\n      : undefined;\n\n  const history = model.game.history();\n  const moves = useMemo(\n    () =>\n      history.reduce(\n        (acc, move, index) => {\n          if (index % 2 === 0) {\n            acc.push([{ index, move }]);\n          } else {\n            acc[acc.length - 1].push({ index, move });\n          }\n          return acc;\n        },\n        [] as { index: number; move: string }[][],\n      ),\n    [history.length],\n  );\n\n  const scrollerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    scrollerRef.current?.scrollTo({ top: scrollerRef.current.scrollHeight });\n  }, [history.length]);\n\n  useEffect(() => {\n    const div = scrollerRef.current?.querySelector(`[data-index=\"${moveIndex - 1}\"]`);\n    scrollerRef.current?.classList.add('scrollbar-none');\n    div?.scrollIntoView({ behavior: 'smooth' });\n    scrollerRef.current?.classList.remove('scrollbar-none');\n  }, [moveIndex]);\n\n  return (\n    <div\n      ref={scrollerRef}\n      className={mx('overflow-y-auto', classNames)}\n      style={{\n        minHeight: min === undefined ? 'auto' : `${min * 24}px`,\n        maxHeight: max === undefined ? 'auto' : `${max * 24}px`,\n      }}\n    >\n      {moves.map(([a, b], index) => (\n        <div key={index} className='grid grid-cols-[3rem_1fr_1fr_1rem] gap-2 ps-4 leading-1'>\n          <div className='content-center text-xs text-subdued'>{index + 1}</div>\n          {a && (\n            <div\n              data-index={a.index}\n              className={mx('ps-2 cursor-pointer', a.index === moveIndex - 1 && 'bg-primary-500')}\n              onClick={() => onSelect?.(a.index + 1)}\n            >\n              {a.move}\n            </div>\n          )}\n          {b && (\n            <div\n              data-index={b.index}\n              className={mx('ps-2 cursor-pointer', b.index === moveIndex - 1 && 'bg-primary-500')}\n              onClick={() => onSelect?.(b.index + 1)}\n            >\n              {b.move}\n            </div>\n          )}\n        </div>\n      ))}\n      {label && <div className='text-center'>{label}</div>}\n    </div>\n  );\n};\n\n//\n// PlayerIndicator\n//\n\ntype PlayerIndicatorProps = PropsWithChildren<{\n  model: ExtendedChessModel;\n  player: Player;\n  icon?: JSX.Element;\n}>;\n\nconst PlayerIndicator = ({ children, model, player, icon }: PlayerIndicatorProps) => {\n  const turn = player === (model.game.turn() === 'w' ? 'white' : 'black');\n  return (\n    <div className='grid grid-cols-[2rem_1fr_2rem] gap-2 h-(--dx-rail-size) px-1 flex items-center overflow-hidden'>\n      <div className='place-items-center'>\n        <Icon\n          icon={turn ? 'ph--circle--fill' : 'ph--circle--thin'}\n          size={6}\n          classNames={mx(turn && (model.game.isCheckmate() ? 'text-error-500' : 'text-success-text'))}\n        />\n      </div>\n      <div className='truncate overflow-hidden items-center'>{children}</div>\n      {icon}\n    </div>\n  );\n};\n\n//\n// PlayerSelector\n//\n\ntype PlayerSelectorProps = {\n  value?: string;\n  onValueChange: (player: string) => void;\n  members: SpaceMember[];\n};\n\nconst PlayerSelector = ({ value, onValueChange, members }: PlayerSelectorProps) => {\n  const { t } = useTranslation(meta.id);\n  return (\n    <Select.Root value={value} onValueChange={onValueChange}>\n      <Select.TriggerButton placeholder={t('select player button')} />\n      <Select.Portal>\n        <Select.Content>\n          <Select.Viewport>\n            {members.map((member) => {\n              const memberKey = member.identity.identityKey.toHex();\n              const displayName = member.identity?.profile?.displayName || generateName(memberKey);\n              return (\n                <Select.Option key={memberKey} value={memberKey}>\n                  {displayName}\n                </Select.Option>\n              );\n            })}\n          </Select.Viewport>\n          <Select.Arrow />\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Registry } from '@effect-atom/atom-react';\n\nimport { ChessModel } from '@dxos/react-ui-gameboard';\n\nimport { type Chess } from '../../types';\n\nexport class ExtendedChessModel extends ChessModel {\n  constructor(\n    registry: Registry.Registry,\n    readonly object: Chess.Game,\n  ) {\n    super(registry);\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["RegistryContext", "React", "forwardRef", "useCallback", "useContext", "useEffect", "useImperativeHandle", "useMemo", "useRef", "addEventListener", "useObject", "Gameboard", "Chessboard", "NaturalChessboard", "getRawPgn", "useGameboardContext", "useSoundEffect", "mx", "useAtomValue", "React", "useEffect", "useMemo", "useRef", "generateName", "Obj", "useMembers", "Icon", "IconButton", "Select", "useTranslation", "useGameboardContext", "mx", "INFO_NAME", "Info", "classNames", "orientation", "onOrientationChange", "onClose", "props", "t", "useTranslation", "meta", "id", "model", "useGameboardContext", "db", "Obj", "getDatabase", "object", "members", "useMembers", "spaceId", "div", "className", "mx", "PlayerIndicator", "player", "icon", "IconButton", "iconOnly", "label", "size", "onClick", "PlayerSelector", "value", "players", "onValueChange", "change", "obj", "History", "displayName", "min", "max", "onSelect", "moveIndex", "useAtomValue", "game", "isGameOver", "isCheckmate", "isStalemate", "isCheck", "undefined", "history", "moves", "useMemo", "reduce", "acc", "move", "index", "push", "length", "scrollerRef", "useRef", "useEffect", "current", "scrollTo", "top", "scrollHeight", "querySelector", "classList", "add", "scrollIntoView", "behavior", "remove", "ref", "style", "minHeight", "maxHeight", "map", "a", "b", "key", "data-index", "children", "turn", "Icon", "Select", "Root", "TriggerButton", "placeholder", "Portal", "Content", "Viewport", "member", "memberKey", "identity", "identityKey", "toHex", "profile", "generateName", "Option", "Arrow", "ChessModel", "ExtendedChessModel", "ChessModel", "registry", "object", "Root", "forwardRef", "game", "children", "forwardedRef", "registry", "useContext", "RegistryContext", "model", "useMemo", "ExtendedChessModel", "click", "useSoundEffect", "pgn", "updatePgn", "useObject", "useImperativeHandle", "setMoveNumber", "index", "setMoveIndex", "useEffect", "getRawPgn", "silent", "update", "play", "handleDrop", "useCallback", "move", "makeMove", "React", "Gameboard", "onDrop", "Content", "classNames", "role", "mx", "BOARD_NAME", "Board", "props", "useGameboardContext", "ref", "useRef", "current", "setAttribute", "addEventListener", "ev", "moveIndex", "get", "key", "history", "length", "NaturalChessboard", "displayName", "Chessboard", "Info"]
+}

package/dist/lib/browser/{chunk-H3NUMCQ6.mjs → chunk-RGHZ5CDO.mjs}

@@ -1,7 +1,7 @@
 // src/meta.ts
 import { trim } from "@dxos/util";
 var meta = {
-  id: "dxos.org/plugin/chess",
+  id: "org.dxos.plugin.chess",
   name: "Chess",
   description: trim`
     Full-featured chess game supporting multiplayer matches with friends or practice sessions against AI opponents.
@@ -18,4 +18,4 @@ var meta = {
 export {
   meta
 };
-//# sourceMappingURL=chunk-H3NUMCQ6.mjs.map
+//# sourceMappingURL=chunk-RGHZ5CDO.mjs.map

package/dist/lib/browser/{chunk-H3NUMCQ6.mjs.map → chunk-RGHZ5CDO.mjs.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'dxos.org/plugin/chess',\n  name: 'Chess',\n  description: trim`\n    Full-featured chess game supporting multiplayer matches with friends or practice sessions against AI opponents.\n    Track game history and analyze moves in real-time.\n  `,\n  icon: 'ph--shield-chevron--regular',\n  iconHue: 'amber',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-chess',\n  screenshots: ['https://dxos.network/plugin-details-chess-dark.png'],\n};\n"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.chess',\n  name: 'Chess',\n  description: trim`\n    Full-featured chess game supporting multiplayer matches with friends or practice sessions against AI opponents.\n    Track game history and analyze moves in real-time.\n  `,\n  icon: 'ph--shield-chevron--regular',\n  iconHue: 'amber',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-chess',\n  screenshots: ['https://dxos.network/plugin-details-chess-dark.png'],\n};\n"],
   "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa;IAAC;;AAChB;",
   "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots"]
 }

package/dist/lib/browser/{chunk-FO4ZNFN6.mjs → chunk-VK2W2UDJ.mjs}

@@ -1,27 +1,22 @@
 import {
   Chess_exports
-} from "./chunk-66H3V2YV.mjs";
+} from "./chunk-YJ2NLHEY.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
 
 // src/blueprints/chess-blueprint.ts
-var chess_blueprint_exports = {};
-__export(chess_blueprint_exports, {
-  Key: () => Key,
-  functions: () => functions,
-  make: () => make
-});
 import { Blueprint, Template } from "@dxos/blueprints";
 import { trim } from "@dxos/util";
 
 // src/blueprints/functions/index.ts
 var functions_exports = {};
 __export(functions_exports, {
-  create: () => create_default,
-  move: () => move_default,
-  play: () => play_default,
-  print: () => print_default
+  ChessFunctions: () => ChessFunctions,
+  Create: () => create_default,
+  Move: () => move_default,
+  Play: () => play_default,
+  Print: () => print_default
 });
 
 // src/blueprints/functions/create.ts
@@ -30,7 +25,7 @@ import * as Schema from "effect/Schema";
 import { Database } from "@dxos/echo";
 import { defineFunction } from "@dxos/functions";
 var create_default = defineFunction({
-  key: "dxos.org/function/chess/create",
+  key: "org.dxos.function.chess.create",
   name: "Create Chess",
   description: "Creates a new chess game.",
   inputSchema: Schema.Struct({
@@ -46,7 +41,7 @@ var create_default = defineFunction({
   }),
   outputSchema: Chess_exports.Game,
   handler: Effect.fn(function* ({ data: { name, pgn, fen } }) {
-    return yield* Database.Service.add(Chess_exports.make({
+    return yield* Database.add(Chess_exports.make({
       name,
       pgn,
       fen
@@ -58,15 +53,14 @@ var create_default = defineFunction({
 import { Chess as ChessJS } from "chess.js";
 import * as Effect2 from "effect/Effect";
 import * as Schema2 from "effect/Schema";
-import { ArtifactId } from "@dxos/assistant";
-import { Database as Database2, Obj } from "@dxos/echo";
+import { Database as Database2, Obj, Ref } from "@dxos/echo";
 import { defineFunction as defineFunction2 } from "@dxos/functions";
 var move_default = defineFunction2({
-  key: "dxos.org/function/chess/move",
+  key: "org.dxos.function.chess.move",
   name: "Move",
   description: "Makes a move in the given chess game.",
   inputSchema: Schema2.Struct({
-    id: ArtifactId.annotations({
+    game: Ref.Ref(Chess_exports.Game).annotations({
       description: "The ID of the chess object."
     }),
     move: Schema2.String.annotations({
@@ -82,20 +76,20 @@ var move_default = defineFunction2({
       description: "The PGN of the game after the move was played."
     })
   }),
-  handler: Effect2.fn(function* ({ data: { id, move } }) {
-    const object = yield* Database2.Service.resolve(ArtifactId.toDXN(id), Chess_exports.Game);
+  handler: Effect2.fn(function* ({ data: { game, move } }) {
+    const obj = yield* Database2.load(game);
     const chess = new ChessJS();
-    if (object.pgn) {
-      chess.loadPgn(object.pgn);
-    } else if (object.fen) {
-      chess.load(object.fen);
+    if (obj.pgn) {
+      chess.loadPgn(obj.pgn);
+    } else if (obj.fen) {
+      chess.load(obj.fen);
     }
     chess.move(move, {
       strict: false
     });
     const pgn = chess.pgn();
-    Obj.change(object, (o) => {
-      o.pgn = pgn;
+    Obj.change(obj, (obj2) => {
+      obj2.pgn = pgn;
     });
     return {
       pgn
@@ -107,15 +101,14 @@ var move_default = defineFunction2({
 import { Chess as ChessJS2 } from "chess.js";
 import * as Effect3 from "effect/Effect";
 import * as Schema3 from "effect/Schema";
-import { ArtifactId as ArtifactId2 } from "@dxos/assistant";
-import { Database as Database3, Obj as Obj2 } from "@dxos/echo";
+import { Database as Database3, Obj as Obj2, Ref as Ref2 } from "@dxos/echo";
 import { defineFunction as defineFunction3 } from "@dxos/functions";
 var play_default = defineFunction3({
-  key: "dxos.org/function/chess/play",
+  key: "org.dxos.function.chess.play",
   name: "Play",
   description: "Uses the chess engine to play the next move.",
   inputSchema: Schema3.Struct({
-    id: ArtifactId2.annotations({
+    game: Ref2.Ref(Chess_exports.Game).annotations({
       description: "The ID of the chess object."
     }),
     side: Schema3.optional(Schema3.Literal("white", "black", "any")).annotations({
@@ -131,8 +124,8 @@ var play_default = defineFunction3({
       description: "The move that was played."
     })
   }),
-  handler: Effect3.fn(function* ({ data: { id, side = "any" } }) {
-    const object = yield* Database3.Service.resolve(ArtifactId2.toDXN(id), Chess_exports.Game);
+  handler: Effect3.fn(function* ({ data: { game, side = "any" } }) {
+    const object = yield* Database3.load(game);
     const chess = new ChessJS2();
     if (object.pgn) {
       chess.loadPgn(object.pgn);
@@ -167,7 +160,7 @@ import * as Effect4 from "effect/Effect";
 import * as Schema4 from "effect/Schema";
 import { defineFunction as defineFunction4 } from "@dxos/functions";
 var print_default = defineFunction4({
-  key: "dxos.org/function/chess/print",
+  key: "org.dxos.function.chess.print",
   name: "Print game",
   description: "Prints the chess game to ASCII.",
   inputSchema: Schema4.Struct({
@@ -198,16 +191,19 @@ var print_default = defineFunction4({
   })
 });
 
+// src/blueprints/functions/index.ts
+var ChessFunctions = {
+  Create: create_default,
+  Move: move_default,
+  Play: play_default,
+  Print: print_default
+};
+
 // src/blueprints/chess-blueprint.ts
-var Key = "dxos.org/blueprint/chess";
-var functions = [
-  create_default,
-  move_default,
-  play_default,
-  print_default
-];
+var BLUEPRINT_KEY = "org.dxos.blueprint.chess";
+var functions = Object.values(ChessFunctions);
 var make = () => Blueprint.make({
-  key: Key,
+  key: BLUEPRINT_KEY,
   name: "Chess",
   tools: Blueprint.toolDefinitions({
     functions
@@ -221,9 +217,15 @@ var make = () => Blueprint.make({
       `
   })
 });
+var blueprint = {
+  key: BLUEPRINT_KEY,
+  functions,
+  make
+};
+var chess_blueprint_default = blueprint;
 
 export {
   functions_exports,
-  chess_blueprint_exports
+  chess_blueprint_default
 };
-//# sourceMappingURL=chunk-FO4ZNFN6.mjs.map
+//# sourceMappingURL=chunk-VK2W2UDJ.mjs.map