@bedard/hexboard 0.0.1

package/src/tests/utils.ts

@@ -0,0 +1,26 @@
+import { position } from '@bedard/hexchess'
+import { San } from '@bedard/hexchess'
+import type { BrowserPage } from 'vitest/browser'
+import { render } from 'vitest-browser-vue'
+import { nextTick } from 'vue'
+
+/** make a move on the hexboard */
+export async function makeMove(
+  page: BrowserPage,
+  ...sans: string[]
+): Promise<void> {
+  for (const str of sans) {
+    const san = San.from(str)
+
+    await page.getByTestId(`position-${position(san.from)}`).click()
+    await nextTick()
+
+    await page.getByTestId(`position-${position(san.to)}`).click()
+    await nextTick()
+  }
+}
+
+/** setup a component */
+export function setup(setup: () => any): ReturnType<typeof render> {
+  return render({ setup })
+}

package/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "lib/*": ["src/lib/*"],
+      "sandbox/*": ["src/sandbox/*"]
+    },
+    "allowImportingTsExtensions": true,
+    "declaration": true,
+    "declarationMap": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "outDir": "dist",
+    "resolveJsonModule": true,
+    "rootDir": "src",
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2020",
+    "useDefineForClassFields": true
+  },
+  "include": ["src"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "composite": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "skipLibCheck": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,42 @@
+import { resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/lib/index.ts'),
+      fileName: 'index',
+      formats: ['es'],
+      name: '@bedard/hexboard',
+    },
+    rollupOptions: {
+      external: ['@bedard/hexchess', 'vue'],
+    },
+  },
+  plugins: [
+    dts({
+      include: ['src/**/*'],
+      outDir: 'dist',
+      rollupTypes: true,
+    }),
+    tailwindcss(),
+    vue(),
+  ],
+  resolve: {
+    alias: {
+      lib: resolve(__dirname, 'src/lib'),
+      sandbox: resolve(__dirname, 'src/sandbox'),
+    },
+  },
+  server: {
+    open: true,
+    port: 3000,
+  },
+})

package/vite.sandbox.config.ts

@@ -0,0 +1,21 @@
+import { resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+export default defineConfig({
+  build: {
+    outDir: 'dist-sandbox',
+  },
+  plugins: [tailwindcss(), vue()],
+  resolve: {
+    alias: {
+      lib: resolve(__dirname, 'src/lib'),
+      sandbox: resolve(__dirname, 'src/sandbox'),
+    },
+  },
+})

package/vitest.config.ts

@@ -0,0 +1,35 @@
+import { resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import { playwright } from '@vitest/browser-playwright'
+import { defineConfig } from 'vitest/config'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+// Get browser from environment variable, default to chromium
+const browser = (process.env.VITEST_BROWSER || 'chromium') as
+  | 'chromium'
+  | 'firefox'
+  | 'webkit'
+
+export default defineConfig({
+  plugins: [tailwindcss(), vue(), vueJsx()],
+  test: {
+    browser: {
+      provider: playwright(),
+      enabled: true,
+      instances: [{ browser }],
+    },
+    environment: 'jsdom',
+    testTimeout: 3000,
+  },
+  resolve: {
+    alias: {
+      lib: resolve(__dirname, 'src/lib'),
+      sandbox: resolve(__dirname, 'src/sandbox'),
+    },
+  },
+})