@hi-ashleyj/llama 0.13.2 → 0.14.0

package/dist/controllers/MouseClickable.svelte

@@ -1,50 +1,62 @@
-<script>import { getGame } from "../core-contexts.js";
-import { setupDrawable } from "../drawable.js";
-import { onMount, createEventDispatcher } from "svelte";
-import { MOUSE_ACTION } from "./mouse.js";
-let tx = 0;
-let ty = 0;
-let tw = 0;
-let th = 0;
-let dispatch = createEventDispatcher();
-let context = getGame();
-const draw = function(_info, { x, y, w, h }) {
-  tx = x;
-  ty = y;
-  tw = w;
-  th = h;
-};
-let register = setupDrawable({});
-onMount(() => {
-  let event = context.onMouseEvent(null, MOUSE_ACTION.DOWN, ({ key }) => {
-    let x = context.getMousePosition("mouse_x");
-    if (x < tx || x > tx + tw)
-      return;
-    let y = context.getMousePosition("mouse_y");
-    if (y < ty || y > ty + th)
-      return;
-    dispatch("click");
-    switch (key) {
-      case "mouse_left": {
-        dispatch("left");
-        dispatch("leftorright");
-        return;
-      }
-      case "mouse_right": {
-        dispatch("right");
-        dispatch("leftorright");
-        return;
-      }
-      case "mouse_middle": {
-        dispatch("middle");
-      }
-    }
-    dispatch("other");
-  });
-  let deregister = register({ draw });
-  return () => {
-    event();
-    deregister();
-  };
-});
+<script lang="ts">
+
+    import { getGame } from "../core-contexts.js";
+    import { setupDrawable, type DrawFunction } from "../drawable.js";
+    import { onMount } from "svelte";
+    import { MOUSE_ACTION } from "./mouse.js";
+
+    let tx = 0;
+    let ty = 0;
+    let tw = 0;
+    let th = 0;
+
+    let context = getGame();
+
+    type Click = () => void;
+    let {
+        onleft,
+        onright,
+        onleftorright,
+        onclick,
+        onmiddle,
+        onother
+    }: {
+        onleft: Click,
+        onright: Click,
+        onleftorright: Click,
+        onclick: Click,
+        onmiddle: Click,
+        onother: Click,
+    } = $props();
+
+    const draw: DrawFunction<{x: number, y: number, w: number, h: number}> = function(_info, { x, y, w, h }) {
+        tx = x;
+        ty = y;
+        tw = w;
+        th = h;
+    };
+
+    let register = setupDrawable<{x: number, y: number, w: number, h: number}, null>({});
+
+    onMount(() => {
+        let event = context.onMouseEvent(null, MOUSE_ACTION.DOWN, ({ key }) => {
+            let x = context.getMousePosition("mouse_x");
+            if (x < tx || x > tx + tw) return;
+            let y = context.getMousePosition("mouse_y");
+            if (y < ty || y > ty + th) return;
+            onclick();
+            switch (key) {
+                case ("mouse_left"): { onleft(); onleftorright(); return; }
+                case ("mouse_right"): { onright(); onleftorright(); return; }
+                case ("mouse_middle"): { onmiddle; }
+            }
+            onother();
+        });
+        let deregister = register({ draw });
+        return () => {
+            event();
+            deregister();
+        }
+    })
+
 </script>

package/dist/controllers/MouseClickable.svelte.d.ts

@@ -1,21 +1,12 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        click: CustomEvent<any>;
-        left: CustomEvent<any>;
-        leftorright: CustomEvent<any>;
-        right: CustomEvent<any>;
-        middle: CustomEvent<any>;
-        other: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
+type Click = () => void;
+type $$ComponentProps = {
+    onleft: Click;
+    onright: Click;
+    onleftorright: Click;
+    onclick: Click;
+    onmiddle: Click;
+    onother: Click;
 };
