@dxos/plugin-template 0.6.7 → 0.6.8-main.046e6cf

package/LICENSE

@@ -5,4 +5,4 @@ Permission is hereby granted, free of charge, to any person obtaining a copy of
 
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,12 +1,6 @@
 # @dxos/plugin-template
 
-An template project for prototyping plugins for DXOS Composer.
-
-## Installation
-
-```bash
-pnpm i @dxos/plugin-template
-```
+Plugin template.
 
 ## DXOS Resources
 
@@ -18,4 +12,4 @@ pnpm i @dxos/plugin-template
 
 Your ideas, issues, and code are most welcome. Please take a look at our [community code of conduct](https://github.com/dxos/dxos/blob/main/CODE_OF_CONDUCT.md), the [issue guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-issues), and the [PR contribution guide](https://github.com/dxos/dxos/blob/main/CONTRIBUTING.md#submitting-prs).
 
-License: [MIT](./LICENSE) Copyright 2022 © DXOS
+License: [MIT](./LICENSE) Copyright 2023 © DXOS

package/dist/lib/browser/chunk-5WVRC7MV.mjs

@@ -0,0 +1,17 @@
+// packages/plugins/experimental/plugin-template/src/meta.tsx
+import { Asterisk } from "@phosphor-icons/react";
+import React from "react";
+import { pluginMeta } from "@dxos/app-framework";
+var TEMPLATE_PLUGIN = "dxos.org/plugin/template";
+var meta_default = pluginMeta({
+  id: TEMPLATE_PLUGIN,
+  name: "Template",
+  iconComponent: (props) => /* @__PURE__ */ React.createElement(Asterisk, props),
+  iconSymbol: "ph--asterisk--regular"
+});
+
+export {
+  TEMPLATE_PLUGIN,
+  meta_default
+};
+//# sourceMappingURL=chunk-5WVRC7MV.mjs.map

package/dist/lib/browser/chunk-5WVRC7MV.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Asterisk, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const TEMPLATE_PLUGIN = 'dxos.org/plugin/template';\n\nexport default pluginMeta({\n  id: TEMPLATE_PLUGIN,\n  name: 'Template',\n  iconComponent: (props: IconProps) => <Asterisk {...props} />,\n  iconSymbol: 'ph--asterisk--regular',\n});\n"],
+  "mappings": ";AAIA,SAASA,gBAAgC;AACzC,OAAOC,WAAW;AAElB,SAASC,kBAAkB;AAEpB,IAAMC,kBAAkB;AAE/B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,eAAe,CAACC,UAAqB,sBAAA,cAACC,UAAaD,KAAAA;EACnDE,YAAY;AACd,CAAA;",
+  "names": ["Asterisk", "React", "pluginMeta", "TEMPLATE_PLUGIN", "pluginMeta", "id", "name", "iconComponent", "props", "Asterisk", "iconSymbol"]
+}

package/dist/lib/browser/index.mjs

