@mborecki/crossword 0.0.2 → 0.2.0

package/dist/types/components/crossword/cell.d.ts

@@ -3,5 +3,7 @@ export interface Props {
     data: CellData;
     isInCurrentClue: boolean;
     isSelected: boolean;
+    isSpecial: boolean;
+    onPointerDown?(): void;
 }
-export declare function Cell({ data, isInCurrentClue, isSelected }: Props): any;
+export declare function Cell({ data, isInCurrentClue, isSelected, isSpecial, onPointerDown }: Props): any;

package/dist/types/components/crossword/clue.d.ts

@@ -1,7 +1,9 @@
-import { PuzzleWord } from './types';
+import { PuzzleClue } from './types';
 export interface Props {
     isCurrent: boolean;
-    word: PuzzleWord;
+    word: PuzzleClue;
     onPointerDown(event: PointerEvent): void;
+    preview: string;
+    showPreview: boolean;
 }
-export declare function Clue({ isCurrent, word, onPointerDown }: Props): any;
+export declare function Clue({ isCurrent, word, onPointerDown, preview, showPreview }: Props): any;

package/dist/types/components/crossword/mb-crossword.d.ts

@@ -1,30 +1,40 @@
-import { CellData, PuzzleData, PuzzleWord } from './types';
+import { CellData, PuzzleData, PuzzleClue, Border, SpecialCell, PuzzleLabel } from './types';
 import { Vec2 } from '@mb-puzzle/vec2';
 export declare class MBCrossword {
     init: boolean;
     data: PuzzleData;
-    hWords: PuzzleWord[];
-    vWords: PuzzleWord[];
+    showCluePreview: boolean;
+    textInput: HTMLInputElement;
+    hWords: PuzzleClue[];
+    vWords: PuzzleClue[];
     currentClueId: string | null;
-    currentClue: PuzzleWord | null;
+    currentClue: PuzzleClue | null;
     isFocused: boolean;
     selectedCell: CellData | null;
     componentWillLoad(): void;
-    get allWords(): PuzzleWord[];
+    watchData(): void;
+    get allWords(): PuzzleClue[];
     initGame(data?: PuzzleData): Promise<void>;
+    checkAnswer(): Promise<boolean>;
+    specialBorders: Border[];
+    specialCells: SpecialCell[];
+    labels: PuzzleLabel[];
     boardWidth: number;
     boardHeight: number;
     cells: CellData[];
     buildBoard(): void;
+    getClueById(id: string): PuzzleClue | null;
     isInClue(xy: {
         x: number;
         y: number;
-    }, clue?: PuzzleWord): boolean;
+    }, clue?: PuzzleClue): boolean;
     isSelectedCell(cell: CellData): boolean;
     getNextClueId(): string | null;
     getPrevClueId(): string | null;
     inputLetter(char: string): void;
+    backspace(): void;
     selectNextCell(): void;
