@bedard/hexboard 0.0.1

package/.github/workflows/build.yml

@@ -0,0 +1,65 @@
+name: Build
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Lint
+        run: pnpm lint
+
+      - name: Build library
+        run: pnpm build
+
+      - name: Build sandbox
+        run: pnpm build:sandbox
+
+  test:
+    name: ${{ matrix.browser }}
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        browser: [chromium, firefox, webkit]
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: latest
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+      - name: Install Playwright browsers
+        run: pnpm exec playwright install --with-deps ${{ matrix.browser }}
+      - name: Test
+        env:
+          VITEST_BROWSER: ${{ matrix.browser }}
+        run: pnpm test

package/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  }
+}

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2025-present, Scott Bedard.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+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.

package/README.md

@@ -0,0 +1,8 @@
+# `<Hexboard />`
+
+[![Build](https://github.com/scottbedard/hexboard/actions/workflows/build.yml/badge.svg)](https://github.com/scottbedard/hexboard/actions/workflows/build.yml)
+[![License](https://img.shields.io/badge/license-MIT-blue)](https://github.com/scottbedard/hexboard/blob/main/LICENSE)
+
+User interfaces for [hexchess.club](https://hexchess.club).
+
+[Visit sandbox &rarr;](https://hexboard.vercel.app/)

package/dist/index.d.ts

@@ -0,0 +1,127 @@
+import { Color } from '@bedard/hexchess';
+import { Component } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { Hexchess } from '@bedard/hexchess';
+import { PublicProps } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
+import { San } from '@bedard/hexchess';
+import { VNode } from 'vue';
+
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+clickPosition: (position: number) => any;
+move: (san: San) => any;
+"update:mouseover-position": (value: number | null) => any;
+"update:selected": (value: number | null) => any;
+"update:targets": (value: number[]) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+onClickPosition?: ((position: number) => any) | undefined;
+onMove?: ((san: San) => any) | undefined;
+"onUpdate:mouseover-position"?: ((value: number | null) => any) | undefined;
+"onUpdate:selected"?: ((value: number | null) => any) | undefined;
+"onUpdate:targets"?: ((value: number[]) => any) | undefined;
+}>, {
+active: boolean;
+autoselect: boolean;
+flipped: boolean;
+hexchess: Hexchess;
+highlight: number[];
+ignoreTurn: boolean;
+options: Partial<HexboardOptions>;
+pieces: Component;
+playing: Color | boolean;
+position: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+svgEl: SVGSVGElement;
+selectedEl: SVGPathElement;
+}, HTMLDivElement>;
+
+declare type __VLS_Props = {
+    active?: boolean;
+    autoselect?: boolean;
+    flipped?: boolean;
+    hexchess?: Hexchess;
+    highlight?: number[];
+    ignoreTurn?: boolean;
+    options?: Partial<HexboardOptions>;
+    pieces?: Component;
+    playing?: Color | boolean;
+    position?: string;
+};
+
+declare type __VLS_PublicProps = {
+    'mouseover-position'?: number | null;
+    'selected'?: number | null;
+    'targets'?: number[];
+} & __VLS_Props;
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        promotion?(_: {
+            b: (attrs: Record<string, unknown>) => VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }>;
+            cancel: typeof cancelPromotion;
+            file: string;
+            n: (attrs: Record<string, unknown>) => VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }>;
+            promote: typeof promote;
+            q: (attrs: Record<string, unknown>) => VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }>;
+            r: (attrs: Record<string, unknown>) => VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+            }>;
+            rank: number;
+        }): any;
+    };
+    refs: {
+        svgEl: SVGSVGElement;
+        selectedEl: SVGPathElement;
+    };
+    rootEl: HTMLDivElement;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+/** cancel promotion and restore original selection */
+declare function cancelPromotion(): void;
+
+export declare const Hexboard: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+/** hexboard options */
+declare interface HexboardOptions {
+    /** position colors */
+    colors: [string, string, string];
+    /** haptic feedback vibrations */
+    haptics: boolean;
+    /** color of highlighted position */
+    highlightColor: string;
+    /** color of active label relative to mouseover */
+    labelActiveColor: string;
+    /** label color */
+    labelColor: string;
+    /** fill color of inactive label relative to mouseover */
+    labelInactiveColor: string;
+    /** show labels */
+    labels: boolean;
+    /** color of target circles */
+    targetColor: string;
+    /** color of selected position */
+    selectedColor: string;
+}
+
+/** promote piece */
+declare function promote(promotion: 'n' | 'b' | 'r' | 'q'): void;
+
+export { }