@@ -0,0 +1,171 @@
+import {
+  TEMPLATE_PLUGIN,
+  meta_default
+} from "./chunk-5WVRC7MV.mjs";
+
+// packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx
+import { Asterisk, Placeholder } from "@phosphor-icons/react";
+import React2 from "react";
+import { resolvePlugin, parseIntentPlugin, NavigationAction } from "@dxos/app-framework";
+import { parseClientPlugin } from "@dxos/plugin-client";
+import { createExtension, isActionGroup } from "@dxos/plugin-graph";
+import { SpaceAction } from "@dxos/plugin-space";
+import { create } from "@dxos/react-client/echo";
+
+// packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx
+import React from "react";
+import { PublicKey } from "@dxos/react-client";
+import { getSpace } from "@dxos/react-client/echo";
+import { Main } from "@dxos/react-ui";
+import { baseSurface, topbarBlockPaddingStart, fixedInsetFlexLayout, bottombarBlockPaddingEnd } from "@dxos/react-ui-theme";
+var TemplateMain = ({ object }) => {
+  const space = getSpace(object);
+  return (
+    // TODO(burdon): Boilerplate.
+    /* @__PURE__ */ React.createElement(Main.Content, {
+      classNames: [
+        baseSurface,
+        fixedInsetFlexLayout,
+        topbarBlockPaddingStart,
+        bottombarBlockPaddingEnd
+      ]
+    }, /* @__PURE__ */ React.createElement("pre", {
+      className: "m-4 p-2 ring"
+    }, /* @__PURE__ */ React.createElement("span", null, space?.key.truncate()), "/", /* @__PURE__ */ React.createElement("span", null, PublicKey.from(object.id).truncate())))
+  );
+};
+
+// packages/plugins/experimental/plugin-template/src/translations.ts
+var translations_default = [
+  {
+    "en-US": {
+      [TEMPLATE_PLUGIN]: {
+        "plugin name": "Template",
+        "object placeholder": "New object",
+        "create object label": "Create object",
+        "delete object label": "Delete"
+      }
+    }
+  }
+];
+
+// packages/plugins/experimental/plugin-template/src/types.ts
+import { isEchoObject } from "@dxos/react-client/echo";
+var TEMPLATE_ACTION = `${TEMPLATE_PLUGIN}/action`;
+var TemplateAction;
+(function(TemplateAction2) {
+  TemplateAction2[TemplateAction2["CREATE"] = `${TEMPLATE_ACTION}/create`] = "CREATE";
+})(TemplateAction || (TemplateAction = {}));
+var isObject = (object) => {
+  return isEchoObject(object) && object.type === "template";
+};
+
+// packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx
+var typename = "template";
+var TemplatePlugin = () => {
+  return {
+    meta: meta_default,
+    provides: {
+      metadata: {
+        records: {
+          [typename]: {
+            placeholder: [
+              "object placeholder",
+              {
+                ns: TEMPLATE_PLUGIN
+              }
+            ],
+            icon: (props) => /* @__PURE__ */ React2.createElement(Asterisk, props),
+            iconSymbol: "ph--asterisk--regular"
+          }
+        }
+      },
+      translations: translations_default,
+      graph: {
+        builder: (plugins) => {
+          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
+          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;
+          if (!client || !dispatch) {
+            return [];
+          }
+          return createExtension({
+            id: TemplateAction.CREATE,
+            filter: (node) => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),
+            actions: ({ node }) => {
+              const id = node.id.split("/").at(-1);
+              const [spaceId, objectId] = id?.split(":") ?? [];
+              const space = client.spaces.get().find((space2) => space2.id === spaceId);
+              const object = objectId && space?.db.getObjectById(objectId);
+              const target = objectId ? object : space;
+              if (!target) {
+                return;
+              }
+              return [
+                {
+                  id: `${TEMPLATE_PLUGIN}/create/${node.id}`,
+                  data: async () => {
+                    await dispatch([
+                      {
+                        plugin: TEMPLATE_PLUGIN,
+                        action: TemplateAction.CREATE
+                      },
+                      {
+                        action: SpaceAction.ADD_OBJECT,
+                        data: {
+                          target
+                        }
+                      },
+                      {
+                        action: NavigationAction.OPEN
+                      }
+                    ]);
+                  },
+                  properties: {
+                    label: [
+                      "create object label",
+                      {
+                        ns: TEMPLATE_PLUGIN
+                      }
+                    ],
+                    icon: (props) => /* @__PURE__ */ React2.createElement(Placeholder, props),
+                    iconSymbol: "ph--placeholder--regular",
+                    testId: "templatePlugin.createObject"
+                  }
+                }
+              ];
+            }
+          });
+        }
+      },
+      surface: {
+        component: ({ data, role }) => {
+          switch (role) {
+            case "main": {
+              return isObject(data.active) ? /* @__PURE__ */ React2.createElement(TemplateMain, {
+                object: data.active
+              }) : null;
+            }
+          }
+          return null;
+        }
+      },
+      intent: {
+        resolver: (intent) => {
+          switch (intent.action) {
+            case TemplateAction.CREATE: {
+              return {
+                data: create({
+                  type: "template"
+                })
+              };
+            }
+          }
+        }
+      }
+    }
+  };
+};
+export {
+  TemplatePlugin
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/TemplatePlugin.tsx", "../../../src/components/TemplateMain.tsx", "../../../src/translations.ts", "../../../src/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Asterisk, Placeholder, type IconProps } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport { resolvePlugin, parseIntentPlugin, type PluginDefinition, NavigationAction } from '@dxos/app-framework';\nimport { parseClientPlugin } from '@dxos/plugin-client';\nimport { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';\nimport { SpaceAction } from '@dxos/plugin-space';\nimport { create } from '@dxos/react-client/echo';\n\nimport { TemplateMain } from './components';\nimport meta, { TEMPLATE_PLUGIN } from './meta';\nimport translations from './translations';\nimport { TemplateAction, type TemplatePluginProvides, isObject } from './types';\n\nconst typename = 'template'; // Type.schema.typename\n\nexport const TemplatePlugin = (): PluginDefinition<TemplatePluginProvides> => {\n  return {\n    meta,\n    provides: {\n      metadata: {\n        records: {\n          [typename]: {\n            placeholder: ['object placeholder', { ns: TEMPLATE_PLUGIN }],\n            icon: (props: IconProps) => <Asterisk {...props} />,\n            iconSymbol: 'ph--asterisk--regular',\n          },\n        },\n      },\n      translations,\n      graph: {\n        builder: (plugins) => {\n          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;\n          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;\n          if (!client || !dispatch) {\n            return [];\n          }\n\n          return createExtension({\n            id: TemplateAction.CREATE,\n            filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),\n            actions: ({ node }) => {\n              const id = node.id.split('/').at(-1);\n              const [spaceId, objectId] = id?.split(':') ?? [];\n              const space = client.spaces.get().find((space) => space.id === spaceId);\n              const object = objectId && space?.db.getObjectById(objectId);\n              const target = objectId ? object : space;\n              if (!target) {\n                return;\n              }\n\n              return [\n                {\n                  id: `${TEMPLATE_PLUGIN}/create/${node.id}`,\n                  data: async () => {\n                    await dispatch([\n                      { plugin: TEMPLATE_PLUGIN, action: TemplateAction.CREATE },\n                      { action: SpaceAction.ADD_OBJECT, data: { target } },\n                      { action: NavigationAction.OPEN },\n                    ]);\n                  },\n                  properties: {\n                    label: ['create object label', { ns: TEMPLATE_PLUGIN }],\n                    icon: (props: IconProps) => <Placeholder {...props} />,\n                    iconSymbol: 'ph--placeholder--regular',\n                    testId: 'templatePlugin.createObject',\n                  },\n                },\n              ];\n            },\n          });\n        },\n      },\n      surface: {\n        component: ({ data, role }) => {\n          switch (role) {\n            case 'main': {\n              return isObject(data.active) ? <TemplateMain object={data.active} /> : null;\n            }\n          }\n\n          return null;\n        },\n      },\n      intent: {\n        resolver: (intent) => {\n          switch (intent.action) {\n            case TemplateAction.CREATE: {\n              // TODO(burdon): Set typename.\n              return { data: create({ type: 'template' }) };\n            }\n          }\n        },\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { PublicKey } from '@dxos/react-client';\nimport { type EchoReactiveObject, getSpace } from '@dxos/react-client/echo';\nimport { Main } from '@dxos/react-ui';\nimport {\n  baseSurface,\n  topbarBlockPaddingStart,\n  fixedInsetFlexLayout,\n  bottombarBlockPaddingEnd,\n} from '@dxos/react-ui-theme';\n\nexport const TemplateMain: FC<{ object: EchoReactiveObject<any> }> = ({ object }) => {\n  const space = getSpace(object);\n\n  return (\n    // TODO(burdon): Boilerplate.\n    <Main.Content classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n      <pre className='m-4 p-2 ring'>\n        <span>{space?.key.truncate()}</span>/<span>{PublicKey.from(object.id).truncate()}</span>\n      </pre>\n    </Main.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { TEMPLATE_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [TEMPLATE_PLUGIN]: {\n        'plugin name': 'Template',\n        'object placeholder': 'New object',\n        'create object label': 'Create object',\n        'delete object label': 'Delete', // TODO(burdon): Standard for actions menu.\n      },\n    },\n  },\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  IntentResolverProvides,\n  TranslationsProvides,\n  SurfaceProvides,\n  MetadataRecordsProvides,\n} from '@dxos/app-framework';\nimport { isEchoObject, type EchoReactiveObject } from '@dxos/react-client/echo';\n\nimport { TEMPLATE_PLUGIN } from './meta';\n\nconst TEMPLATE_ACTION = `${TEMPLATE_PLUGIN}/action`;\n\nexport enum TemplateAction {\n  CREATE = `${TEMPLATE_ACTION}/create`,\n}\n\nexport type TemplatePluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  MetadataRecordsProvides &\n  TranslationsProvides;\n\n// TODO(burdon): Warning: Encountered two children with the same key, `dxos.org/plugin/template`.\n// TODO(burdon): Better way to detect?\nexport const isObject = (object: unknown): object is EchoReactiveObject<any> => {\n  return isEchoObject(object) && object.type === 'template';\n};\n"],
+  "mappings": "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",
+  "names": ["Asterisk", "Placeholder", "React", "resolvePlugin", "parseIntentPlugin", "NavigationAction", "parseClientPlugin", "createExtension", "isActionGroup", "SpaceAction", "create", "React", "PublicKey", "getSpace", "Main", "baseSurface", "topbarBlockPaddingStart", "fixedInsetFlexLayout", "bottombarBlockPaddingEnd", "TemplateMain", "object", "space", "getSpace", "Main", "Content", "classNames", "baseSurface", "fixedInsetFlexLayout", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "pre", "className", "span", "key", "truncate", "PublicKey", "from", "id", "TEMPLATE_PLUGIN", "isEchoObject", "TEMPLATE_ACTION", "TEMPLATE_PLUGIN", "TemplateAction", "isObject", "object", "isEchoObject", "type", "typename", "TemplatePlugin", "meta", "provides", "metadata", "records", "placeholder", "ns", "TEMPLATE_PLUGIN", "icon", "props", "React", "Asterisk", "iconSymbol", "translations", "graph", "builder", "plugins", "client", "resolvePlugin", "parseClientPlugin", "dispatch", "parseIntentPlugin", "intent", "createExtension", "id", "TemplateAction", "CREATE", "filter", "node", "isActionGroup", "startsWith", "SpaceAction", "ADD_OBJECT", "actions", "split", "at", "spaceId", "objectId", "space", "spaces", "get", "find", "object", "db", "getObjectById", "target", "data", "plugin", "action", "NavigationAction", "OPEN", "properties", "label", "Placeholder", "testId", "surface", "component", "role", "isObject", "active", "TemplateMain", "resolver", "create", "type"]
+}

