@rainbow-robotics/plugin-ui 0.1.2-dev.9 → 1.0.0

package/src/elements.ts

@@ -1,257 +0,0 @@
-/**
- * rb-* remote element contract — shared by the sandbox (plugin author) and the
- * nexus host. This is the *stable* surface: it must only ever grow additively
- * (new elements / new optional properties), never break existing shapes.
- *
- * Verified against @remote-dom/core@1.11.x:
- *   - `RemoteElement` lives in `@remote-dom/core/elements`
- *   - static `remoteProperties` (data) + static `remoteEvents` (callbacks)
- */
-import { RemoteElement } from "@remote-dom/core/elements";
-
-type RbNoMethods = Record<never, never>;
-type RbNoSlots = Record<never, never>;
-type RbNoEvents = Record<never, never>;
-
-export interface RbSliderProps {
-  value?: number;
-  min?: number;
-  max?: number;
-  step?: number;
-  disabled?: boolean;
-}
-
-export interface RbButtonProps {
-  label?: string;
-  variant?: string;
-  size?: string;
-  disabled?: boolean;
-}
-
-export interface RbIconButtonProps {
-  icon?: string;
-  variant?: string;
-  size?: string;
-  disabled?: boolean;
-}
-
-export type RbTextProps = Record<never, never>;
-
-export interface RbTextInputProps {
-  value?: string;
-  placeholder?: string;
-  disabled?: boolean;
-}
-
-export interface RbSwitchProps {
-  checked?: boolean;
-  disabled?: boolean;
-}
-
-/** Option shape carried by `rb-select`'s `options` property. */
-export interface RbSelectOption {
-  value: string;
-  label: string;
-}
-
-export interface RbSelectProps {
-  value?: string;
-  options?: RbSelectOption[];
-  placeholder?: string;
-  disabled?: boolean;
-}
-
-export interface RbSliderEvents {
-  change(detail: number): void;
-}
-
-export interface RbPressEvents {
-  press(): void;
-}
-
-export interface RbTextInputEvents {
-  input(detail: string): void;
-}
-
-export interface RbSwitchEvents {
-  change(detail: boolean): void;
-}
-
-export interface RbSelectEvents {
-  change(detail: string): void;
-}
-
-/** Slider → host renders RBSlider (Radix array value, single-thumb contract). */
-export class RbSliderElement extends RemoteElement<
-  RbSliderProps,
-  RbNoMethods,
-  RbNoSlots,
-  RbSliderEvents
-> {
-  static get remoteProperties() {
-    return {
-      value: { type: Number },
-      min: { type: Number },
-      max: { type: Number },
-      step: { type: Number },
-      disabled: { type: Boolean },
-    };
-  }
-  static get remoteEvents() {
-    return ["change"] as const;
-  }
-}
-
-/** Button → host renders RBLabelButton. */
-export class RbButtonElement extends RemoteElement<
-  RbButtonProps,
-  RbNoMethods,
-  RbNoSlots,
-  RbPressEvents
-> {
-  static get remoteProperties() {
-    return {
-      label: { type: String },
-      variant: { type: String },
-      size: { type: String },
-      disabled: { type: Boolean },
-    };
-  }
-  static get remoteEvents() {
-    return ["press"] as const;
-  }
-}
-
-/** Icon button → host renders RBIconButton with an icon resolved from RBIcons. */
-export class RbIconButtonElement extends RemoteElement<
-  RbIconButtonProps,
-  RbNoMethods,
-  RbNoSlots,
-  RbPressEvents
-> {
-  static get remoteProperties() {
-    return {
-      icon: { type: String },
-      variant: { type: String },
-      size: { type: String },
-      disabled: { type: Boolean },
-    };
-  }
-  static get remoteEvents() {
-    return ["press"] as const;
-  }
-}
-
-/** Plain text — renders its children as text on the host. */
-export class RbTextElement extends RemoteElement<
-  RbTextProps,
-  RbNoMethods,
-  RbNoSlots,
-  RbNoEvents
-> {
-  static get remoteProperties() {
-    return {};
-  }
-}
-
-/** Text input → host renders RBTextInput. */
-export class RbTextInputElement extends RemoteElement<
-  RbTextInputProps,
-  RbNoMethods,
-  RbNoSlots,
-  RbTextInputEvents
-> {
-  static get remoteProperties() {
-    return {
-      value: { type: String },
-      placeholder: { type: String },
-      disabled: { type: Boolean },
-    };
-  }
-  static get remoteEvents() {
-    return ["input"] as const;
-  }
-}
-
-/** Switch → host renders RBSwitch. */
-export class RbSwitchElement extends RemoteElement<
-  RbSwitchProps,
-  RbNoMethods,
-  RbNoSlots,
-  RbSwitchEvents
-> {
-  static get remoteProperties() {
-    return {
-      checked: { type: Boolean },
-      disabled: { type: Boolean },
-    };
-  }
-  static get remoteEvents() {
-    return ["change"] as const;
-  }
-}
-
-/** Select → host renders RBSelectBox. `options` is `[{value,label}]`. */
-export class RbSelectElement extends RemoteElement<
-  RbSelectProps,
-  RbNoMethods,
-  RbNoSlots,
-  RbSelectEvents
-> {
-  static get remoteProperties() {
-    return {
-      value: { type: String },
-      options: { type: Array },
-      placeholder: { type: String },
-      disabled: { type: Boolean },
-    };
-  }
-  static get remoteEvents() {
-    return ["change"] as const;
-  }
-}
-
-/** Custom element tag names in the contract. */
-export const RB_ELEMENT_NAMES = [
-  "rb-slider",
-  "rb-button",
-  "rb-icon-button",
-  "rb-text",
-  "rb-text-input",
-  "rb-switch",
-  "rb-select",
-] as const;
-
-export type RbElementName = (typeof RB_ELEMENT_NAMES)[number];
-
-declare global {
-  interface HTMLElementTagNameMap {
-    "rb-slider": RbSliderElement;
-    "rb-button": RbButtonElement;
-    "rb-icon-button": RbIconButtonElement;
-    "rb-text": RbTextElement;
-    "rb-text-input": RbTextInputElement;
-    "rb-switch": RbSwitchElement;
-    "rb-select": RbSelectElement;
-  }
-}
-
-let defined = false;
-
-/**
- * Registers the rb-* custom elements. Safe to call multiple times; only the
- * first call defines anything (subsequent calls are a no-op).
- */
-export function defineElements(): void {
-  if (defined || typeof customElements === "undefined") return;
-
-  defined = true;
-
-  customElements.define("rb-slider", RbSliderElement);
-  customElements.define("rb-button", RbButtonElement);
-  customElements.define("rb-icon-button", RbIconButtonElement);
-  customElements.define("rb-text", RbTextElement);
-  customElements.define("rb-text-input", RbTextInputElement);
-  customElements.define("rb-switch", RbSwitchElement);
-  customElements.define("rb-select", RbSelectElement);
-}