@konoui/mjimage 0.0.47 → 0.0.49

package/dist/index.d.cts

@@ -1,8 +1,7 @@
 import { Actor } from 'xstate';
 import { AnyActorRef } from 'xstate';
 import { EventObject } from 'xstate';
-import { G } from '@svgdotjs/svg.js';
-import { Image as Image_2 } from '@svgdotjs/svg.js';
+import { incrementalIDGenerator as incrementalIDGenerator_2 } from './state-machine';
 import { InferOutput } from 'valibot';
 import { MaxValueAction } from 'valibot';
 import { MetaObject } from 'xstate';
@@ -18,8 +17,7 @@ import { StateMachine } from 'xstate';
 import { StateValue } from 'xstate';
 import { StrictObjectSchema } from 'valibot';
 import { StringSchema } from 'valibot';
-import { Svg } from '@svgdotjs/svg.js';
-import { Use } from '@svgdotjs/svg.js';
+import { Wind as Wind_2 } from '../..';
 
 export declare class ActorHand extends Hand {
     isBackHand(): boolean;
@@ -27,6 +25,14 @@ export declare class ActorHand extends Hand {
     dec(tiles: readonly Tile[]): readonly Tile[];
 }
 
+export declare type Attrs = {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    [key: string]: any;
+};
+
 export declare abstract class BaseActor {
     id: string;
     river: IRiver;
@@ -50,7 +56,6 @@ export declare abstract class BaseActor {
 declare class BaseHelper {
     readonly tileWidth: number;
     readonly tileHeight: number;
-    readonly imageHostPath: string;
     readonly imageHostUrl: string;
     readonly imageExt: "svg" | "webp";
     readonly scale: number;
@@ -178,6 +183,7 @@ export declare class BlockRun extends Block {
 export declare class BlockShoKan extends Block {
     constructor(tiles: readonly Tile[]);
     static from(s: string): BlockShoKan;
+    static fromPon(b: BlockPon, t: Tile): BlockShoKan;
     toString(): string;
 }
 
@@ -288,7 +294,7 @@ export declare class Controller {
     oneShotMap: { [key in Wind]: boolean; };
     missingMap: { [key in Wind]: boolean; };
     controller: Controller;
-    genEventID: ReturnType<incrementalIDGenerator>;
+    genEventID: ReturnType<incrementalIDGenerator_2>;
     }, {
     type: "";
     } | {
@@ -856,6 +862,19 @@ export declare function forHand(options?: {
     filterBy?: Type[];
 }): Generator<readonly ["m" | "p" | "s" | "z" | "_", number], void, unknown>;
 
+export declare class G extends Mark {
+    children: Mark[];
+    private rotateMatrix;
+    private translateMatrix;
+    constructor();
+    add(e: Mark): this;
+    rotate(angle: number, cx: number, cy: number): this;
+    translate(x: number, y: number): this;
+    protected center(): string;
+    protected left(...v: string[]): string;
+    each(block: (idx: number, children: Mark[]) => void, deep: boolean): void;
+}
+
 export declare class Hand {
     protected data: HandData;
     constructor(input: string | Block[], allowBackBlock?: boolean);
@@ -915,6 +934,15 @@ declare interface History_2 {
 }
 export { History_2 as History }
 
+declare class Image_2 extends Mark {
+    attrs: Attrs & {
+        href?: string;
+    };
+    constructor(url?: string);
+    load(url: string): this;
+}
+export { Image_2 as Image }
+
 export declare class ImageHelper extends BaseHelper {
     readonly blockMargin: number;
     createBlockHandDiscard(block: Block): G;
@@ -923,7 +951,6 @@ export declare class ImageHelper extends BaseHelper {
 
 export declare interface ImageHelperConfig {
     scale?: number;
-    imageHostPath?: string;
     imageHostUrl?: string;
     imageExt?: "svg" | "webp";
     svgSprite?: boolean;
@@ -968,6 +995,28 @@ export declare interface IWall {
     };
 }
 
+export declare abstract class Mark {
+    type: string;
+    attrs: Attrs;
+    styles: Styles;
+    private deleteMarker;
+    constructor(type: string);
+    dx(x: number): this;
+    dy(y: number): this;
+    x(x: number): this;
+    y(y: number): this;
+    size(width: number, height: number): this;
+    remove(): void;
+    protected left(...v: string[]): string;
+    protected right(): string;
+    protected center(): string;
+    toString(): string;
+    attr(attrs: Record<string, string>): this;
+    attr(key: string): string;
+    css(style: Record<string, string>): this;
+    svg(): string;
+}
+
 export declare class MeasureText {
     ctx: CanvasRenderingContext2D | null;
     strText: string;
@@ -978,6 +1027,18 @@ export declare class MeasureText {
     measureTableFontContext: (tableScale: number) => FontContext;
 }
 
+export declare const MyG: typeof G;
+
+export declare const MyImage: typeof Image_2;
+
+export declare const MyRect: typeof Rect;
+
+export declare const MySVG: typeof SVG;
+
+export declare const MyText: typeof Text_2;
+
+export declare const MyUse: typeof Use;
+
 export declare const N19: readonly number[];
 
 export declare interface NewDoraEvent {
@@ -1002,7 +1063,7 @@ export declare class Observer extends BaseActor {
     handleEvent(e: PlayerEvent): void;
 }
 
-export declare const OPERATOR: {
+export declare const OP: {
     readonly TSUMO: "t";
     readonly RON: "v";
     readonly DORA: "d";
@@ -1011,7 +1072,7 @@ export declare const OPERATOR: {
     readonly COLOR_GRAYSCALE: "^";
 };
 
-declare type Operator = (typeof OPERATOR)[keyof typeof OPERATOR];
+declare type Operator = (typeof OP)[keyof typeof OP];
 
 export declare const optimizeSVG: (draw: Svg) => void;
 
@@ -1033,35 +1094,35 @@ export declare class Parser {
 }
 
 export declare const parseTableInput: (s: string) => {
+    board: {
+        round: "1w1" | "1w2" | "1w3" | "1w4" | "2w1" | "2w2" | "2w3" | "2w4" | "3w1" | "3w2" | "3w3" | "3w4" | "4w1" | "4w2" | "4w3" | "4w4";
+        sticks: {
+            reach: number;
+            dead: number;
+        };
+        doras: string;
+        front: "1w" | "2w" | "3w" | "4w";
+    };
     "1w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
     "2w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
     "3w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
     "4w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
-    board: {
-        round: Round;
-        sticks: {
-            reach: number;
-            dead: number;
-        };
-        doras: string;
-        front: Wind;
-    };
 };
 
 export declare class PlaceManager {
@@ -1099,7 +1160,7 @@ export declare class Player extends BaseActor {
     river: River;
     doras: Tile[];
     constructor(playerID: string, eventHandler: EventHandler);
-    get myWind(): Wind;
+    get myWind(): Wind_2;
     setHands(e: DistributeEvent): void;
     handleDiscard(tiles: Tile[]): Tile;
     handleEvent(e: PlayerEvent): void;
@@ -1160,6 +1221,16 @@ export declare interface ReachEvent {
     wind: Wind;
 }
 
+export declare class Rect extends Mark {
+    attrs: Attrs & {
+        stroke?: string;
+        fill?: string;
+    };
+    constructor();
+    fill(color: string): this;
+    stroke(color: string): this;
+}
+
 export declare class Replayer {
     index: number;
     histories: History_2[];
@@ -1307,7 +1378,7 @@ export declare class ShantenCalculator {
     sevenPairs(): number;
     thirteenOrphans(): number;
     fourSetsOnePair(): number;
-    private patternByNumType;
+    private patternNumType;
     private groupRemainingTiles;
     private calcCommon;
 }
@@ -1316,6 +1387,41 @@ export declare function shuffle<T>(array: T[]): T[];
 
 export declare const sortCalledTiles: (arr: readonly Tile[]) => Tile[];
 
+export declare const STICK_CONTEXT: {
+    readonly WIDTH: 125;
+    readonly HEIGHT: 27.5;
+};
+
+export declare type Styles = {
+    [key: string]: string;
+};
+
+export declare function SVG(): Svg;
+
+export declare class Svg extends Mark {
+    children: Mark[];
+    constructor();
+    private viewBox;
+    add(e: Mark): this;
+    protected center(): string;
+    protected left(...v: string[]): string;
+    viewbox(x: number, y: number, width: number, height: number): this;
+    importSymbol(input: string): this;
+    x(x: number): this;
+    y(y: number): this;
+    dx(x: number): this;
+    dy(y: number): this;
+    each(block: (idx: number, children: Mark[]) => void, deep: boolean): void;
+}
+
+declare class Symbol_2 extends Mark {
+    private raw;
+    constructor(value: string);
+    id(): string;
+    protected center(): string;
+}
+export { Symbol_2 as Symbol }
+
 export declare const TABLE_CONTEXT: {
     readonly BASE: 40;
 };
@@ -1326,8 +1432,8 @@ declare const tableInputSchema: StrictObjectSchema<    {
 readonly board: OptionalSchema<StrictObjectSchema<    {
 readonly round: OptionalSchema<PicklistSchema<Round[], undefined>, "1w1">;
 readonly sticks: OptionalSchema<StrictObjectSchema<    {
-readonly reach: OptionalSchema<SchemaWithPipe<[NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
-readonly dead: OptionalSchema<SchemaWithPipe<[NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
+readonly reach: OptionalSchema<SchemaWithPipe<readonly [NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
+readonly dead: OptionalSchema<SchemaWithPipe<readonly [NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
 }, undefined>, {
 reach: number;
 dead: number;
@@ -1381,6 +1487,22 @@ readonly score: 25000;
 }>;
 }, undefined>;
 
+declare class Text_2 extends Mark {
+    attrs: Attrs & {
+        fontFamily?: string;
+        fontSize?: number;
+    };
+    private _text;
+    constructor(text?: string);
+    plain(text: string): this;
+    font(font: {
+        family: string;
+        size: number;
+    }): this;
+    protected center(): string;
+}
+export { Text_2 as Text }
+
 export declare class Tile {
     readonly t: Type;
     readonly n: number;
@@ -1431,6 +1553,15 @@ export declare const TYPE: {
 
 export declare type Type = (typeof TYPE)[keyof typeof TYPE];
 
+export declare class Use extends Mark {
+    attrs: Attrs & {
+        href?: string;
+    };
+    constructor(id?: string);
+    use(id: string): this;
+    private make;
+}
+
 export declare class Wall {
     private walls;
     private backup;

package/dist/index.d.ts

@@ -1,8 +1,7 @@
 import { Actor } from 'xstate';
 import { AnyActorRef } from 'xstate';
 import { EventObject } from 'xstate';
-import { G } from '@svgdotjs/svg.js';
-import { Image as Image_2 } from '@svgdotjs/svg.js';
+import { incrementalIDGenerator as incrementalIDGenerator_2 } from './state-machine';
 import { InferOutput } from 'valibot';
 import { MaxValueAction } from 'valibot';
 import { MetaObject } from 'xstate';
@@ -18,8 +17,7 @@ import { StateMachine } from 'xstate';
 import { StateValue } from 'xstate';
 import { StrictObjectSchema } from 'valibot';
 import { StringSchema } from 'valibot';
-import { Svg } from '@svgdotjs/svg.js';
-import { Use } from '@svgdotjs/svg.js';
+import { Wind as Wind_2 } from '../..';
 
 export declare class ActorHand extends Hand {
     isBackHand(): boolean;
@@ -27,6 +25,14 @@ export declare class ActorHand extends Hand {
     dec(tiles: readonly Tile[]): readonly Tile[];
 }
 
+export declare type Attrs = {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    [key: string]: any;
+};
+
 export declare abstract class BaseActor {
     id: string;
     river: IRiver;
@@ -50,7 +56,6 @@ export declare abstract class BaseActor {
 declare class BaseHelper {
     readonly tileWidth: number;
     readonly tileHeight: number;
-    readonly imageHostPath: string;
     readonly imageHostUrl: string;
     readonly imageExt: "svg" | "webp";
     readonly scale: number;
@@ -178,6 +183,7 @@ export declare class BlockRun extends Block {
 export declare class BlockShoKan extends Block {
     constructor(tiles: readonly Tile[]);
     static from(s: string): BlockShoKan;
+    static fromPon(b: BlockPon, t: Tile): BlockShoKan;
     toString(): string;
 }
 
@@ -288,7 +294,7 @@ export declare class Controller {
     oneShotMap: { [key in Wind]: boolean; };
     missingMap: { [key in Wind]: boolean; };
     controller: Controller;
-    genEventID: ReturnType<incrementalIDGenerator>;
+    genEventID: ReturnType<incrementalIDGenerator_2>;
     }, {
     type: "";
     } | {
@@ -856,6 +862,19 @@ export declare function forHand(options?: {
     filterBy?: Type[];
 }): Generator<readonly ["m" | "p" | "s" | "z" | "_", number], void, unknown>;
 
+export declare class G extends Mark {
+    children: Mark[];
+    private rotateMatrix;
+    private translateMatrix;
+    constructor();
+    add(e: Mark): this;
+    rotate(angle: number, cx: number, cy: number): this;
+    translate(x: number, y: number): this;
+    protected center(): string;
+    protected left(...v: string[]): string;
+    each(block: (idx: number, children: Mark[]) => void, deep: boolean): void;
+}
+
 export declare class Hand {
     protected data: HandData;
     constructor(input: string | Block[], allowBackBlock?: boolean);
@@ -915,6 +934,15 @@ declare interface History_2 {
 }
 export { History_2 as History }
 
+declare class Image_2 extends Mark {
+    attrs: Attrs & {
+        href?: string;
+    };
+    constructor(url?: string);
+    load(url: string): this;
+}
+export { Image_2 as Image }
+
 export declare class ImageHelper extends BaseHelper {
     readonly blockMargin: number;
     createBlockHandDiscard(block: Block): G;
@@ -923,7 +951,6 @@ export declare class ImageHelper extends BaseHelper {
 
 export declare interface ImageHelperConfig {
     scale?: number;
-    imageHostPath?: string;
     imageHostUrl?: string;
     imageExt?: "svg" | "webp";
     svgSprite?: boolean;
@@ -968,6 +995,28 @@ export declare interface IWall {
     };
 }
 
+export declare abstract class Mark {
+    type: string;
+    attrs: Attrs;
+    styles: Styles;
+    private deleteMarker;
+    constructor(type: string);
+    dx(x: number): this;
+    dy(y: number): this;
+    x(x: number): this;
+    y(y: number): this;
+    size(width: number, height: number): this;
+    remove(): void;
+    protected left(...v: string[]): string;
+    protected right(): string;
+    protected center(): string;
+    toString(): string;
+    attr(attrs: Record<string, string>): this;
+    attr(key: string): string;
+    css(style: Record<string, string>): this;
+    svg(): string;
+}
+
 export declare class MeasureText {
     ctx: CanvasRenderingContext2D | null;
     strText: string;
@@ -978,6 +1027,18 @@ export declare class MeasureText {
     measureTableFontContext: (tableScale: number) => FontContext;
 }
 
+export declare const MyG: typeof G;
+
+export declare const MyImage: typeof Image_2;
+
+export declare const MyRect: typeof Rect;
+
+export declare const MySVG: typeof SVG;
+
+export declare const MyText: typeof Text_2;
+
+export declare const MyUse: typeof Use;
+
 export declare const N19: readonly number[];
 
 export declare interface NewDoraEvent {
@@ -1002,7 +1063,7 @@ export declare class Observer extends BaseActor {
     handleEvent(e: PlayerEvent): void;
 }
 
-export declare const OPERATOR: {
+export declare const OP: {
     readonly TSUMO: "t";
     readonly RON: "v";
     readonly DORA: "d";
@@ -1011,7 +1072,7 @@ export declare const OPERATOR: {
     readonly COLOR_GRAYSCALE: "^";
 };
 
-declare type Operator = (typeof OPERATOR)[keyof typeof OPERATOR];
+declare type Operator = (typeof OP)[keyof typeof OP];
 
 export declare const optimizeSVG: (draw: Svg) => void;
 
@@ -1033,35 +1094,35 @@ export declare class Parser {
 }
 
 export declare const parseTableInput: (s: string) => {
+    board: {
+        round: "1w1" | "1w2" | "1w3" | "1w4" | "2w1" | "2w2" | "2w3" | "2w4" | "3w1" | "3w2" | "3w3" | "3w4" | "4w1" | "4w2" | "4w3" | "4w4";
+        sticks: {
+            reach: number;
+            dead: number;
+        };
+        doras: string;
+        front: "1w" | "2w" | "3w" | "4w";
+    };
     "1w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
     "2w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
     "3w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
     "4w": {
-        hand: string;
         discard: string;
+        hand: string;
         score: number;
     };
-    board: {
-        round: Round;
-        sticks: {
-            reach: number;
-            dead: number;
-        };
-        doras: string;
-        front: Wind;
-    };
 };
 
 export declare class PlaceManager {
@@ -1099,7 +1160,7 @@ export declare class Player extends BaseActor {
     river: River;
     doras: Tile[];
     constructor(playerID: string, eventHandler: EventHandler);
-    get myWind(): Wind;
+    get myWind(): Wind_2;
     setHands(e: DistributeEvent): void;
     handleDiscard(tiles: Tile[]): Tile;
     handleEvent(e: PlayerEvent): void;
@@ -1160,6 +1221,16 @@ export declare interface ReachEvent {
     wind: Wind;
 }
 
+export declare class Rect extends Mark {
+    attrs: Attrs & {
+        stroke?: string;
+        fill?: string;
+    };
+    constructor();
+    fill(color: string): this;
+    stroke(color: string): this;
+}
+
 export declare class Replayer {
     index: number;
     histories: History_2[];
@@ -1307,7 +1378,7 @@ export declare class ShantenCalculator {
     sevenPairs(): number;
     thirteenOrphans(): number;
     fourSetsOnePair(): number;
-    private patternByNumType;
+    private patternNumType;
     private groupRemainingTiles;
     private calcCommon;
 }
@@ -1316,6 +1387,41 @@ export declare function shuffle<T>(array: T[]): T[];
 
 export declare const sortCalledTiles: (arr: readonly Tile[]) => Tile[];
 
+export declare const STICK_CONTEXT: {
+    readonly WIDTH: 125;
+    readonly HEIGHT: 27.5;
+};
+
+export declare type Styles = {
+    [key: string]: string;
+};
+
+export declare function SVG(): Svg;
+
+export declare class Svg extends Mark {
+    children: Mark[];
+    constructor();
+    private viewBox;
+    add(e: Mark): this;
+    protected center(): string;
+    protected left(...v: string[]): string;
+    viewbox(x: number, y: number, width: number, height: number): this;
+    importSymbol(input: string): this;
+    x(x: number): this;
+    y(y: number): this;
+    dx(x: number): this;
+    dy(y: number): this;
+    each(block: (idx: number, children: Mark[]) => void, deep: boolean): void;
+}
+
+declare class Symbol_2 extends Mark {
+    private raw;
+    constructor(value: string);
+    id(): string;
+    protected center(): string;
+}
+export { Symbol_2 as Symbol }
+
 export declare const TABLE_CONTEXT: {
     readonly BASE: 40;
 };
@@ -1326,8 +1432,8 @@ declare const tableInputSchema: StrictObjectSchema<    {
 readonly board: OptionalSchema<StrictObjectSchema<    {
 readonly round: OptionalSchema<PicklistSchema<Round[], undefined>, "1w1">;
 readonly sticks: OptionalSchema<StrictObjectSchema<    {
-readonly reach: OptionalSchema<SchemaWithPipe<[NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
-readonly dead: OptionalSchema<SchemaWithPipe<[NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
+readonly reach: OptionalSchema<SchemaWithPipe<readonly [NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
+readonly dead: OptionalSchema<SchemaWithPipe<readonly [NumberSchema<undefined>, MinValueAction<number, 0, "">, MaxValueAction<number, 9, "">]>, number>;
 }, undefined>, {
 reach: number;
 dead: number;
@@ -1381,6 +1487,22 @@ readonly score: 25000;
 }>;
 }, undefined>;
 
+declare class Text_2 extends Mark {
+    attrs: Attrs & {
+        fontFamily?: string;
+        fontSize?: number;
+    };
+    private _text;
+    constructor(text?: string);
+    plain(text: string): this;
+    font(font: {
+        family: string;
+        size: number;
+    }): this;
+    protected center(): string;
+}
+export { Text_2 as Text }
+
 export declare class Tile {
     readonly t: Type;
     readonly n: number;
@@ -1431,6 +1553,15 @@ export declare const TYPE: {
 
 export declare type Type = (typeof TYPE)[keyof typeof TYPE];
 
+export declare class Use extends Mark {
+    attrs: Attrs & {
+        href?: string;
+    };
+    constructor(id?: string);
+    use(id: string): this;
+    private make;
+}
+
 export declare class Wall {
     private walls;
     private backup;