package/dist/lib/browser/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx":{"bytes":3412,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/components/index.ts":{"bytes":540,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx","kind":"import-statement","original":"./TemplateMain"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/meta.tsx":{"bytes":1766,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/translations.ts":{"bytes":1513,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/meta.tsx","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/types.ts":{"bytes":2678,"imports":[{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/meta.tsx","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx":{"bytes":14617,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"packages/plugins/experimental/plugin-template/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/experimental/plugin-template/src/meta.tsx","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/experimental/plugin-template/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/experimental/plugin-template/src/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/experimental/plugin-template/src/index.ts":{"bytes":535,"imports":[{"path":"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx","kind":"import-statement","original":"./TemplatePlugin"}],"format":"esm"}},"outputs":{"packages/plugins/experimental/plugin-template/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":10156},"packages/plugins/experimental/plugin-template/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-5WVRC7MV.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true}],"exports":["TemplatePlugin"],"entryPoint":"packages/plugins/experimental/plugin-template/src/index.ts","inputs":{"packages/plugins/experimental/plugin-template/src/TemplatePlugin.tsx":{"bytesInOutput":3696},"packages/plugins/experimental/plugin-template/src/components/TemplateMain.tsx":{"bytesInOutput":876},"packages/plugins/experimental/plugin-template/src/components/index.ts":{"bytesInOutput":0},"packages/plugins/experimental/plugin-template/src/translations.ts":{"bytesInOutput":263},"packages/plugins/experimental/plugin-template/src/types.ts":{"bytesInOutput":381},"packages/plugins/experimental/plugin-template/src/index.ts":{"bytesInOutput":0}},"bytes":5715},"packages/plugins/experimental/plugin-template/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/experimental/plugin-template/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-5WVRC7MV.mjs","kind":"import-statement"}],"exports":["TEMPLATE_PLUGIN","default"],"entryPoint":"packages/plugins/experimental/plugin-template/src/meta.tsx","inputs":{},"bytes":165},"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-5WVRC7MV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":873},"packages/plugins/experimental/plugin-template/dist/lib/browser/chunk-5WVRC7MV.mjs":{"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["TEMPLATE_PLUGIN","meta_default"],"inputs":{"packages/plugins/experimental/plugin-template/src/meta.tsx":{"bytesInOutput":376}},"bytes":529}}}

package/dist/lib/browser/meta.mjs

@@ -0,0 +1,9 @@
+import {
+  TEMPLATE_PLUGIN,
+  meta_default
+} from "./chunk-5WVRC7MV.mjs";
+export {
+  TEMPLATE_PLUGIN,
+  meta_default as default
+};
+//# sourceMappingURL=meta.mjs.map

package/dist/lib/browser/meta.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/types/src/TemplatePlugin.d.ts

@@ -0,0 +1,4 @@
+import { type PluginDefinition } from '@dxos/app-framework';
+import { type TemplatePluginProvides } from './types';
+export declare const TemplatePlugin: () => PluginDefinition<TemplatePluginProvides>;
+//# sourceMappingURL=TemplatePlugin.d.ts.map

package/dist/types/src/TemplatePlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePlugin.d.ts","sourceRoot":"","sources":["../../../src/TemplatePlugin.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAoC,KAAK,gBAAgB,EAAoB,MAAM,qBAAqB,CAAC;AAShH,OAAO,EAAkB,KAAK,sBAAsB,EAAY,MAAM,SAAS,CAAC;AAIhF,eAAO,MAAM,cAAc,QAAO,gBAAgB,CAAC,sBAAsB,CAgFxE,CAAC"}

package/dist/types/src/components/TemplateMain.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from 'react';
+import { type EchoReactiveObject } from '@dxos/react-client/echo';
+export declare const TemplateMain: FC<{
+    object: EchoReactiveObject<any>;
+}>;
+//# sourceMappingURL=TemplateMain.d.ts.map

package/dist/types/src/components/TemplateMain.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateMain.d.ts","sourceRoot":"","sources":["../../../../src/components/TemplateMain.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,kBAAkB,EAAY,MAAM,yBAAyB,CAAC;AAS5E,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC;IAAE,MAAM,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAA;CAAE,CAWhE,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TemplateMain';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TemplatePlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,kBAAkB,CAAC"}

package/dist/types/src/meta.d.ts

@@ -0,0 +1,15 @@
+import { type IconProps } from '@phosphor-icons/react';
+import React from 'react';
+export declare const TEMPLATE_PLUGIN = "dxos.org/plugin/template";
+declare const _default: {
+    id: string;
+    shortId?: string;
+    name?: string;
+    description?: string;
+    homePage?: string;
+    tags?: string[];
+    iconComponent?: React.FC<IconProps>;
+    iconSymbol?: string;
+};
+export default _default;
+//# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,eAAe,6BAA6B,CAAC;;;;;;;;;;;AAE1D,wBAKG"}

package/dist/types/src/translations.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+    'en-US': {
+        "dxos.org/plugin/template": {
+            'plugin name': string;
+            'object placeholder': string;
+            'create object label': string;
+            'delete object label': string;
+        };
+    };
+}[];
+export default _default;
+//# sourceMappingURL=translations.d.ts.map

