@shopify/klint 0.0.9 → 0.0.92

package/dist/index.d.cts

@@ -362,80 +362,6 @@ declare class Easing implements KlintEasing {
     log: () => void;
 }
 
-type SVGFontPaths = Array<Array<Array<{
-    x: number;
-    y: number;
-}>>>;
-interface FontMetrics {
-    fontFamily: string;
-    fontWeight: string;
-    unitsPerEm: number;
-    ascent: number;
-    descent: number;
-    xHeight: number;
-    capHeight: number;
-}
-interface GlyphMetrics {
-    name: string;
-    unicode: string;
-    horizAdvX: number;
-    d?: string;
-}
-interface KlintSVGfont {
-    context: KlintContexts;
-    metrics: FontMetrics;
-    glyphs: Map<string, GlyphMetrics>;
-    parse(font: string): void;
-}
-interface PointOptions {
-    factor: number;
-    align?: "center" | "left" | "right";
-    center?: "alphabetic" | "middle" | "top";
-    letterSpacing?: number;
-    treshold?: number;
-}
-interface DisplacementParams {
-    point: {
-        x: number;
-        y: number;
-    };
-    position: {
-        x: number;
-        y: number;
-    };
-    groupIndex: number;
-    letterSpacing: number;
-}
-interface DisplacementCallback {
-    (params: DisplacementParams): {
-        x: number;
-        y: number;
-    };
-}
-declare class SVGfont implements KlintSVGfont {
-    readonly context: KlintContexts;
-    readonly metrics: FontMetrics;
-    readonly glyphs: Map<string, GlyphMetrics>;
-    private font;
-    private SCALE;
-    private targetXHeight;
-    constructor(context: KlintContexts);
-    parse(font: string, desiredXHeight?: number): void;
-    toJSON(): {
-        metrics: FontMetrics;
-        glyphs: Record<string, GlyphMetrics>;
-    };
-    getPoints(text: string, options: PointOptions): Array<Array<Array<{
-        x: number;
-        y: number;
-    }>>>;
-    flatten(points: SVGFontPaths, displacement?: DisplacementCallback): Array<{
-        x: number;
-        y: number;
-    }>;
-    draw(points: SVGFontPaths, displacement?: DisplacementCallback): void;
-}
-
 type KlintStateValue = unknown;
 type KlintStateCallback = (key: string, value: KlintStateValue) => void;
 interface KlintState {
@@ -667,10 +593,9 @@ declare class Thing implements KlintThing {
     log(): void;
 }
 
-interface KlintPlugins {
+interface KlintElements {
     Color: Color;
     Easing: Easing;
-    SVGfont: SVGfont;
     State: State;
     Vector: Vector;
     Time: Time;
@@ -680,7 +605,7 @@ interface KlintPlugins {
 
 declare const EPSILON = 0.0001;
 type KlintContexts = KlintContext | KlintOffscreenContext;
-interface KlintOffscreenContext extends CanvasRenderingContext2D, KlintFunctions, KlintPlugins {
+interface KlintOffscreenContext extends CanvasRenderingContext2D, KlintFunctions, KlintElements {
     width: number;
     height: number;
     __dpr: number;
@@ -766,7 +691,7 @@ declare function useKlint(): {
         context: KlintContext | null;
         initCoreContext: (canvas: HTMLCanvasElement, options: KlintCanvasOptions) => KlintContext;
     };
-    useMouse: () => {
+    KlintMouse: () => {
         mouse: KlintMouse;
         onClick: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
         onMouseIn: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
@@ -774,17 +699,17 @@ declare function useKlint(): {
         onMouseDown: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
         onMouseUp: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
     };
-    useScroll: () => {
+    KlintScroll: () => {
         scroll: KlintScroll;
         onScroll: (callback: (ctx: KlintContext, scroll: KlintScroll, e: WheelEvent) => void) => (ctx: KlintContext, scroll: KlintScroll, e: WheelEvent) => void;
     };
-    useWindow: () => {
+    KlintWindow: () => {
         onResize: (callback: (ctx: KlintContext) => void) => (ctx: KlintContext) => void;
         onBlur: (callback: (ctx: KlintContext) => void) => (ctx: KlintContext) => void;
         onFocus: (callback: (ctx: KlintContext) => void) => (ctx: KlintContext) => void;
         onVisibilityChange: (callback: (ctx: KlintContext, isVisible: boolean) => void) => (ctx: KlintContext, isVisible: boolean) => void;
     };
-    useImage: () => {
+    KlintImage: () => {
         images: Record<string, HTMLImageElement>;
         loadImage: (key: string, url: string) => Promise<HTMLImageElement>;
         loadImages: (imageMap: Record<string, string>) => Promise<Map<string, HTMLImageElement>>;
@@ -793,6 +718,7 @@ declare function useKlint(): {
         clearImages: () => void;
     };
     togglePlay: (playing?: boolean) => void;
+    useDev: () => void;
 };
 declare const useProps: <T extends object = Record<string, unknown>>(props: T) => {
     get: <K extends keyof T>(key: K) => T[K];

package/dist/index.d.ts

@@ -362,80 +362,6 @@ declare class Easing implements KlintEasing {
     log: () => void;
 }
 
-type SVGFontPaths = Array<Array<Array<{
-    x: number;
-    y: number;
-}>>>;
-interface FontMetrics {
-    fontFamily: string;
-    fontWeight: string;
-    unitsPerEm: number;
-    ascent: number;
-    descent: number;
-    xHeight: number;
-    capHeight: number;
-}
-interface GlyphMetrics {
-    name: string;
-    unicode: string;
-    horizAdvX: number;
-    d?: string;
-}
-interface KlintSVGfont {
-    context: KlintContexts;
-    metrics: FontMetrics;
-    glyphs: Map<string, GlyphMetrics>;
-    parse(font: string): void;
-}
-interface PointOptions {
-    factor: number;
-    align?: "center" | "left" | "right";
-    center?: "alphabetic" | "middle" | "top";
-    letterSpacing?: number;
-    treshold?: number;
-}
-interface DisplacementParams {
-    point: {
-        x: number;
-        y: number;
-    };
-    position: {
-        x: number;
-        y: number;
-    };
-    groupIndex: number;
-    letterSpacing: number;
-}
-interface DisplacementCallback {
-    (params: DisplacementParams): {
-        x: number;
-        y: number;
-    };
-}
-declare class SVGfont implements KlintSVGfont {
-    readonly context: KlintContexts;
-    readonly metrics: FontMetrics;
-    readonly glyphs: Map<string, GlyphMetrics>;
-    private font;
-    private SCALE;
-    private targetXHeight;
-    constructor(context: KlintContexts);
-    parse(font: string, desiredXHeight?: number): void;
-    toJSON(): {
-        metrics: FontMetrics;
-        glyphs: Record<string, GlyphMetrics>;
-    };
-    getPoints(text: string, options: PointOptions): Array<Array<Array<{
-        x: number;
-        y: number;
-    }>>>;
-    flatten(points: SVGFontPaths, displacement?: DisplacementCallback): Array<{
-        x: number;
-        y: number;
-    }>;
-    draw(points: SVGFontPaths, displacement?: DisplacementCallback): void;
-}
-
 type KlintStateValue = unknown;
 type KlintStateCallback = (key: string, value: KlintStateValue) => void;
 interface KlintState {
@@ -667,10 +593,9 @@ declare class Thing implements KlintThing {
     log(): void;
 }
 
-interface KlintPlugins {
+interface KlintElements {
     Color: Color;
     Easing: Easing;
-    SVGfont: SVGfont;
     State: State;
     Vector: Vector;
     Time: Time;
@@ -680,7 +605,7 @@ interface KlintPlugins {
 
 declare const EPSILON = 0.0001;
 type KlintContexts = KlintContext | KlintOffscreenContext;
-interface KlintOffscreenContext extends CanvasRenderingContext2D, KlintFunctions, KlintPlugins {
+interface KlintOffscreenContext extends CanvasRenderingContext2D, KlintFunctions, KlintElements {
     width: number;
     height: number;
     __dpr: number;
@@ -766,7 +691,7 @@ declare function useKlint(): {
         context: KlintContext | null;
         initCoreContext: (canvas: HTMLCanvasElement, options: KlintCanvasOptions) => KlintContext;
     };
-    useMouse: () => {
+    KlintMouse: () => {
         mouse: KlintMouse;
         onClick: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
         onMouseIn: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
@@ -774,17 +699,17 @@ declare function useKlint(): {
         onMouseDown: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
         onMouseUp: (callback: (ctx: KlintContext, e: MouseEvent) => void) => (ctx: KlintContext, e: MouseEvent) => void;
     };
-    useScroll: () => {
+    KlintScroll: () => {
         scroll: KlintScroll;
         onScroll: (callback: (ctx: KlintContext, scroll: KlintScroll, e: WheelEvent) => void) => (ctx: KlintContext, scroll: KlintScroll, e: WheelEvent) => void;
     };
-    useWindow: () => {
+    KlintWindow: () => {
         onResize: (callback: (ctx: KlintContext) => void) => (ctx: KlintContext) => void;
         onBlur: (callback: (ctx: KlintContext) => void) => (ctx: KlintContext) => void;
         onFocus: (callback: (ctx: KlintContext) => void) => (ctx: KlintContext) => void;
         onVisibilityChange: (callback: (ctx: KlintContext, isVisible: boolean) => void) => (ctx: KlintContext, isVisible: boolean) => void;
     };
-    useImage: () => {
+    KlintImage: () => {
         images: Record<string, HTMLImageElement>;
         loadImage: (key: string, url: string) => Promise<HTMLImageElement>;
         loadImages: (imageMap: Record<string, string>) => Promise<Map<string, HTMLImageElement>>;
@@ -793,6 +718,7 @@ declare function useKlint(): {
         clearImages: () => void;
     };
     togglePlay: (playing?: boolean) => void;
+    useDev: () => void;
 };
 declare const useProps: <T extends object = Record<string, unknown>>(props: T) => {
     get: <K extends keyof T>(key: K) => T[K];