@ankhorage/zora-tabletop 0.0.9 → 0.1.1

package/src/meta.ts

@@ -0,0 +1,114 @@
+export const tabletopTableMeta = {
+  name: 'TabletopTable',
+  category: 'component',
+  description: 'Arranges player seats and shared cards around a responsive tabletop surface.',
+  directManifestNode: true,
+  allowedChildren: [],
+  blueprint: {
+    label: 'Tabletop table',
+    defaultProps: {
+      seats: [],
+      centerCards: [],
+      shape: 'oval',
+      cardSize: 'small',
+    },
+  },
+  bindings: {
+    props: {
+      seats: {
+        label: 'Seats',
+        value: { type: 'array', itemType: 'object' },
+        acceptsFallback: true,
+        acceptsTransforms: true,
+      },
+      centerCards: {
+        label: 'Center cards',
+        value: { type: 'array', itemType: 'object' },
+        acceptsFallback: true,
+        acceptsTransforms: true,
+      },
+      centerLabel: {
+        label: 'Center label',
+        value: { type: 'string' },
+        acceptsFallback: true,
+        acceptsTransforms: true,
+      },
+      centerSublabel: {
+        label: 'Center sublabel',
+        value: { type: 'string' },
+        acceptsFallback: true,
+        acceptsTransforms: true,
+      },
+      disabled: {
+        label: 'Disabled',
+        value: { type: 'boolean' },
+        acceptsFallback: true,
+        acceptsTransforms: true,
+      },
+    },
+  },
+  props: {
+    seats: {
+      type: 'array',
+      category: 'Players',
+      label: 'Seats',
+      default: [],
+      authoring: { authority: 'instance' },
+    },
+    centerCards: {
+      type: 'array',
+      category: 'Table',
+      label: 'Center cards',
+      default: [],
+      authoring: { authority: 'instance' },
+    },
+    centerLabel: {
+      type: 'string',
+      category: 'Table',
+      label: 'Center label',
+      authoring: { authority: 'instance' },
+    },
+    centerSublabel: {
+      type: 'string',
+      category: 'Table',
+      label: 'Center sublabel',
+      authoring: { authority: 'instance' },
+    },
+    shape: {
+      type: 'enum',
+      category: 'Table',
+      label: 'Shape',
+      enum: ['circle', 'oval', 'rounded'],
+      default: 'oval',
+      authoring: { authority: 'instance' },
+    },
+    seatCount: {
+      type: 'enum',
+      category: 'Players',
+      label: 'Seat count',
+      enum: [2, 3, 4, 5, 6, 7, 8, 9, 10],
+      authoring: { authority: 'instance' },
+    },
+    cardSize: {
+      type: 'enum',
+      category: 'Cards',
+      label: 'Card size',
+      enum: ['small', 'medium', 'large'],
+      default: 'small',
+      authoring: { authority: 'instance' },
+    },
+    disabled: {
+      type: 'boolean',
+      category: 'State',
+      label: 'Disabled',
+      default: false,
+      authoring: { authority: 'instance' },
+    },
+    accessibilityLabel: {
+      type: 'string',
+      category: 'Accessibility',
+      label: 'Accessibility label',
+      authoring: { authority: 'instance' },
+    },
+  },
+} as const;

package/src/plugin.ts

@@ -0,0 +1,10 @@
+import { TabletopTable } from './components/tabletop-table';
+import { PokerTrainingTable } from './features/game-presentations/adapters/inbound/PokerTrainingTable';
+import { ZORA_PLUGIN_METADATA } from './registry';
+
+export const ZORA_TABLETOP_COMPONENT_REGISTRY = { PokerTrainingTable, TabletopTable } as const;
+
+export const ZORA_TABLETOP_PLUGIN = {
+  ...ZORA_PLUGIN_METADATA,
+  componentRegistry: ZORA_TABLETOP_COMPONENT_REGISTRY,
+} as const;

package/src/registry.ts

@@ -0,0 +1,23 @@
+import { pokerTrainingTableMeta } from './features/game-presentations/adapters/inbound/pokerTrainingTableMeta';
+import { tabletopTableMeta } from './meta';
+
+export const ZORA_TABLETOP_COMPONENT_META = {
+  PokerTrainingTable: pokerTrainingTableMeta,
+  TabletopTable: tabletopTableMeta,
+} as const;
+
+export const ZORA_PLUGIN_METADATA = {
+  packageName: '@ankhorage/zora-tabletop',
+  displayName: 'ZORA Tabletop',
+  componentMeta: ZORA_TABLETOP_COMPONENT_META,
+  placements: [
+    {
+      child: 'PokerTrainingTable',
+      parents: ['Box', 'Card', 'Container', 'Grid', 'Panel', 'Screen', 'ScreenSection', 'Stack'],
+    },
+    {
+      child: 'TabletopTable',
+      parents: ['Box', 'Card', 'Container', 'Grid', 'Panel', 'Screen', 'ScreenSection', 'Stack'],
+    },
+  ],
+} as const;

package/src/types/gamePresentation.ts

@@ -0,0 +1,19 @@
+import type { TabletopSeatState } from '../types';
+
+export type TabletopGameSeatPresentation = Omit<TabletopSeatState, 'id'>;
+
+export interface TabletopGameSeatDefinition {
+  readonly id: string;
+  readonly defaultState: TabletopGameSeatPresentation;
+}
+
+export interface TabletopGameParticipantState {
+  readonly seatId: string;
+  readonly state: Partial<TabletopGameSeatPresentation>;
+}
+
+export interface CreateTabletopGameSeatsInput {
+  readonly seats: readonly TabletopGameSeatDefinition[];
+  readonly participants: readonly TabletopGameParticipantState[];
+  readonly missingParticipantState?: Partial<TabletopGameSeatPresentation>;
+}

package/src/types/pokerTraining.ts

@@ -0,0 +1,51 @@
+import type { TabletopColorOverrides } from '../colors';
+import type {
+  PlayingCardValue,
+  TabletopCardSize,
+  TabletopSeatState,
+  TabletopShape,
+} from '../types';
+
+export interface PokerTrainingPlayer {
+  readonly position: string;
+  readonly stack?: number;
+  readonly bet?: number;
+  readonly cards?: readonly PlayingCardValue[];
+  readonly folded?: boolean;
+  readonly isHero?: boolean;
+}
+
+export interface PokerTrainingTaskTableData {
+  readonly blinds?: {
+    readonly small: number;
+    readonly big: number;
+  };
+  readonly heroPosition?: string;
+  readonly heroCards?: readonly PlayingCardValue[];
+  readonly communityCards?: readonly PlayingCardValue[];
+  readonly pot?: number;
+  readonly players?: readonly PokerTrainingPlayer[];
+}
+
+export interface CreatePokerTrainingTableStateOptions {
+  readonly defaultStackBigBlinds?: number;
+}
+
+export interface PokerTrainingTableState {
+  readonly seats: readonly TabletopSeatState[];
+  readonly centerCards: readonly PlayingCardValue[];
+  readonly centerLabel?: string;
+  readonly centerSublabel?: string;
+  readonly accessibilityLabel: string;
+}
+
+export interface PokerTrainingTableProps {
+  readonly task?: PokerTrainingTaskTableData;
+  readonly defaultStackBigBlinds?: number;
+  readonly shape?: TabletopShape;
+  readonly cardSize?: TabletopCardSize;
+  readonly disabled?: boolean;
+  readonly colorScheme?: TabletopColorOverrides;
+  readonly accessibilityLabel?: string;
+  readonly testID?: string;
+}