package/dist/types/src/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":";;;;;;;;;;AAMA,wBAWE"}

package/dist/types/src/types.d.ts

@@ -0,0 +1,8 @@
+import type { GraphBuilderProvides, IntentResolverProvides, TranslationsProvides, SurfaceProvides, MetadataRecordsProvides } from '@dxos/app-framework';
+import { type EchoReactiveObject } from '@dxos/react-client/echo';
+export declare enum TemplateAction {
+    CREATE = "dxos.org/plugin/template/action/create"
+}
+export type TemplatePluginProvides = SurfaceProvides & IntentResolverProvides & GraphBuilderProvides & MetadataRecordsProvides & TranslationsProvides;
+export declare const isObject: (object: unknown) => object is EchoReactiveObject<any>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EACpB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,uBAAuB,EACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAgB,KAAK,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAMhF,oBAAY,cAAc;IACxB,MAAM,2CAA8B;CACrC;AAED,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,sBAAsB,GACtB,oBAAoB,GACpB,uBAAuB,GACvB,oBAAoB,CAAC;AAIvB,eAAO,MAAM,QAAQ,WAAY,OAAO,KAAG,MAAM,IAAI,kBAAkB,CAAC,GAAG,CAE1E,CAAC"}

package/package.json

@@ -1,43 +1,61 @@
 {
   "name": "@dxos/plugin-template",
-  "version": "0.6.7",
-  "description": "An template project for prototyping plugins for DXOS Composer.",
-  "keywords": [
-    "dxos",
-    "plugin",
-    "template",
-    "composer",
-    "local-first",
-    "offline",
-    "multiplayer"
-  ],
+  "version": "0.6.8-main.046e6cf",
+  "description": "Template for new plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
   "license": "MIT",
-  "author": "info@dxos.org",
-  "main": "dist/src/template.t.js",
-  "types": "dist/src/template.t.d.ts",
+  "author": "DXOS.org",
+  "exports": {
+    ".": {
+      "browser": "./dist/lib/browser/index.mjs",
+      "types": "./dist/types/src/index.d.ts"
+    },
+    "./meta": {
+      "browser": "./dist/lib/browser/meta.mjs",
+      "types": "./dist/types/src/meta.d.ts"
+    }
+  },
+  "types": "dist/types/src/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "meta": [
+        "dist/types/src/meta.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
   "dependencies": {
-    "chalk": "^4.1.0",
-    "lodash.merge": "^4.6.2",
-    "sanitize-filename": "1.6.3",
-    "@dxos/plate": "0.6.7"
+    "@preact/signals-core": "^1.6.0",
+    "@dxos/app-framework": "0.6.8-main.046e6cf",
+    "@dxos/async": "0.6.8-main.046e6cf",
+    "@dxos/plugin-graph": "0.6.8-main.046e6cf",
+    "@dxos/plugin-space": "0.6.8-main.046e6cf",
+    "@dxos/plugin-client": "0.6.8-main.046e6cf",
+    "@dxos/react-client": "0.6.8-main.046e6cf"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
-    "@types/lodash.merge": "^4.6.6",
-    "tmp-promise": "^3.0.3",
-    "ts-node": "10.9.1",
-    "types-package-json": "^2.0.39",
-    "typescript": "^5.4.5",
-    "@dxos/app-framework": "0.6.7",
-    "@dxos/shell": "0.6.7",
-    "@dxos/config": "0.6.7"
+    "@types/react": "~18.2.0",
+    "@types/react-dom": "~18.2.0",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "vite": "^5.3.4",
+    "@dxos/react-ui-theme": "0.6.8-main.046e6cf",
+    "@dxos/react-ui": "0.6.8-main.046e6cf",
+    "@dxos/storybook-utils": "0.6.8-main.046e6cf"
+  },
+  "optionalDependencies": {
+    "@phosphor-icons/react": "^2.1.5",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "@dxos/react-ui": "0.6.8-main.046e6cf",
+    "@dxos/react-ui-theme": "0.6.8-main.046e6cf"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "tsc"
   }
 }

