@dxos/plugin-game 0.0.0

package/dx.config.ts

@@ -0,0 +1,40 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { Config2 } from '@dxos/app-framework/config';
+import { trim } from '@dxos/util';
+
+export default Config2.make({
+  plugin: {
+    key: 'org.dxos.plugin.game',
+    name: 'Game',
+    author: 'DXOS',
+    description: trim`
+      Generic game host plugin that provides shared infrastructure for local-first,
+      multi-player turn-based games inside DXOS Composer. The plugin owns the base
+      \`Game\` ECHO type — which stores players and a reference to variant-specific
+      state — and drives the two-stage game-creation flow (variant picker + optional
+      input form).
+
+      Game variants (chess, tic-tac-toe, and others) are contributed by separate
+      plugins via the \`GameCapabilities.VariantProvider\` capability. Each variant supplies
+      its own state schema, player roles, create factory, and surface components
+      (Article and Card). Plugin-game resolves the correct variant at runtime and
+      delegates rendering, keeping the host layer fully decoupled from game logic.
+
+      Variant state objects are stored as hidden ECHO objects alongside the top-level
+      \`Game\`, ensuring they replicate to all peers but do not appear as independent
+      items in the user's space graph. The entire creation flow is atomic: if the
+      Game write fails, the variant state is rolled back automatically.
+    `,
+    source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-game',
+    icon: { key: 'ph--sword--regular', hue: 'indigo' },
+    spec: 'PLUGIN.mdl',
+    screenshots: [
+      {
+        dark: 'https://customer-5rxcjpyab08avpmn.cloudflarestream.com/2797d56edc9658d018ad75fe48a47f27/iframe?poster=https%3A%2F%2Fcustomer-5rxcjpyab08avpmn.cloudflarestream.com%2F2797d56edc9658d018ad75fe48a47f27%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600',
+      },
+    ],
+  },
+});

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "@dxos/plugin-game",
+  "version": "0.0.0",
+  "description": "Game plugin for DXOS Composer (unifies game variants like chess, tic-tac-toe).",
+  "homepage": "https://dxos.org",
+  "bugs": "https://github.com/dxos/dxos/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dxos/dxos"
+  },
+  "license": "FSL-1.1-Apache-2.0",
+  "author": "DXOS.org",
+  "sideEffects": true,
+  "type": "module",
+  "imports": {
+    "#capabilities": {
+      "source": "./src/capabilities/index.ts",
+      "types": "./dist/types/src/capabilities/index.d.ts",
+      "default": "./dist/lib/neutral/capabilities/index.mjs"
+    },
+    "#components": {
+      "source": "./src/components/index.ts",
+      "types": "./dist/types/src/components/index.d.ts",
+      "default": "./dist/lib/neutral/components/index.mjs"
+    },
+    "#containers": {
+      "source": "./src/containers/index.ts",
+      "types": "./dist/types/src/containers/index.d.ts",
+      "default": "./dist/lib/neutral/containers/index.mjs"
+    },
+    "#meta": {
+      "source": "./src/meta.ts",
+      "types": "./dist/types/src/meta.d.ts",
+      "default": "./dist/lib/neutral/meta.mjs"
+    },
+    "#plugin": {
+      "source": {
+        "workerd": "./src/GamePlugin.workerd.tsx",
+        "node": "./src/GamePlugin.node.tsx",
+        "default": "./src/GamePlugin.tsx"
+      },
+      "types": "./dist/types/src/GamePlugin.d.ts",
+      "workerd": "./dist/lib/neutral/GamePlugin.workerd.mjs",
+      "node": "./dist/lib/neutral/GamePlugin.node.mjs",
+      "default": "./dist/lib/neutral/GamePlugin.mjs"
+    },
+    "#translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "default": "./dist/lib/neutral/translations.mjs"
+    },
+    "#types": {
+      "source": "./src/types/index.ts",
+      "types": "./dist/types/src/types/index.d.ts",
+      "default": "./dist/lib/neutral/types/index.mjs"
+    },
+    "#util": "./src/util/index.ts"
+  },
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "default": "./dist/lib/neutral/index.mjs"
+    },
+    "./assets/PLUGIN.mdl": "./PLUGIN.mdl",
+    "./plugin": {
+      "source": "./src/plugin.ts",
+      "types": "./dist/types/src/plugin.d.ts",
+      "default": "./dist/lib/neutral/plugin.mjs"
+    },
+    "./translations": {
+      "source": "./src/translations.ts",
+      "types": "./dist/types/src/translations.d.ts",
+      "default": "./dist/lib/neutral/translations.mjs"
+    },
+    "./types": {
+      "source": "./src/types/index.ts",
+      "types": "./dist/types/src/types/index.d.ts",
+      "default": "./dist/lib/neutral/types/index.mjs"
+    }
+  },
+  "types": "dist/types/src/index.d.ts",
+  "files": [
+    "dist",
+    "dx.config.ts",
+    "src",
+    "PLUGIN.mdl"
+  ],
+  "dependencies": {
+    "@dxos/app-framework": "workspace:*",
+    "@dxos/app-toolkit": "workspace:*",
+    "@dxos/compute": "workspace:*",
+    "@dxos/echo": "workspace:*",
+    "@dxos/echo-react": "workspace:*",
+    "@dxos/invariant": "workspace:*",
+    "@dxos/keys": "workspace:*",
+    "@dxos/log": "workspace:*",
+    "@dxos/plugin-space": "workspace:*",
+    "@dxos/react-ui": "workspace:*",
+    "@dxos/react-ui-form": "workspace:*",
+    "@dxos/react-ui-search": "workspace:*",
+    "@dxos/util": "workspace:*",
+    "effect": "catalog:"
+  },
+  "devDependencies": {
+    "@dxos/plugin-testing": "workspace:*",
+    "@dxos/plugin-theme": "workspace:*",
+    "@dxos/ui-theme": "workspace:*",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "vite": "catalog:"
+  },
+  "peerDependencies": {
+    "@dxos/react-ui": "workspace:*",
+    "@dxos/ui-theme": "workspace:*",
+    "react": "catalog:",
+    "react-dom": "catalog:"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/GamePlugin.node.tsx

@@ -0,0 +1,24 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+
+import { meta } from '#meta';
+import { translations } from '#translations';
+import { Game } from '#types';
+
+/**
+ * Headless variant of GamePlugin (no React surfaces / CreateObject panel).
+ * Used in node contexts (CLI, agents, tests) where rendering is unavailable —
+ * the full variant lazy-loads `CreateGamePanel` from `react-ui-search` which
+ * downstream bundlers don't resolve cleanly under nested pnpm symlinks.
+ */
+export const GamePlugin = Plugin.define(meta).pipe(
+  AppPlugin.addSchemaModule({ schema: [Game] }),
+  AppPlugin.addTranslationsModule({ translations }),
+  Plugin.make,
+);
+
+export default GamePlugin;

package/src/GamePlugin.tsx

@@ -0,0 +1,27 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+
+import { CreateObject, ReactSurface } from '#capabilities';
+import { meta } from '#meta';
+import { translations } from '#translations';
+import { Game } from '#types';
+
+// eslint-disable-next-line import/no-relative-packages
+import pluginSpec from '../PLUGIN.mdl?raw';
+
+export const GamePlugin = Plugin.define(meta).pipe(
+  AppPlugin.addCreateObjectModule({ activate: CreateObject }),
+  AppPlugin.addSchemaModule({ schema: [Game] }),
+  AppPlugin.addSurfaceModule({ activate: ReactSurface }),
+  AppPlugin.addTranslationsModule({ translations }),
+  AppPlugin.addPluginAssetModule({
+    asset: { pluginId: meta.profile.key, path: 'PLUGIN.mdl', content: pluginSpec, mimeType: 'application/x-mdl' },
+  }),
+  Plugin.make,
+);
+
+export default GamePlugin;

package/src/GamePlugin.workerd.tsx

@@ -0,0 +1,13 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+import { AppPlugin } from '@dxos/app-toolkit';
+
+import { meta } from '#meta';
+import { Game } from '#types';
+
+export const GamePlugin = Plugin.define(meta).pipe(AppPlugin.addSchemaModule({ schema: [Game] }), Plugin.make);
+
+export default GamePlugin;

package/src/capabilities/create-object.ts

@@ -0,0 +1,67 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+
+import { Capability } from '@dxos/app-framework';
+import { Operation } from '@dxos/compute';
+import { Database, Type } from '@dxos/echo';
+import { invariant } from '@dxos/invariant';
+import { SpaceOperation } from '@dxos/plugin-space';
+import { SpaceCapabilities } from '@dxos/plugin-space';
+
+import { CreateGamePanel } from '#components';
+
+import { Game, GameCapabilities, make as makeGame } from '../types';
+
+type CreateOptions = Parameters<SpaceCapabilities.CreateObjectEntry['createObject']>[1];
+
+export default Capability.makeModule(
+  Effect.fnUntraced(function* () {
+    return Capability.contributes(SpaceCapabilities.CreateObjectEntry, {
+      id: Type.getTypename(Game),
+      customPanel: CreateGamePanel,
+      createObject: (
+        { variantId, input }: { variantId: string; input?: Record<string, any> },
+        options: CreateOptions,
+      ) =>
+        Effect.gen(function* () {
+          const variants = yield* Capability.getAll(GameCapabilities.VariantProvider);
+          const variant = variants.find((v) => v.id === variantId);
+          invariant(variant, `Unknown game variant: ${variantId}`);
+
+          // Build variant state object via the variant's factory.
+          const stateObject = yield* variant
+            .createVariant(input ?? {})
+            .pipe(Effect.provideService(Database.Service, Database.makeService(options.db)));
+
+          // Add variant state to the database. Stays hidden — it's referenced by Game and
+          // shouldn't appear as a top-level item in the user's space.
+          yield* Operation.invoke(SpaceOperation.AddObject, {
+            object: stateObject,
+            target: options.target,
+            targetNodeId: options.targetNodeId,
+          });
+
+          const game = makeGame({
+            name: typeof input?.name === 'string' ? input.name : undefined,
+            variant: stateObject,
+          });
+
+          // Add the user-facing Game wrapper. Not hidden — this is the object the user sees
+          // and navigates to. If this second write fails, roll back the variant state so we
+          // don't leak an orphaned object into the space.
+          return yield* Operation.invoke(SpaceOperation.AddObject, {
+            object: game,
+            target: options.target,
+            targetNodeId: options.targetNodeId,
+          }).pipe(
+            Effect.tapError(() =>
+              Operation.invoke(SpaceOperation.RemoveObjects, { objects: [stateObject] }).pipe(Effect.ignore),
+            ),
+          );
+        }),
+    });
+  }),
+);

package/src/capabilities/index.ts

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

package/src/capabilities/react-surface.tsx

@@ -0,0 +1,36 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import * as Effect from 'effect/Effect';
+import React from 'react';
+
+import { Capabilities, Capability } from '@dxos/app-framework';
+import { Surface } from '@dxos/app-framework/ui';
+import { AppSurface } from '@dxos/app-toolkit/ui';
+
+import { GameArticle, GameCard } from '#containers';
+
+import { Game } from '../types';
+
+export default Capability.makeModule(() =>
+  Effect.succeed(
+    Capability.contributes(Capabilities.ReactSurface, [
+      Surface.create({
+        id: 'game',
+        filter: AppSurface.oneOf(
+          AppSurface.object(AppSurface.Article, Game),
+          AppSurface.object(AppSurface.Section, Game),
+        ),
+        component: ({ data, role }) => (
+          <GameArticle role={role} subject={data.subject} attendableId={data.attendableId} />
+        ),
+      }),
+      Surface.create({
+        id: 'gameCard',
+        filter: AppSurface.object(AppSurface.CardContent, Game),
+        component: ({ data, role }) => <GameCard role={role} subject={data.subject} />,
+      }),
+    ]),
+  ),
+);

package/src/components/CreateGamePanel.stories.tsx

@@ -0,0 +1,92 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { type Meta, type StoryObj } from '@storybook/react-vite';
+import * as Effect from 'effect/Effect';
+import * as Schema from 'effect/Schema';
+import React, { useState } from 'react';
+
+import { DXN, Obj, Type } from '@dxos/echo';
+import { Dialog } from '@dxos/react-ui';
+import { withLayout, withTheme } from '@dxos/react-ui/testing';
+
+import { translations } from '#translations';
+import { type GameVariant } from '#types';
+
+import { CreateGamePanel } from './CreateGamePanel';
+
+// Two dummy variants for the story — no real ECHO state required, just the shape
+// the picker reads (label, icon, inputSchema). createVariant is a no-op since we
+// don't actually submit through a database here.
+const Card = Schema.Struct({
+  name: Schema.optional(Schema.String.annotations({ title: 'Name' })),
+}).pipe(Type.makeObject(DXN.make('org.dxos.story.cards', '0.1.0')));
+
+const Dice = Schema.Struct({
+  name: Schema.optional(Schema.String.annotations({ title: 'Name' })),
+  faces: Schema.optional(Schema.Number.annotations({ title: 'Number of faces' })),
+}).pipe(Type.makeObject(DXN.make('org.dxos.story.dice', '0.1.0')));
+
+const dummyVariants: GameVariant[] = [
+  {
+    id: 'org.dxos.story.cards',
+    label: 'Card game',
+    icon: 'ph--cards--regular',
+    variantType: Card,
+    inputSchema: Type.getSchema(Card),
+    roles: ['dealer', 'player'] as const,
+    createVariant: () => Effect.sync(() => ({}) as unknown as Obj.Any),
+  },
+  {
+    id: 'org.dxos.story.dice',
+    label: 'Dice game',
+    icon: 'ph--dice-six--regular',
+    variantType: Dice,
+    inputSchema: Type.getSchema(Dice),
+    roles: ['rolling'] as const,
+    createVariant: () => Effect.sync(() => ({}) as unknown as Obj.Any),
+  },
+];
+
+const DefaultStory = () => {
+  const [submitted, setSubmitted] = useState<Record<string, any> | undefined>(undefined);
+  return (
+    <Dialog.Root open>
+      <Dialog.Overlay>
+        <Dialog.Content>
+          <Dialog.Header>
+            <Dialog.Title>Create game</Dialog.Title>
+          </Dialog.Header>
+          <Dialog.Body>
+            <CreateGamePanel
+              target={{} as any}
+              variants={dummyVariants}
+              onCreateObject={(data) => {
+                setSubmitted(data);
+              }}
+            />
+            {submitted && (
+              <pre className='mt-form-gap p-2 text-xs bg-group-surface rounded-xs overflow-auto'>
+                {JSON.stringify(submitted, null, 2)}
+              </pre>
+            )}
+          </Dialog.Body>
+        </Dialog.Content>
+      </Dialog.Overlay>
+    </Dialog.Root>
+  );
+};
+
+const meta = {
+  title: 'plugins/plugin-game/components/CreateGamePanel',
+  component: DefaultStory,
+  decorators: [withTheme(), withLayout({ layout: 'fullscreen' })],
+  parameters: { layout: 'fullscreen', translations },
+} satisfies Meta<typeof DefaultStory>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};