-export type MouseClickableProps = typeof __propDef.props;
-export type MouseClickableEvents = typeof __propDef.events;
-export type MouseClickableSlots = typeof __propDef.slots;
-export default class MouseClickable extends SvelteComponent<MouseClickableProps, MouseClickableEvents, MouseClickableSlots> {
-}
-export {};
+declare const MouseClickable: import("svelte").Component<$$ComponentProps, {}, "">;
+type MouseClickable = ReturnType<typeof MouseClickable>;
+export default MouseClickable;

package/dist/controllers/MouseEventArea.svelte

@@ -1,58 +1,74 @@
-<script>import { getGame } from "../core-contexts.js";
-import { setupDrawable } from "../drawable.js";
-import { onMount, createEventDispatcher } from "svelte";
-import { MOUSE_ACTION } from "./mouse.js";
-let tx = 0;
-let ty = 0;
-let tw = 0;
-let th = 0;
-let dispatch = createEventDispatcher();
-let context = getGame();
-let mouseX = context.getMouseStore("mouse_x");
-let mouseY = context.getMouseStore("mouse_y");
-export let hover = false;
-const draw = function(_info, { x, y, w, h }) {
-  tx = x;
-  ty = y;
-  tw = w;
-  th = h;
-  if ($mouseX < tx || $mouseX > tx + tw)
-    return hover = false;
-  if ($mouseY < ty || $mouseY > ty + th)
-    return hover = false;
-  hover = true;
-};
-let register = setupDrawable({});
-onMount(() => {
-  let event = context.onMouseEvent(null, MOUSE_ACTION.DOWN, ({ key }) => {
-    if ($mouseX < tx || $mouseX > tx + tw)
-      return;
-    if ($mouseY < ty || $mouseY > ty + th)
-      return;
-    dispatch("click");
-    switch (key) {
-      case "mouse_left": {
-        dispatch("left");
-        dispatch("leftorright");
-        return;
-      }
-      case "mouse_right": {
-        dispatch("right");
-        dispatch("leftorright");
-        return;
-      }
-      case "mouse_middle": {
-        dispatch("middle");
-      }
+<script lang="ts">
+
+    import { getGame } from "../core-contexts.js";
+    import { setupDrawable, type DrawFunction } from "../drawable.js";
+    import { onMount, createEventDispatcher } from "svelte";
+    import { MOUSE_ACTION } from "./mouse.js";
+
+    let tx = 0;
+    let ty = 0;
+    let tw = 0;
+    let th = 0;
+
+    let dispatch = createEventDispatcher();
+    let context = getGame();
+
+    let mouseX = context.getMouseStore("mouse_x");
+    let mouseY = context.getMouseStore("mouse_y");
+
+    type Click = () => void;
+    interface Props {
+        hover?: boolean;
+        children?: import('svelte').Snippet<[any]>;
+        onleft: Click;
+        onright: Click;
+        onleftorright: Click;
+        onclick: Click;
+        onmiddle: Click;
+        onother: Click;
     }
-    dispatch("other");
-  });
-  let deregister = register({ draw });
-  return () => {
-    event();
-    deregister();
-  };
-});
+
+    let { hover = $bindable(false), children,
+        onleft,
+        onright,
+        onleftorright,
+        onclick,
+        onmiddle,
+        onother
+    }: Props = $props();
+
+    const draw: DrawFunction<{x: number, y: number, w: number, h: number}> = function(_info, { x, y, w, h }) {
+        tx = x;
+        ty = y;
+        tw = w;
+        th = h;
+
+        if ($mouseX < tx || $mouseX > tx + tw) return hover = false;
+        if ($mouseY < ty || $mouseY > ty + th) return hover = false;
+        hover = true;
+    };
+
+    let register = setupDrawable<{x: number, y: number, w: number, h: number}, null>({});
+
+    onMount(() => {
+        let event = context.onMouseEvent(null, MOUSE_ACTION.DOWN, ({ key }) => {
+            if ($mouseX < tx || $mouseX > tx + tw) return;
+            if ($mouseY < ty || $mouseY > ty + th) return;
+            onclick();
+            switch (key) {
+                case ("mouse_left"): { onleft(); onleftorright(); return; }
+                case ("mouse_right"): { onright(); onleftorright(); return; }
+                case ("mouse_middle"): { onmiddle; }
+            }
+            onother();
+        });
+        let deregister = register({ draw });
+        return () => {
+            event();
+            deregister();
+        }
+    })
+
 </script>
 
-<slot {hover} />
+{@render children?.({ hover, })}

package/dist/controllers/MouseEventArea.svelte.d.ts

@@ -1,27 +1,14 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        hover?: boolean | undefined;
-    };
-    events: {
-        click: CustomEvent<any>;
-        left: CustomEvent<any>;
-        leftorright: CustomEvent<any>;
-        right: CustomEvent<any>;
-        middle: CustomEvent<any>;
-        other: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            hover: boolean;
-        };
-    };
-};
-export type MouseEventAreaProps = typeof __propDef.props;
-export type MouseEventAreaEvents = typeof __propDef.events;
-export type MouseEventAreaSlots = typeof __propDef.slots;
-export default class MouseEventArea extends SvelteComponent<MouseEventAreaProps, MouseEventAreaEvents, MouseEventAreaSlots> {
+type Click = () => void;
+interface Props {
+    hover?: boolean;
+    children?: import('svelte').Snippet<[any]>;
+    onleft: Click;
+    onright: Click;
+    onleftorright: Click;
+    onclick: Click;
+    onmiddle: Click;
+    onother: Click;
 }
-export {};
+declare const MouseEventArea: import("svelte").Component<Props, {}, "hover">;
+type MouseEventArea = ReturnType<typeof MouseEventArea>;
+export default MouseEventArea;

package/dist/controllers/motions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="svelte" />
 import type { Writable } from "svelte/store";
 export declare class Timing {
     constructor();
@@ -18,10 +17,10 @@ export declare class Timing {
         duration: number;
         repeats: number;
     }): {
-        stop: () => boolean;
+        stop: () => any;
         set(this: void, value: number): void;
         update(this: void, updater: import("svelte/store").Updater<number>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<number>, invalidate?: import("svelte/store").Invalidator<number> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<number>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     /**
      * Used to create a store whose value adjusts based on bursts.
@@ -31,11 +30,11 @@ export declare class Timing {
         duration: number;
         initialTrigger?: boolean;
     }): {
-        stop: () => boolean;
+        stop: () => any;
         trigger: () => void;
         set(this: void, value: number): void;
         update(this: void, updater: import("svelte/store").Updater<number>): void;
-        subscribe(this: void, run: import("svelte/store").Subscriber<number>, invalidate?: import("svelte/store").Invalidator<number> | undefined): import("svelte/store").Unsubscriber;
+        subscribe(this: void, run: import("svelte/store").Subscriber<number>, invalidate?: () => void): import("svelte/store").Unsubscriber;
     };
     update(delta: number): void;
 }

package/dist/drawables/Arc.svelte

@@ -1,31 +1,49 @@
-<script>import { setupDrawable } from "../drawable.js";
-import { onMount } from "svelte";
-export let fill = null;
-export let stroke = null;
-export let strokeWidth = null;
-export let startAngle;
-export let endAngle;
-$:
-  sd = (startAngle - 90) * Math.PI / 180;
-$:
-  ed = (endAngle - 90) * Math.PI / 180;
-const draw = function({ ctx }, { x, y, w, h }) {
-  let r = (w + h) / 4;
-  ctx.beginPath();
-  ctx.arc(x + r, y + r, r, sd, ed);
-  ctx.lineTo(x + r, y + r);
-  if (fill) {
-    ctx.fillStyle = fill;
-    ctx.fill();
-  }
-  if (stroke && strokeWidth) {
-    ctx.strokeStyle = stroke;
-    ctx.lineWidth = strokeWidth;
-    ctx.stroke();
-  }
-};
-let register = setupDrawable({});
-onMount(() => {
-  return register({ draw });
-});
+<script lang="ts">
+
+    import { setupDrawable, type DrawFunction } from "../drawable.js";
+    import { onMount } from "svelte";
+
+    interface Props {
+        fill?: string | null;
+        stroke?: string | null;
+        strokeWidth?: number | null;
+        startAngle: number;
+        endAngle: number;
+    }
+
+    let {
+        fill = null,
+        stroke = null,
+        strokeWidth = null,
+        startAngle,
+        endAngle
+    }: Props = $props();
+
+    let sd = $derived((startAngle - 90) * Math.PI / 180);
+    let ed = $derived((endAngle - 90) * Math.PI / 180);
+    
+    const draw: DrawFunction<{x: number, y: number, w: number, h: number}> = function({ ctx }, { x, y, w, h }: { x: number, y: number, w: number, h: number }) {
+        let r = (w + h) / 4
+        
+        ctx.beginPath();
+        ctx.arc(x + r, y + r, r, sd, ed);
+        ctx.lineTo(x + r, y + r);
+        
+        if (fill) {
+            ctx.fillStyle = fill;
+            ctx.fill();
+        }
+
+        if (stroke && strokeWidth) {
+            ctx.strokeStyle = stroke;
+            ctx.lineWidth = strokeWidth;
+            ctx.stroke();
+        }
+    };
+
+    let register = setupDrawable<{x: number, y: number, w: number, h: number}, null>({});
+
+    onMount(() => {
+        return register({ draw });
+    })
 </script>

package/dist/drawables/Arc.svelte.d.ts

@@ -1,20 +1,10 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        fill?: string | null | undefined;
-        stroke?: string | null | undefined;
-        strokeWidth?: number | null | undefined;
-        startAngle: number;
-        endAngle: number;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type ArcProps = typeof __propDef.props;
-export type ArcEvents = typeof __propDef.events;
-export type ArcSlots = typeof __propDef.slots;
-export default class Arc extends SvelteComponent<ArcProps, ArcEvents, ArcSlots> {
+interface Props {
+    fill?: string | null;
+    stroke?: string | null;
+    strokeWidth?: number | null;
+    startAngle: number;
+    endAngle: number;
 }
-export {};
+declare const Arc: import("svelte").Component<Props, {}, "">;
+type Arc = ReturnType<typeof Arc>;
+export default Arc;

package/dist/drawables/Circle.svelte

@@ -1,25 +1,39 @@
-<script>import { setupDrawable } from "../drawable.js";
-import { onMount } from "svelte";
-export let fill = null;
-export let stroke = null;
-export let strokeWidth = null;
-const TWO_PI = Math.PI * 2;
-const draw = function({ ctx }, { x, y, w, h }) {
-  let r = (w + h) / 4;
-  ctx.beginPath();
-  ctx.arc(x + r, y + r, r, 0, TWO_PI);
-  if (fill) {
-    ctx.fillStyle = fill;
-    ctx.fill();
-  }
-  if (stroke && strokeWidth) {
-    ctx.strokeStyle = stroke;
-    ctx.lineWidth = strokeWidth;
-    ctx.stroke();
-  }
-};
-let register = setupDrawable({});
-onMount(() => {
-  return register({ draw });
-});
+<script lang="ts">
+
+    import { setupDrawable, type DrawFunction } from "../drawable.js";
+    import { onMount } from "svelte";
+
+    interface Props {
+        fill?: string | null;
+        stroke?: string | null;
+        strokeWidth?: number | null;
+    }
+
+    let { fill = null, stroke = null, strokeWidth = null }: Props = $props();
+
+    const TWO_PI = Math.PI * 2;
+    
+    const draw: DrawFunction<{x: number, y: number, w: number, h: number}> = function({ ctx }, { x, y, w, h }: { x: number, y: number, w: number, h: number }) {
+        let r = (w + h) / 4
+        
+        ctx.beginPath();
+        ctx.arc(x + r, y + r, r, 0, TWO_PI);
+        
+        if (fill) {
+            ctx.fillStyle = fill;
+            ctx.fill();
+        }
+
+        if (stroke && strokeWidth) {
+            ctx.strokeStyle = stroke;
+            ctx.lineWidth = strokeWidth;
+            ctx.stroke();
+        }
+    };
+
+    let register = setupDrawable<{x: number, y: number, w: number, h: number}, null>({});
+
+    onMount(() => {
+        return register({ draw });
+    })
 </script>

package/dist/drawables/Circle.svelte.d.ts

@@ -1,18 +1,8 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        fill?: string | null | undefined;
-        stroke?: string | null | undefined;
-        strokeWidth?: number | null | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type CircleProps = typeof __propDef.props;
-export type CircleEvents = typeof __propDef.events;
-export type CircleSlots = typeof __propDef.slots;
-export default class Circle extends SvelteComponent<CircleProps, CircleEvents, CircleSlots> {
+interface Props {
+    fill?: string | null;
+    stroke?: string | null;
+    strokeWidth?: number | null;
 }
-export {};
+declare const Circle: import("svelte").Component<Props, {}, "">;
+type Circle = ReturnType<typeof Circle>;
+export default Circle;

package/dist/drawables/DisplayImage.svelte

@@ -1,17 +1,27 @@
-<script>import { setupDrawable } from "../drawable.js";
-import { onMount } from "svelte";
-export let image = null;
-export let crop = null;
-const draw = function({ ctx }, { x, y, w, h }) {
-  if (!image)
-    return;
-  if (crop) {
-    return ctx.drawImage(image, crop.x, crop.y, crop.w, crop.h, x, y, w, h);
-  }
-  ctx.drawImage(image, x, y, w, h);
-};
-let register = setupDrawable({});
-onMount(() => {
-  return register({ draw });
-});
+<script lang="ts">
+
+    import { setupDrawable, type DrawFunction} from "../drawable.js";
+    import { onMount } from "svelte";
+
+    interface Props {
+        image?: HTMLImageElement | null;
+        crop?: { x: number, y: number, w: number, h: number } | null;
+    }
+
+    let { image = null, crop = null }: Props = $props();
+    
+    const draw: DrawFunction<{x: number, y: number, w: number, h: number}> = function({ ctx }, { x, y, w, h }: { x: number, y: number, w: number, h: number }) {
+        if (!image) return;
+        if (crop) {
+            return ctx.drawImage(image, crop.x, crop.y, crop.w, crop.h, x, y, w, h);
+        }
+        ctx.drawImage(image, x, y, w, h);
+    };
+
+    let register = setupDrawable<{x: number, y: number, w: number, h: number}, null>({});
+
+    onMount(() => {
+        return register({ draw });
+    })
+    
 </script>

package/dist/drawables/DisplayImage.svelte.d.ts

@@ -1,22 +1,12 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        image?: HTMLImageElement | null | undefined;
-        crop?: {
-            x: number;
-            y: number;
-            w: number;
-            h: number;
-        } | null | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type DisplayImageProps = typeof __propDef.props;
-export type DisplayImageEvents = typeof __propDef.events;
-export type DisplayImageSlots = typeof __propDef.slots;
-export default class DisplayImage extends SvelteComponent<DisplayImageProps, DisplayImageEvents, DisplayImageSlots> {
+interface Props {
+    image?: HTMLImageElement | null;
+    crop?: {
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    } | null;
 }
-export {};
+declare const DisplayImage: import("svelte").Component<Props, {}, "">;
+type DisplayImage = ReturnType<typeof DisplayImage>;
+export default DisplayImage;