package/src/TemplatePlugin.tsx

@@ -0,0 +1,101 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Asterisk, Placeholder, type IconProps } from '@phosphor-icons/react';
+import React from 'react';
+
+import { resolvePlugin, parseIntentPlugin, type PluginDefinition, NavigationAction } from '@dxos/app-framework';
+import { parseClientPlugin } from '@dxos/plugin-client';
+import { type ActionGroup, createExtension, isActionGroup } from '@dxos/plugin-graph';
+import { SpaceAction } from '@dxos/plugin-space';
+import { create } from '@dxos/react-client/echo';
+
+import { TemplateMain } from './components';
+import meta, { TEMPLATE_PLUGIN } from './meta';
+import translations from './translations';
+import { TemplateAction, type TemplatePluginProvides, isObject } from './types';
+
+const typename = 'template'; // Type.schema.typename
+
+export const TemplatePlugin = (): PluginDefinition<TemplatePluginProvides> => {
+  return {
+    meta,
+    provides: {
+      metadata: {
+        records: {
+          [typename]: {
+            placeholder: ['object placeholder', { ns: TEMPLATE_PLUGIN }],
+            icon: (props: IconProps) => <Asterisk {...props} />,
+            iconSymbol: 'ph--asterisk--regular',
+          },
+        },
+      },
+      translations,
+      graph: {
+        builder: (plugins) => {
+          const client = resolvePlugin(plugins, parseClientPlugin)?.provides.client;
+          const dispatch = resolvePlugin(plugins, parseIntentPlugin)?.provides.intent.dispatch;
+          if (!client || !dispatch) {
+            return [];
+          }
+
+          return createExtension({
+            id: TemplateAction.CREATE,
+            filter: (node): node is ActionGroup => isActionGroup(node) && node.id.startsWith(SpaceAction.ADD_OBJECT),
+            actions: ({ node }) => {
+              const id = node.id.split('/').at(-1);
+              const [spaceId, objectId] = id?.split(':') ?? [];
+              const space = client.spaces.get().find((space) => space.id === spaceId);
+              const object = objectId && space?.db.getObjectById(objectId);
+              const target = objectId ? object : space;
+              if (!target) {
+                return;
+              }
+
+              return [
+                {
+                  id: `${TEMPLATE_PLUGIN}/create/${node.id}`,
+                  data: async () => {
+                    await dispatch([
+                      { plugin: TEMPLATE_PLUGIN, action: TemplateAction.CREATE },
+                      { action: SpaceAction.ADD_OBJECT, data: { target } },
+                      { action: NavigationAction.OPEN },
+                    ]);
+                  },
+                  properties: {
+                    label: ['create object label', { ns: TEMPLATE_PLUGIN }],
+                    icon: (props: IconProps) => <Placeholder {...props} />,
+                    iconSymbol: 'ph--placeholder--regular',
+                    testId: 'templatePlugin.createObject',
+                  },
+                },
+              ];
+            },
+          });
+        },
+      },
+      surface: {
+        component: ({ data, role }) => {
+          switch (role) {
+            case 'main': {
+              return isObject(data.active) ? <TemplateMain object={data.active} /> : null;
+            }
+          }
+
+          return null;
+        },
+      },
+      intent: {
+        resolver: (intent) => {
+          switch (intent.action) {
+            case TemplateAction.CREATE: {
+              // TODO(burdon): Set typename.
+              return { data: create({ type: 'template' }) };
+            }
+          }
+        },
+      },
+    },
+  };
+};