package/src/components/CreateGamePanel.tsx

@@ -0,0 +1,127 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import React, { useCallback, useMemo, useState } from 'react';
+
+import { useCapabilities } from '@dxos/app-framework/ui';
+import { Obj } from '@dxos/echo';
+import { type SpaceCapabilities } from '@dxos/plugin-space';
+import { Column, useTranslation } from '@dxos/react-ui';
+import { Form, omitId } from '@dxos/react-ui-form';
+import { SearchList, useSearchListResults } from '@dxos/react-ui-search';
+
+import { meta } from '#meta';
+import { GameCapabilities, type GameVariant } from '#types';
+
+export type CreateGamePanelProps = SpaceCapabilities.CreateObjectCustomPanelProps & {
+  /** Optional override (primarily for stories/tests). Defaults to GameCapabilities.VariantProvider. */
+  variants?: GameVariant[];
+};
+
+/**
+ * Two-stage create panel for games:
+ *   1. Variant picker (SearchList over contributed `GameVariant[]`).
+ *   2. Variant-specific input form (rendered from variant.inputSchema).
+ *
+ * On submit, calls `onCreateObject({ variantId, name, input })` where `input` is the
+ * variant-specific form values. Plugin-game's CreateObjectEntry.createObject resolves
+ * the variantId, builds the variant state object via variant.createVariant, then wraps
+ * it in a Game.
+ */
+export const CreateGamePanel = ({ target, onCreateObject, variants: variantsProp }: CreateGamePanelProps) => {
+  const capabilityVariants = useCapabilities(GameCapabilities.VariantProvider);
+  const variants = variantsProp ?? capabilityVariants;
+  const [selectedId, setSelectedId] = useState<string | undefined>(undefined);
+  const selected = useMemo(() => variants.find((v) => v.id === selectedId), [variants, selectedId]);
+
+  const handleSelect = useCallback(
+    (id: string) => {
+      const variant = variants.find((v) => v.id === id);
+      if (!variant) {
+        return;
+      }
+      if (!variant.inputSchema) {
+        void onCreateObject({ variantId: id });
+        return;
+      }
+      setSelectedId(id);
+    },
+    [variants, onCreateObject],
+  );
+
+  const handleSubmit = useCallback(
+    (input: Record<string, any>) => {
+      if (!selected) {
+        return;
+      }
+      void onCreateObject({ variantId: selected.id, input });
+    },
+    [selected, onCreateObject],
+  );
+
+  if (!selected) {
+    return <VariantPicker variants={variants} onSelect={handleSelect} />;
+  }
+
+  const schema = selected.inputSchema ? omitId(selected.inputSchema) : undefined;
+  if (!schema) {
+    return null;
+  }
+
+  return (
+    <Form.Root
+      autoFocus
+      schema={schema}
+      defaultValues={{}}
+      db={Obj.isObject(target) ? Obj.getDatabase(target) : target}
+      onSave={handleSubmit}
+      testId='create-game-form'
+    >
+      {/* Rendered inside the create dialog's Dialog.Body (which owns the gutter Column); use
+          Column.Center to align with the dialog title rather than nesting another Column.Root. */}
+      <Column.Center>
+        <Form.Content>
+          <Form.FieldSet />
+          <Form.Submit />
+        </Form.Content>
+      </Column.Center>
+    </Form.Root>
+  );
+};
+
+type VariantPickerProps = {
+  variants: GameVariant[];
+  onSelect: (id: string) => void;
+};
+
+const VariantPicker = ({ variants, onSelect }: VariantPickerProps) => {
+  const { t } = useTranslation(meta.profile.key);
+  const sorted = useMemo(() => [...variants].sort((a, b) => a.label.localeCompare(b.label)), [variants]);
+  const { results, handleSearch } = useSearchListResults({
+    items: sorted,
+    extract: (variant) => variant.label,
+  });
+
+  return (
+    <SearchList.Root onSearch={handleSearch}>
+      <SearchList.Input
+        classNames='mb-form-gap'
+        autoFocus
+        data-testid='create-game-panel.variant-input'
+        placeholder={t('create-panel.variant.placeholder')}
+      />
+      <SearchList.Viewport>
+        {results.map((variant) => (
+          <SearchList.Item
+            key={variant.id}
+            value={variant.id}
+            label={variant.label}
+            icon={variant.icon ?? 'ph--sword--regular'}
+            onSelect={() => onSelect(variant.id)}
+          />
+        ))}
+      </SearchList.Viewport>
+    </SearchList.Root>
+  );
+};

