@dxos/plugin-template 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-template",
-  "version": "0.8.4-main.bc674ce",
+  "version": "0.8.4-main.bcb3aa67d6",
   "description": "Template for new plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -12,6 +12,12 @@
   "author": "DXOS.org",
   "sideEffects": true,
   "type": "module",
+  "imports": {
+    "#capabilities": "./src/capabilities/index.ts",
+    "#components": "./src/components/index.ts",
+    "#meta": "./src/meta.ts",
+    "#types": "./src/types/index.ts"
+  },
   "exports": {
     ".": {
       "source": "./src/index.ts",
@@ -38,35 +44,36 @@
   ],
   "dependencies": {
     "@radix-ui/react-context": "1.1.1",
-    "effect": "3.19.11",
-    "@dxos/app-framework": "0.8.4-main.bc674ce",
-    "@dxos/echo": "0.8.4-main.bc674ce",
-    "@dxos/operation": "0.8.4-main.bc674ce",
-    "@dxos/plugin-graph": "0.8.4-main.bc674ce",
-    "@dxos/plugin-client": "0.8.4-main.bc674ce",
-    "@dxos/plugin-space": "0.8.4-main.bc674ce",
-    "@dxos/react-ui-mosaic": "0.8.4-main.bc674ce",
-    "@dxos/react-client": "0.8.4-main.bc674ce",
-    "@dxos/util": "0.8.4-main.bc674ce",
-    "@dxos/react-ui-stack": "0.8.4-main.bc674ce",
-    "@dxos/async": "0.8.4-main.bc674ce"
+    "effect": "3.20.0",
+    "@dxos/app-toolkit": "0.8.4-main.bcb3aa67d6",
+    "@dxos/app-framework": "0.8.4-main.bcb3aa67d6",
+    "@dxos/echo": "0.8.4-main.bcb3aa67d6",
+    "@dxos/operation": "0.8.4-main.bcb3aa67d6",
+    "@dxos/plugin-client": "0.8.4-main.bcb3aa67d6",
+    "@dxos/plugin-graph": "0.8.4-main.bcb3aa67d6",
+    "@dxos/plugin-space": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-ui-mosaic": "0.8.4-main.bcb3aa67d6",
+    "@dxos/async": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-client": "0.8.4-main.bcb3aa67d6",
+    "@dxos/react-ui-stack": "0.8.4-main.bcb3aa67d6",
+    "@dxos/util": "0.8.4-main.bcb3aa67d6"
   },
   "devDependencies": {
     "@types/react": "~19.2.7",
     "@types/react-dom": "~19.2.3",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "vite": "7.1.9",
-    "@dxos/storybook-utils": "0.8.4-main.bc674ce",
-    "@dxos/ui-theme": "0.8.4-main.bc674ce",
-    "@dxos/react-ui": "0.8.4-main.bc674ce"
+    "vite": "^7.1.11",
+    "@dxos/react-ui": "0.8.4-main.bcb3aa67d6",
+    "@dxos/storybook-utils": "0.8.4-main.bcb3aa67d6",
+    "@dxos/ui-theme": "0.8.4-main.bcb3aa67d6"
   },
   "peerDependencies": {
-    "effect": "3.19.11",
+    "effect": "3.20.0",
     "react": "~19.2.3",
     "react-dom": "~19.2.3",
-    "@dxos/react-ui": "0.8.4-main.bc674ce",
-    "@dxos/ui-theme": "0.8.4-main.bc674ce"
+    "@dxos/react-ui": "0.8.4-main.bcb3aa67d6",
+    "@dxos/ui-theme": "0.8.4-main.bcb3aa67d6"
   },
   "publishConfig": {
     "access": "public"

package/src/TemplatePlugin.tsx

@@ -3,29 +3,43 @@
 //
 
 import * as Effect from 'effect/Effect';
+import * as Option from 'effect/Option';
 
-import { Common, Plugin } from '@dxos/app-framework';
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+import { Annotation } from '@dxos/echo';
+import { Operation } from '@dxos/operation';
 import { type CreateObject } from '@dxos/plugin-space/types';
+import { SpaceOperation } from '@dxos/plugin-space/operations';
 
-import { ReactSurface } from './capabilities';
-import { meta } from './meta';
+import { meta } from '#meta';
 import { translations } from './translations';
-import { Template } from './types';
+import { Template } from '#types';
+
+import { ReactSurface } from '#capabilities';
 
 export const TemplatePlugin = Plugin.define(meta).pipe(
-  Common.Plugin.addTranslationsModule({ translations }),
-  Common.Plugin.addMetadataModule({
+  AppPlugin.addMetadataModule({
     metadata: {
       id: Template.Data.typename,
       metadata: {
-        icon: 'ph--asterisk--regular',
-        iconHue: 'sky',
-        createObject: ((props) => Effect.sync(() => Template.make(props))) satisfies CreateObject,
-        addToCollectionOnCreate: true,
+        icon: Annotation.IconAnnotation.get(Template.Data).pipe(Option.getOrThrow).icon,
+        iconHue: Annotation.IconAnnotation.get(Template.Data).pipe(Option.getOrThrow).hue ?? 'white',
+        createObject: ((props, options) =>
+          Effect.gen(function* () {
+            const object = Template.make(props);
+            return yield* Operation.invoke(SpaceOperation.AddObject, {
+              object,
+              target: options.target,
+              hidden: true,
+              targetNodeId: options.targetNodeId,
+            });
+          })) satisfies CreateObject,
       },
     },
   }),
-  Common.Plugin.addSchemaModule({ schema: [Template.Data] }),
-  Common.Plugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addSchemaModule({ schema: [Template.Data] }),
+  AppPlugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addTranslationsModule({ translations }),
   Plugin.make,
 );

package/src/capabilities/index.ts

@@ -2,4 +2,6 @@
 // Copyright 2025 DXOS.org
 //
 
-export * from './react-surface';
+import { Capability } from '@dxos/app-framework';
+
+export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/capabilities/{react-surface/react-surface.tsx → react-surface.tsx}

@@ -5,23 +5,24 @@
 import * as Effect from 'effect/Effect';
 import React from 'react';
 
-import { Capability, Common } from '@dxos/app-framework';
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { Surface } from '@dxos/app-framework/ui';
 import { Obj } from '@dxos/echo';
 
-import { TemplateContainer } from '../../components';
-import { meta } from '../../meta';
-import { Template } from '../../types';
+import { TemplatePanel } from '#components';
+import { meta } from '#meta';
+import { Template } from '#types';
 
 export default Capability.makeModule(() =>
   Effect.succeed(
     Capability.contributes(
-      Common.Capability.ReactSurface,
-      Common.createSurface({
+      Capabilities.ReactSurface,
+      Surface.create({
         id: meta.id,
         role: 'article',
         filter: (data): data is { subject: Obj.Unknown } => Obj.instanceOf(Template.Data, data.subject),
         component: ({ data, role }: { data: { subject: Obj.Unknown }; role: string }) => (
-          <TemplateContainer role={role} subject={data.subject} />
+          <TemplatePanel role={role} subject={data.subject} />
         ),
       }),
     ),

package/src/components/TemplatePanel/TemplatePanel.tsx

@@ -0,0 +1,21 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import React from 'react';
+
+import { type ObjectSurfaceProps } from '@dxos/app-toolkit/ui';
+import { Obj } from '@dxos/echo';
+import { Panel } from '@dxos/react-ui';
+
+export type TemplatePanelProps = ObjectSurfaceProps<Obj.Unknown>;
+
+export const TemplatePanel = ({ role, subject: object }: TemplatePanelProps) => {
+  return (
+    <Panel.Root role={role} className='dx-document'>
+      <Panel.Content>
+        <span>{Obj.getDXN(object).toString()}</span>
+      </Panel.Content>
+    </Panel.Root>
+  );
+};

package/src/components/TemplatePanel/index.ts

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

package/src/components/index.ts

@@ -2,4 +2,4 @@
 // Copyright 2023 DXOS.org
 //
 
-export * from './TemplateContainer';
+export * from './TemplatePanel';

package/src/meta.ts

@@ -6,7 +6,7 @@ import { type Plugin } from '@dxos/app-framework';
 import { trim } from '@dxos/util';
 
 export const meta: Plugin.Meta = {
-  id: 'dxos.org/plugin/template',
+  id: 'org.dxos.plugin.template',
   name: 'Template',
   description: trim`
     Create reusable templates for documents, tables, and other objects.

package/src/translations.ts

@@ -4,24 +4,25 @@
 
 import { type Resource } from '@dxos/react-ui';
 
-import { meta } from './meta';
-import { Template } from './types';
+import { meta } from '#meta';
+import { Template } from '#types';
 
 export const translations = [
   {
     'en-US': {
       [Template.Data.typename]: {
-        'typename label': 'Template',
-        'typename label_zero': 'Templates',
-        'typename label_one': 'Template',
-        'typename label_other': 'Templates',
-        'object name placeholder': 'New template',
-        'rename object label': 'Rename template',
-        'delete object label': 'Delete template',
-        'object deleted label': 'Template deleted',
+        'typename.label': 'Template',
+        'typename.label_zero': 'Templates',
+        'typename.label_one': 'Template',
+        'typename.label_other': 'Templates',
+        'object-name.placeholder': 'New template',
+        'add-object.label': 'Add template',
+        'rename-object.label': 'Rename template',
+        'delete-object.label': 'Delete template',
+        'object-deleted.label': 'Template deleted',
       },
       [meta.id]: {
-        'plugin name': 'Template',
+        'plugin.name': 'Template',
       },
     },
   },

package/src/types/schema.ts

@@ -4,16 +4,20 @@
 
 import * as Schema from 'effect/Schema';
 
-import { Obj, Type } from '@dxos/echo';
+import { Annotation, Obj, Type } from '@dxos/echo';
 
 export namespace Template {
   export const Data = Schema.Struct({
     name: Schema.optional(Schema.String),
   }).pipe(
     Type.object({
-      typename: 'dxos.org/type/Data',
+      typename: 'org.dxos.type.data',
       version: '0.1.0',
     }),
+    Annotation.IconAnnotation.set({
+      icon: 'ph--asterisk--regular',
+      hue: 'sky',
+    }),
   );
 
   export type Data = Schema.Schema.Type<typeof Data>;

package/dist/lib/browser/chunk-HRH4SQLU.mjs

@@ -1,18 +0,0 @@
-// src/types/schema.ts
-import * as Schema from "effect/Schema";
-import { Obj, Type } from "@dxos/echo";
-(function(Template2) {
-  Template2.Data = Schema.Struct({
-    name: Schema.optional(Schema.String)
-  }).pipe(Type.object({
-    typename: "dxos.org/type/Data",
-    version: "0.1.0"
-  }));
-  Template2.make = (props) => Obj.make(Template2.Data, props);
-})(Template || (Template = {}));
-var Template;
-
-export {
-  Template
-};
-//# sourceMappingURL=chunk-HRH4SQLU.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/schema.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Type } from '@dxos/echo';\n\nexport namespace Template {\n  export const Data = Schema.Struct({\n    name: Schema.optional(Schema.String),\n  }).pipe(\n    Type.object({\n      typename: 'dxos.org/type/Data',\n      version: '0.1.0',\n    }),\n  );\n\n  export type Data = Schema.Schema.Type<typeof Data>;\n\n  export const make = (props: Partial<Data>) => Obj.make(Data, props);\n}\n"],
-  "mappings": ";AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,YAAY;UAETC,WAAAA;YACFC,OAAcC,cAAO;IAChCC,MAAaC,gBAAgBC,aAAM;EACrC,CAAA,EAAGC,KACDC,KAAKC,OAAO;IACVC,UAAU;IACVC,SAAS;EACX,CAAA,CAAA;YAKWC,OAAO,CAACC,UAAyBC,IAAIF,KAAIX,UAACC,MAAMW,KAAAA;AAC/D,GAbiBZ,aAAAA,WAAAA,CAAAA,EAAAA;;",
-  "names": ["Schema", "Obj", "Type", "Template", "Data", "Struct", "name", "optional", "String", "pipe", "Type", "object", "typename", "version", "make", "props", "Obj"]
-}

package/dist/lib/browser/chunk-TRYLFURO.mjs

@@ -1,18 +0,0 @@
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "dxos.org/plugin/template",
-  name: "Template",
-  description: trim`
-    Create reusable templates for documents, tables, and other objects.
-    Define structured patterns that can be quickly instantiated with pre-configured content and settings.
-  `,
-  icon: "ph--asterisk--regular",
-  iconHue: "sky",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-template"
-};
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-TRYLFURO.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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/template',\n  name: 'Template',\n  description: trim`\n    Create reusable templates for documents, tables, and other objects.\n    Define structured patterns that can be quickly instantiated with pre-configured content and settings.\n  `,\n  icon: 'ph--asterisk--regular',\n  iconHue: 'sky',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-template',\n};\n"],
-  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;AACV;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source"]
-}

package/dist/lib/browser/react-surface-FXQGYDUN.mjs

@@ -1,39 +0,0 @@
-import {
-  meta
-} from "./chunk-TRYLFURO.mjs";
-import {
-  Template
-} from "./chunk-HRH4SQLU.mjs";
-
-// src/capabilities/react-surface/react-surface.tsx
-import * as Effect from "effect/Effect";
-import React2 from "react";
-import { Capability, Common } from "@dxos/app-framework";
-import { Obj as Obj2 } from "@dxos/echo";
-
-// src/components/TemplateContainer.tsx
-import React from "react";
-import { Obj } from "@dxos/echo";
-import { Layout } from "@dxos/react-ui-mosaic";
-var TemplateContainer = ({ role, subject: object }) => {
-  return /* @__PURE__ */ React.createElement(Layout.Main, {
-    role
-  }, /* @__PURE__ */ React.createElement("pre", {
-    className: "m-4 p-2 ring"
-  }, /* @__PURE__ */ React.createElement("span", null, Obj.getDXN(object).toString())));
-};
-
-// src/capabilities/react-surface/react-surface.tsx
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common.Capability.ReactSurface, Common.createSurface({
-  id: meta.id,
-  role: "article",
-  filter: (data) => Obj2.instanceOf(Template.Data, data.subject),
-  component: ({ data, role }) => /* @__PURE__ */ React2.createElement(TemplateContainer, {
-    role,
-    subject: data.subject
-  })
-}))));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-FXQGYDUN.mjs.map

package/dist/lib/browser/react-surface-FXQGYDUN.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/TemplateContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { TemplateContainer } from '../../components';\nimport { meta } from '../../meta';\nimport { Template } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(\n      Common.Capability.ReactSurface,\n      Common.createSurface({\n        id: meta.id,\n        role: 'article',\n        filter: (data): data is { subject: Obj.Unknown } => Obj.instanceOf(Template.Data, data.subject),\n        component: ({ data, role }: { data: { subject: Obj.Unknown }; role: string }) => (\n          <TemplateContainer role={role} subject={data.subject} />\n        ),\n      }),\n    ),\n  ),\n);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type SurfaceComponentProps } from '@dxos/app-framework/react';\nimport { Obj } from '@dxos/echo';\nimport { Layout } from '@dxos/react-ui-mosaic';\n\nexport type TemplateContainerProps = SurfaceComponentProps<Obj.Unknown>;\n\nexport const TemplateContainer = ({ role, subject: object }: TemplateContainerProps) => {\n  return (\n    <Layout.Main role={role}>\n      <pre className='m-4 p-2 ring'>\n        <span>{Obj.getDXN(object).toString()}</span>\n      </pre>\n    </Layout.Main>\n  );\n};\n"],
-  "mappings": ";;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,YAAW;AAElB,SAASC,YAAYC,cAAc;AACnC,SAASC,OAAAA,YAAW;;;ACJpB,OAAOC,WAAW;AAGlB,SAASC,WAAW;AACpB,SAASC,cAAc;AAIhB,IAAMC,oBAAoB,CAAC,EAAEC,MAAMC,SAASC,OAAM,MAA0B;AACjF,SACE,sBAAA,cAACC,OAAOC,MAAI;IAACJ;KACX,sBAAA,cAACK,OAAAA;IAAIC,WAAU;KACb,sBAAA,cAACC,QAAAA,MAAMC,IAAIC,OAAOP,MAAAA,EAAQQ,SAAQ,CAAA,CAAA,CAAA;AAI1C;;;ADNA,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YACTC,OAAOJ,WAAWK,cAClBD,OAAOE,cAAc;EACnBC,IAAIC,KAAKD;EACTE,MAAM;EACNC,QAAQ,CAACC,SAA2CC,KAAIC,WAAWC,SAASC,MAAMJ,KAAKK,OAAO;EAC9FC,WAAW,CAAC,EAAEN,MAAMF,KAAI,MACtB,gBAAAS,OAAA,cAACC,mBAAAA;IAAkBV;IAAYO,SAASL,KAAKK;;AAEjD,CAAA,CAAA,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capability", "Common", "Obj", "React", "Obj", "Layout", "TemplateContainer", "role", "subject", "object", "Layout", "Main", "pre", "className", "span", "Obj", "getDXN", "toString", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Template", "Data", "subject", "component", "React", "TemplateContainer"]
-}

package/dist/types/src/capabilities/react-surface/index.d.ts

@@ -1,3 +0,0 @@
-import { Capability } from '@dxos/app-framework';
-export declare const ReactSurface: Capability.LazyCapability<void, Capability.Capability<Capability.InterfaceDef<import("@dxos/app-framework/Common").Capability.ReactSurface>>, Error>;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/react-surface/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,eAAO,MAAM,YAAY,sJAAmE,CAAC"}

package/dist/types/src/capabilities/react-surface/react-surface.d.ts

@@ -1,5 +0,0 @@
-import * as Effect from 'effect/Effect';
-import { Capability, Common } from '@dxos/app-framework';
-declare const _default: (props?: void | undefined) => Effect.Effect<Capability.Capability<Capability.InterfaceDef<Common.Capability.ReactSurface>>, never, never>;
-export default _default;
-//# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../../src/capabilities/react-surface/react-surface.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;;AAOzD,wBAcE"}

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type SurfaceComponentProps } from '@dxos/app-framework/react';
-import { Obj } from '@dxos/echo';
-export type TemplateContainerProps = SurfaceComponentProps<Obj.Unknown>;
-export declare const TemplateContainer: ({ role, subject: object }: TemplateContainerProps) => React.JSX.Element;
-//# sourceMappingURL=TemplateContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TemplateContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/TemplateContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,2BAA2B,sBAAsB,sBAQlF,CAAC"}

package/src/capabilities/react-surface/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/components/TemplateContainer.tsx

@@ -1,21 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { type SurfaceComponentProps } from '@dxos/app-framework/react';
-import { Obj } from '@dxos/echo';
-import { Layout } from '@dxos/react-ui-mosaic';
-
-export type TemplateContainerProps = SurfaceComponentProps<Obj.Unknown>;
-
-export const TemplateContainer = ({ role, subject: object }: TemplateContainerProps) => {
-  return (
-    <Layout.Main role={role}>
-      <pre className='m-4 p-2 ring'>
-        <span>{Obj.getDXN(object).toString()}</span>
-      </pre>
-    </Layout.Main>
-  );
-};