package/src/components/TemplateMain.tsx

@@ -0,0 +1,28 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React, { type FC } from 'react';
+
+import { PublicKey } from '@dxos/react-client';
+import { type EchoReactiveObject, getSpace } from '@dxos/react-client/echo';
+import { Main } from '@dxos/react-ui';
+import {
+  baseSurface,
+  topbarBlockPaddingStart,
+  fixedInsetFlexLayout,
+  bottombarBlockPaddingEnd,
+} from '@dxos/react-ui-theme';
+
+export const TemplateMain: FC<{ object: EchoReactiveObject<any> }> = ({ object }) => {
+  const space = getSpace(object);
+
+  return (
+    // TODO(burdon): Boilerplate.
+    <Main.Content classNames={[baseSurface, fixedInsetFlexLayout, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>
+      <pre className='m-4 p-2 ring'>
+        <span>{space?.key.truncate()}</span>/<span>{PublicKey.from(object.id).truncate()}</span>
+      </pre>
+    </Main.Content>
+  );
+};

package/src/components/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './TemplateMain';

package/src/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+export * from './TemplatePlugin';

package/src/meta.tsx

@@ -0,0 +1,17 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { Asterisk, type IconProps } from '@phosphor-icons/react';
+import React from 'react';
+
+import { pluginMeta } from '@dxos/app-framework';
+
+export const TEMPLATE_PLUGIN = 'dxos.org/plugin/template';
+
+export default pluginMeta({
+  id: TEMPLATE_PLUGIN,
+  name: 'Template',
+  iconComponent: (props: IconProps) => <Asterisk {...props} />,
+  iconSymbol: 'ph--asterisk--regular',
+});