package/src/components/index.ts

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

package/src/containers/GameArticle/GameArticle.tsx

@@ -0,0 +1,42 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import React from 'react';
+
+import { useCapabilities } from '@dxos/app-framework/ui';
+import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { Obj, type Ref } from '@dxos/echo';
+import { useObject } from '@dxos/echo-react';
+import { useTranslation } from '@dxos/react-ui';
+
+import { meta } from '#meta';
+import { type Game, GameCapabilities } from '#types';
+
+export type GameArticleProps = AppSurface.ObjectArticleProps<Game>;
+
+export const GameArticle = ({ role, attendableId, subject: game }: GameArticleProps) => {
+  const { t } = useTranslation(meta.profile.key);
+  const variants = useCapabilities(GameCapabilities.VariantProvider);
+  const ref = game.variant as Ref.Ref<Obj.Unknown>;
+  // Subscribe via useObject so the article re-renders when the variant ref loads or changes.
+  // The snapshot is discarded; we pass the live ref target to variant components so they can
+  // subscribe to their own properties via useObject(state, 'prop').
+  useObject(ref);
+  const variant = ref?.target as Obj.Unknown | undefined;
+
+  if (!variant) {
+    return null;
+  }
+
+  const variantTypename = Obj.getTypename(variant);
+  const match = variants.find((v) => v.id === variantTypename);
+  if (!match?.article) {
+    return (
+      <div className='p-4 text-sm'>{t('unsupported-variant.label', { defaultValue: 'Unsupported game variant' })}</div>
+    );
+  }
+
+  const Component = match.article;
+  return <Component game={game} variant={variant} role={role} attendableId={attendableId} />;
+};