+    selectPrevCell(): void;
     onFocusin(): void;
     onFocusOut(): void;
     selectClue(id: string, { row, col }?: {
@@ -35,6 +45,8 @@ export declare class MBCrossword {
     findNonblockedCell(source: Vec2, vector: Vec2): Vec2;
     isCellBlocked(v: Vec2): boolean;
     selectClueByXY(v: Vec2): void;
+    getCluePreview(clue: PuzzleClue): string;
     onKeyPress(event: KeyboardEvent): void;
+    onInput(event: InputEvent): void;
     render(): any;
 }

package/dist/types/components/crossword/types.d.ts

@@ -1,7 +1,19 @@
 export interface PuzzleData {
-    words: PuzzleWord[];
+    words: PuzzleClue[];
+    specialBorders?: Border[];
+    specialCells?: SpecialCell[];
+    labels?: PuzzleLabel[];
 }
-export interface PuzzleWord {
+export interface Border {
+    x: number;
+    y: number;
+    border: number;
+}
+export interface SpecialCell {
+    x: number;
+    y: number;
+}
+export interface PuzzleClue {
     id: string;
     word: string;
     x: number;
@@ -9,6 +21,12 @@ export interface PuzzleWord {
     orientation: 'horizontal' | 'vertical';
     clue: string;
 }
+export interface PuzzleLabel {
+    text: string;
+    x: number;
+    y: number;
+    clueId: string;
+}
 export interface CellData {
     index: number;
     x: number;
@@ -17,4 +35,5 @@ export interface CellData {
     isCurrent: boolean;
     isInCurrentWord: boolean;
     isBlocked: boolean;
+    answer?: string;
 }

package/dist/types/components.d.ts

@@ -9,12 +9,17 @@ import { PuzzleData } from "./components/crossword/types";
 export { PuzzleData } from "./components/crossword/types";
 export namespace Components {
     interface MbCrossword {
+        "checkAnswer": () => Promise<boolean>;
         "data": PuzzleData;
         /**
           * @default true
          */
         "init": boolean;
         "initGame": (data?: PuzzleData) => Promise<void>;
+        /**
+          * @default true
+         */
+        "showCluePreview": boolean;
     }
 }
 declare global {
@@ -35,6 +40,10 @@ declare namespace LocalJSX {
           * @default true
          */
         "init"?: boolean;
+        /**
+          * @default true
+         */
+        "showCluePreview"?: boolean;
     }
     interface IntrinsicElements {
         "mb-crossword": MbCrossword;

package/dist/types/roboczy/mb-puzzle/apps/crossword/.stencil/shared/grid/src/grid.d.ts

@@ -0,0 +1,12 @@
+import { Vec2 } from '@mb-puzzle/vec2';
+export declare class Grid {
+    private size;
+    constructor(size: Vec2);
+    getIndexFromVec(v: Vec2): number;
+    getVecFromIndex(index: number): Vec2;
+    isBlack(v: Vec2): boolean;
+    isWhite(v: Vec2): boolean;
+    isInGrid(v: Vec2): boolean;
+    static getVecFromIndex(index: number, width: number): Vec2;
+    static getIndexFromVec(v: Vec2, width: number): number;
+}

package/dist/types/roboczy/mb-puzzle/apps/crossword/.stencil/shared/grid/vitest.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist/types/roboczy/mb-puzzle/apps/crossword/.stencil/shared/vec2/src/vec2.d.ts

@@ -1,8 +1,8 @@
-export interface Vec2PasrableObject {
+export interface Vec2ParsableObject {
     x: number;
     y: number;
 }
-export type Vec2Source = number | number[] | Required<Vec2PasrableObject>;
+export type Vec2Source = number | number[] | Required<Vec2ParsableObject>;
 export declare class Vec2 {
     x: number;
     y: number;
@@ -10,8 +10,15 @@ export declare class Vec2 {
     set 0(x: number);
     get 1(): number;
     set 1(y: number);
+    get width(): number;
+    set width(x: number);
+    get height(): number;
+    set height(y: number);
     get xy(): number[];
     [Symbol.iterator](): Generator<number, void, unknown>;
     constructor(x: number, y: number);
+    add(v: Vec2): Vec2;
+    eq(v: Vec2): boolean;
+    clone(): Vec2;
     static from(source: Vec2Source): Vec2;
 }

package/dist/types/utils/utils.d.ts

@@ -2,3 +2,4 @@ import { Vec2 } from '@mb-puzzle/vec2';
 export declare function Vec2fromIndex(index: number, width: number): Vec2;
 export declare function indexFromXY(v: Vec2, width: number): number;
 export declare function isKeyboardEventLetter(event: KeyboardEvent): boolean;
+export declare function isInputEventLetter(event: InputEvent): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mborecki/crossword",
-  "version": "0.0.2",
+  "version": "0.2.0",
   "private": false,
   "type": "module",
   "description": "Crossword Puzzle",
@@ -29,6 +29,10 @@
       "types": "./dist/components/*.d.ts"
     }
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mborecki/mb-puzzle"
+  },
   "files": [
     "dist/",
     "loader/"
@@ -48,6 +52,7 @@
   "scripts": {
     "test": "vitest",
     "build": "stencil build",
+    "postbuild": "pnpm exec rm -rf ../shared",
     "start": "stencil build --dev --watch --serve"
   }
 }

package/dist/mb-crossword/p-0i8AYf_G.js

@@ -1 +0,0 @@
-class t{x;y;get 0(){return this.x}set 0(t){this.x=t}get 1(){return this.y}set 1(t){this.y=t}get xy(){return[this.x,this.y]}*[Symbol.iterator](){yield this.x,yield this.y}constructor(t,r){this.x=t,this.y=r}static from(r){if("number"==typeof r)return new t(r,r);if(Array.isArray(r))return new t(r[0],r[1]);if("object"==typeof r&&"number"==typeof r.x&&"number"==typeof r.y)return new t(r.x,r.y);throw new Error("Wrong Vec2 source")}}function r(r,e){const n=r%e,u=Math.floor(r/e);return new t(n,u)}function e(t,r){return t.y*r+t.x}function n(t){if(1!==t.key.length)return!1;const r=t.key.toLowerCase();return/[0-9a-zA-Z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u024F]/.test(r)}export{r as V,t as a,e as b,n as i}

package/dist/mb-crossword/p-5b227b8e.entry.js

@@ -1 +0,0 @@
-import{h as t,r as i,f as s}from"./p-B4XIBYtu.js";import{V as e,a as r,i as n,b as l}from"./p-0i8AYf_G.js";function o({isCurrent:i,word:s,onPointerDown:e}){return t("p",{onPointerDown:e,part:"clue",class:{"--current":i}},s.clue)}function h({data:i,isInCurrentClue:s,isSelected:e}){return t("div",{part:"cell",class:{"--blocked":i.isBlocked,"--in-current-clue":s,"--selected":e}},t("div",{class:"_inner",style:{position:"absolute",width:"100%"}},i.value))}const a=class{constructor(t){i(this,t)}init=!0;data;hWords=[];vWords=[];currentClueId=null;currentClue=null;isFocused=!1;selectedCell=null;componentWillLoad(){this.init&&this.data&&this.initGame()}get allWords(){return[...this.hWords,...this.vWords]}async initGame(t=this.data){if(!t.words)throw new Error("Words definition missing");this.hWords=[],this.vWords=[],t.words.forEach(((t,i)=>{const s=Math.random();void 0===t.id&&(t.id=`${s}_${i}`),"horizontal"===t.orientation&&(this.hWords=[...this.hWords,t]),"vertical"===t.orientation&&(this.vWords=[...this.vWords,t])})),this.buildBoard()}boardWidth=0;boardHeight=0;cells=[];buildBoard(){let t=0,i=0;this.allWords.forEach((s=>{"horizontal"===s.orientation&&(t=Math.max(t,s.x+s.word.length),i=Math.max(i,s.y+1)),"vertical"===s.orientation&&(t=Math.max(t,s.x+1),i=Math.max(i,s.y+s.word.length))}));const s=Array(i*t).fill(null).map(((i,s)=>{const[r,n]=e(s,t);return{index:s,x:r,y:n,value:null,isCurrent:!1,isInCurrentWord:!1,isBlocked:!0}}));this.allWords.forEach((i=>{if("horizontal"===i.orientation)for(let e=0;e<i.word.length;e++){const n=r.from(i),o=l(new r(n.x+e,n.y),t);s[o].isBlocked=!1}if("vertical"===i.orientation)for(let e=0;e<i.word.length;e++){const n=r.from(i),o=l(new r(n.x,n.y+e),t);s[o].isBlocked=!1}})),this.cells=s,this.boardWidth=t,this.boardHeight=i}isInClue(t,i=this.currentClue){return null!==i&&(t.x===i.x||t.y===i.y)&&("horizontal"===i.orientation?!(t.y!==i.y||t.x<i.x||t.x>=i.x+i.word.length):"vertical"===i.orientation?!(t.x!==i.x||t.y<i.y||t.y>=i.y+i.word.length):void 0)}isSelectedCell(t){return!!this.selectedCell&&t.x===this.selectedCell.x&&t.y===this.selectedCell.y}getNextClueId(){if(!this.currentClueId)return this.allWords[0]?.id??null;const t=this.allWords.findIndex((t=>t.id===this.currentClueId));return t<0?this.allWords[0]?.id??null:this.allWords[t+1]?.id??null}getPrevClueId(){if(!this.currentClueId)return this.allWords[0]?.id??null;const t=this.allWords.findIndex((t=>t.id===this.currentClueId));return t<0?this.allWords[0]?.id??null:this.allWords[t-1]?.id??null}inputLetter(t){this.selectedCell&&(this.selectedCell.value=t,this.selectNextCell(),s(this))}selectNextCell(){if(!this.selectedCell||!this.currentClue)return;const t=this.currentClue.orientation;if(function(t,i){const s=[t.x+("horizontal"===t.orientation?t.word.length-1:0),t.y+("vertical"===t.orientation?t.word.length-1:0)];return i.x===s[0]&&i.y===s[1]}(this.currentClue,this.selectedCell)){const t=this.getNextClueId();this.selectClue(t||(this.hWords[0]?.id??this.vWords[0]?.id))}else"horizontal"===t&&this.selectCellByXY(new r(this.selectedCell.x+1,this.selectedCell.y)),"vertical"===t&&this.selectCellByXY(new r(this.selectedCell.x,this.selectedCell.y+1))}onFocusin(){this.isFocused=!0,this.currentClueId||(this.currentClueId=this.allWords[0]?.id??null)}onFocusOut(){this.isFocused=!1}selectClue(t,{row:i,col:s}={}){if(!t)return;this.currentClueId=t;const e=this.allWords.find((i=>i.id===t));e||(this.currentClueId=null,this.currentClue=null),this.currentClue=e;const n=[e.x,e.y];void 0!==i&&"vertical"===e.orientation&&i>=e.y&&i<e.y+e.word.length&&(n[1]=i),void 0!==s&&"horizontal"===e.orientation&&s>=e.x&&s<e.x+e.word.length&&(n[0]=s),this.selectCellByXY(r.from(n))}selectCellByXY(t){const i=l(t,this.boardWidth);this.selectedCell=this.cells[i]??null}findNonblockedCell(t,i){const s=new r(t[0]+i[0],t[1]+i[1]),e=this.boardWidth*this.boardHeight;let n=0;for(;this.isCellBlocked(s)&&n<e;)n++,s[0]+=i[0],s[1]+=i[1],s[0]<0&&(s[0]=this.boardWidth-1),s[0]>=this.boardWidth&&(s[0]=0),s[1]<0&&(s[1]=this.boardHeight-1),s[1]>=this.boardHeight&&(s[1]=0);return s}isCellBlocked(t){const i=this.cells[l(t,this.boardWidth)];return i?.isBlocked??!0}selectClueByXY(t){const i=this.allWords.filter((i=>this.isInClue(t,i)));if(!i.length)return;const s=i.find((t=>t.orientation===this.currentClue?.orientation));this.selectClue(s?.id??i[0].id,{row:t.y,col:t.x})}onKeyPress(t){if(console.log(t),"Tab"===t.key){const i=t.shiftKey?this.getPrevClueId():this.getNextClueId();i&&(t.preventDefault(),this.selectClue(i))}if(n(t)&&this.inputLetter(t.key.toLowerCase()[0]),this.selectedCell)switch(t.key){case"ArrowLeft":return this.selectClueByXY(this.findNonblockedCell(new r(this.selectedCell.x,this.selectedCell.y),new r(-1,0))),void t.preventDefault();case"ArrowRight":return this.selectClueByXY(this.findNonblockedCell(new r(this.selectedCell.x,this.selectedCell.y),new r(1,0))),void t.preventDefault();case"ArrowUp":return this.selectClueByXY(this.findNonblockedCell(new r(this.selectedCell.x,this.selectedCell.y),new r(0,-1))),void t.preventDefault();case"ArrowDown":return this.selectClueByXY(this.findNonblockedCell(new r(this.selectedCell.x,this.selectedCell.y),new r(0,1))),void t.preventDefault()}}render(){return t("div",{key:"e298ac6f3a1d95bc41c4854b39600f8ac7f1696d",part:"main",class:{"--focused":this.isFocused},onFocusin:this.onFocusin.bind(this),onFocusout:this.onFocusOut.bind(this),tabIndex:0,onKeyDown:this.onKeyPress.bind(this)},t("div",{key:"74be935779266effb4605f2aa5883bf564610bc0",part:"clues"},t("div",{key:"125d8938e4f084562b54794158074bdaeda722b5",part:"clue-list"},this.hWords.map((i=>t(o,{word:i,isCurrent:i.id===this.currentClueId,onPointerDown:()=>this.selectClue(i.id)})))),t("div",{key:"4469227db5156a2d0b30e4dc7ef9ea8f8a1fc3bc",part:"clue-list"},this.vWords.map((i=>t(o,{word:i,isCurrent:i.id===this.currentClueId,onPointerDown:()=>this.selectClue(i.id)}))))),t("div",{key:"965b2e99d1fbf273907f722e8b15749fbd728070",part:"board",style:{"--test":"12","grid-template-columns":`repeat(${this.boardWidth}, 1fr)`}},this.cells.map((i=>{const s=this.isInClue(i),e=this.isSelectedCell(i);return t(h,{isInCurrentClue:s,isSelected:e,data:i})}))),t("div",{key:"3d97bcc65c5eb1d25b60aa5183a7c63f6eecebf9",part:"preview"},"Tu bedzie podgląd: ",this.currentClueId))}};a.style='*[part=main]{display:grid;grid-template-areas:"clues board";grid-template-columns:1fr 1fr}*[part=main].--focused{background:lightgrey}[part=clues]{grid-area:clues;display:grid;grid-template-columns:1fr 1fr}[part=clue].--current{background:lightcyan}[part=board]{grid-area:board;display:grid}[part=cell]{aspect-ratio:1;background:#d9d9d9;position:relative;container-type:size}[part=cell]:nth-child(2n){background:#999}[part=cell].--blocked{background:black}[part=cell].--in-current-clue{box-shadow:inset 0 0 2px 2px lightblue}[part=cell].--selected{background:lightblue}[part=cell] ._inner{position:absolute;top:0;left:0;right:0;bottom:0;display:grid;place-content:center;text-transform:uppercase;font-size:80cqh}[part=preview]{display:none}';export{a as mb_crossword}