package/src/containers/GameArticle/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+export { GameArticle as default } from './GameArticle';

package/src/containers/GameCard/GameCard.tsx

@@ -0,0 +1,35 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import React from 'react';
+
+import { useCapabilities } from '@dxos/app-framework/ui';
+import { type AppSurface } from '@dxos/app-toolkit/ui';
+import { Obj, type Ref } from '@dxos/echo';
+import { useObject } from '@dxos/echo-react';
+
+import { type Game, GameCapabilities } from '#types';
+
+export type GameCardProps = AppSurface.ObjectCardProps<Game>;
+
+export const GameCard = ({ role, subject: game }: GameCardProps) => {
+  const variants = useCapabilities(GameCapabilities.VariantProvider);
+  const ref = game.variant as Ref.Ref<Obj.Unknown>;
+  // Subscribe for re-renders; pass the live ref target down to variant components.
+  useObject(ref);
+  const variant = ref?.target as Obj.Unknown | undefined;
+
+  if (!variant) {
+    return null;
+  }
+
+  const variantTypename = Obj.getTypename(variant);
+  const match = variants.find((v) => v.id === variantTypename);
+  if (!match?.card) {
+    return null;
+  }
+
+  const Component = match.card;
+  return <Component game={game} variant={variant} role={role} />;
+};

package/src/containers/GameCard/index.ts

@@ -0,0 +1,5 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+export { GameCard as default } from './GameCard';

package/src/containers/index.ts

@@ -0,0 +1,8 @@
+//
+// Copyright 2026 DXOS.org
+//
+
+import { type ComponentType, lazy } from 'react';
+
+export const GameArticle: ComponentType<any> = lazy(() => import('./GameArticle'));
+export const GameCard: ComponentType<any> = lazy(() => import('./GameCard'));