@hi-ashleyj/llama 0.13.2 → 0.14.0

package/dist/audio/AudioGain.svelte

@@ -1,22 +1,35 @@
-<script>import { getAudioContext, getConnector } from "./context.js";
-import { onMount } from "svelte";
-const audioContext = getAudioContext();
-export let gain = 1;
-let output;
-$: {
-  if (output) {
-    output.gain.setTargetAtTime(gain, output.context.currentTime, 4e-3);
-  }
-}
-const connect = getConnector((node) => {
-  node.connect(output);
-  return () => node.disconnect(output);
-});
-onMount(() => {
-  const audioCTX = audioContext();
-  output = audioCTX.createGain();
-  return connect(output);
-});
+<script lang="ts">
+
+    import { getAudioContext, getConnector } from "./context.js";
+    import { onMount } from "svelte";
+    const audioContext = getAudioContext();
+
+    interface Props {
+        gain?: number;
+        children?: import('svelte').Snippet;
+    }
+
+    let { gain = 1, children }: Props = $props();
+
+    let output: GainNode = $state();
+
+    $effect(() => {
+        if (output) {
+            output.gain.setTargetAtTime(gain, output.context.currentTime, 0.004);
+        }
+    });
+
+    const connect = getConnector((node) => {
+        node.connect(output);
+        return () => node.disconnect(output);
+    });
+
+    onMount(() => {
+        const audioCTX = audioContext();
+        output = audioCTX.createGain();
+        return connect(output);
+    })
+
 </script>
 
-<slot />
+{@render children?.()}

package/dist/audio/AudioGain.svelte.d.ts

@@ -1,18 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        gain?: number | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AudioGainProps = typeof __propDef.props;
-export type AudioGainEvents = typeof __propDef.events;
-export type AudioGainSlots = typeof __propDef.slots;
-export default class AudioGain extends SvelteComponent<AudioGainProps, AudioGainEvents, AudioGainSlots> {
+interface Props {
+    gain?: number;
+    children?: import('svelte').Snippet;
 }
-export {};
+declare const AudioGain: import("svelte").Component<Props, {}, "">;
+type AudioGain = ReturnType<typeof AudioGain>;
+export default AudioGain;

package/dist/audio/AudioListenerPosition.svelte

@@ -1,94 +1,80 @@
-<script>export let position = [0, 0, 0];
-export let orientation = [0, 0, 0];
-$:
-  positionX = position[0];
-$:
-  positionY = position[1];
-$:
-  positionZ = position[2];
-$:
-  roll = orientation[0];
-$:
-  pitch = orientation[1];
-$:
-  yaw = orientation[2];
-const dot = ([i, j, k], [x, y, z]) => {
-  return i * x + j * y + k * z;
-};
-const cross = ([i, j, k], [x, y, z]) => {
-  return [
-    j * z - k * y,
-    (i * z - k * x) * -1,
-    i * y - j * x
-  ];
-};
-const buildQuaternion = (roll2, pitch2, yaw2) => {
-  const rdRoll = roll2 / 360 * Math.PI;
-  const rdPitch = pitch2 / 360 * Math.PI;
-  const rdYaw = yaw2 / 360 * Math.PI;
-  const x = Math.sin(rdRoll) * Math.cos(rdPitch) * Math.cos(rdYaw) - Math.cos(rdRoll) * Math.sin(rdPitch) * Math.sin(rdYaw);
-  const y = Math.cos(rdRoll) * Math.sin(rdPitch) * Math.cos(rdYaw) + Math.sin(rdRoll) * Math.cos(rdPitch) * Math.sin(rdYaw);
-  const z = Math.cos(rdRoll) * Math.cos(rdPitch) * Math.sin(rdYaw) - Math.sin(rdRoll) * Math.sin(rdPitch) * Math.cos(rdYaw);
-  const w = Math.cos(rdRoll) * Math.cos(rdPitch) * Math.cos(rdYaw) + Math.sin(rdRoll) * Math.sin(rdPitch) * Math.sin(rdYaw);
-  return [x, y, z, w];
-};
-const rotatedVector = ([i, j, k], [x, y, z, w]) => {
-  const dotUVTimesTwo = dot([x, y, z], [i, j, k]) * 2;
-  const WxWMinusDotUU = w * w - dot([x, y, z], [x, y, z]);
-  const crossUV = cross([x, y, z], [i, j, k]);
-  return [
-    dotUVTimesTwo * x + WxWMinusDotUU * i + 2 * w * crossUV[0],
-    dotUVTimesTwo * y + WxWMinusDotUU * j + 2 * w * crossUV[1],
-    dotUVTimesTwo * z + WxWMinusDotUU * k + 2 * w * crossUV[2]
-  ];
-};
-$:
-  quaterion = buildQuaternion(roll, pitch, yaw);
-$:
-  forward = rotatedVector([1, 0, 0], quaterion);
-$:
-  up = rotatedVector([0, 1, 0], quaterion);
-import { getAudioContext } from "./context.js";
-import { onMount } from "svelte";
-const audioContext = getAudioContext();
-let audioCTX = null;
-$: {
-  if (audioCTX)
-    audioCTX.listener.positionX.value = positionX;
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.positionY.value = positionY;
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.positionZ.value = positionZ;
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.forwardX.value = forward[0];
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.forwardY.value = forward[1];
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.forwardZ.value = forward[2];
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.upX.value = up[0];
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.upY.value = up[1];
-}
-$: {
-  if (audioCTX)
-    audioCTX.listener.upZ.value = up[2];
-}
-onMount(() => {
-  audioCTX = audioContext();
-});
+<script lang="ts">
+
+    // Roll, Pitch, Yaw. All between -180 - 180. [ 0, 0, 0 ] faces directly along the X coordinate standing upright.
+    // Roll rotates the viewport leftward as it goes negative.
+    // Pitch looks downwards as it goes negative.
+    // Yaw rotates leftwards as it goes negative (toward -Z)
+
+
+    const dot = ([i, j, k]: number[], [x, y, z]: number[]): number => {
+        return i * x + j * y + k * z;
+    }
+
+    const cross = ([i, j, k]: number[], [x, y, z]: number[]) => {
+        return [
+            (j * z) - (k * y),
+            ((i * z) - (k * x)) * -1,
+            (i * y) - (j * x)
+        ]
+    }
+
+    const buildQuaternion = (roll: number, pitch: number, yaw: number) => {
+        const rdRoll = roll / 360 * Math.PI;
+        const rdPitch = pitch / 360 * Math.PI;
+        const rdYaw = yaw / 360 * Math.PI;
+        const x = Math.sin(rdRoll) * Math.cos(rdPitch) * Math.cos(rdYaw) - Math.cos(rdRoll) * Math.sin(rdPitch) * Math.sin(rdYaw)
+        const y = Math.cos(rdRoll) * Math.sin(rdPitch) * Math.cos(rdYaw) + Math.sin(rdRoll) * Math.cos(rdPitch) * Math.sin(rdYaw)
+        const z = Math.cos(rdRoll) * Math.cos(rdPitch) * Math.sin(rdYaw) - Math.sin(rdRoll) * Math.sin(rdPitch) * Math.cos(rdYaw)
+        const w = Math.cos(rdRoll) * Math.cos(rdPitch) * Math.cos(rdYaw) + Math.sin(rdRoll) * Math.sin(rdPitch) * Math.sin(rdYaw)
+
+        return [ x, y, z, w ];
+    }
+
+    const rotatedVector = ([i, j, k]: number[], [x, y, z, w]: number[]) => {
+        const dotUVTimesTwo = dot([x, y, z], [i, j, k]) * 2;
+        const WxWMinusDotUU = w * w - dot([x, y, z], [x, y, z]);
+        const crossUV = cross([x, y, z], [i, j, k]);
+
+        return [
+            dotUVTimesTwo * x + WxWMinusDotUU * i + 2 * w * crossUV[0],
+            dotUVTimesTwo * y + WxWMinusDotUU * j + 2 * w * crossUV[1],
+            dotUVTimesTwo * z + WxWMinusDotUU * k + 2 * w * crossUV[2],
+        ]
+    }
+
+
+    import { getAudioContext } from "./context.js";
+    import { onMount } from "svelte";
+    interface Props {
+        position?: [ number, number, number ];
+        orientation?: [ number, number, number ];
+    }
+
+    let { position = [0, 0, 0], orientation = [0, 0, 0] }: Props = $props();
+    const audioContext = getAudioContext();
+    let audioCTX: AudioContext | null = $state(null);
+
+
+    onMount(() => {
+        audioCTX = audioContext();
+    })
+
+    let positionX = $derived(position[0]);
+    let positionY = $derived(position[1]);
+    let positionZ = $derived(position[2]);
+    let roll = $derived(orientation[0]);
+    let pitch = $derived(orientation[1]);
+    let yaw = $derived(orientation[2]);
+    let quaterion = $derived(buildQuaternion(roll, pitch, yaw));
+    let forward = $derived(rotatedVector([1, 0, 0], quaterion));
+    let up = $derived(rotatedVector([0, 1, 0], quaterion));
+    $effect(() => { if (audioCTX) audioCTX.listener.positionX.value = positionX });
+    $effect(() => { if (audioCTX) audioCTX.listener.positionY.value = positionY });
+    $effect(() => { if (audioCTX) audioCTX.listener.positionZ.value = positionZ });
+    $effect(() => { if (audioCTX) audioCTX.listener.forwardX.value = forward[0] });
+    $effect(() => { if (audioCTX) audioCTX.listener.forwardY.value = forward[1] });
+    $effect(() => { if (audioCTX) audioCTX.listener.forwardZ.value = forward[2] });
+    $effect(() => { if (audioCTX) audioCTX.listener.upX.value = up[0] });
+    $effect(() => { if (audioCTX) audioCTX.listener.upY.value = up[1] });
+    $effect(() => { if (audioCTX) audioCTX.listener.upZ.value = up[2] });
 </script>

package/dist/audio/AudioListenerPosition.svelte.d.ts

@@ -1,17 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        position?: [number, number, number] | undefined;
-        orientation?: [number, number, number] | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AudioListenerPositionProps = typeof __propDef.props;
-export type AudioListenerPositionEvents = typeof __propDef.events;
-export type AudioListenerPositionSlots = typeof __propDef.slots;
-export default class AudioListenerPosition extends SvelteComponent<AudioListenerPositionProps, AudioListenerPositionEvents, AudioListenerPositionSlots> {
+interface Props {
+    position?: [number, number, number];
+    orientation?: [number, number, number];
 }
-export {};
+declare const AudioListenerPosition: import("svelte").Component<Props, {}, "">;
+type AudioListenerPosition = ReturnType<typeof AudioListenerPosition>;
+export default AudioListenerPosition;

package/dist/audio/AudioPanner.svelte

@@ -1,22 +1,35 @@
-<script>import { getAudioContext, getConnector } from "./context.js";
-import { onMount } from "svelte";
-const audioContext = getAudioContext();
-export let pan = 0;
-let output;
-$: {
-  if (output) {
-    output.pan.value = pan;
-  }
-}
-const connect = getConnector((node) => {
-  node.connect(output);
-  return () => node.disconnect(output);
-});
-onMount(() => {
-  const audioCtx = audioContext();
-  output = audioCtx.createStereoPanner();
-  return connect(output);
-});
+<script lang="ts">
+
+    import { getAudioContext, getConnector } from "./context.js";
+    import { onMount } from "svelte";
+    const audioContext = getAudioContext();
+
+    interface Props {
+        pan?: number;
+        children?: import('svelte').Snippet;
+    }
+
+    let { pan = 0, children }: Props = $props();
+
+    let output: StereoPannerNode = $state();
+
+    $effect(() => {
+        if (output) {
+            output.pan.value = pan;
+        }
+    });
+
+    const connect = getConnector((node) => {
+        node.connect(output);
+        return () => node.disconnect(output);
+    });
+
+    onMount(() => {
+        const audioCtx = audioContext();
+        output = audioCtx.createStereoPanner();
+        return connect(output);
+    })
+
 </script>
 
-<slot />
+{@render children?.()}

package/dist/audio/AudioPanner.svelte.d.ts

@@ -1,18 +1,7 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        pan?: number | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AudioPannerProps = typeof __propDef.props;
-export type AudioPannerEvents = typeof __propDef.events;
-export type AudioPannerSlots = typeof __propDef.slots;
-export default class AudioPanner extends SvelteComponent<AudioPannerProps, AudioPannerEvents, AudioPannerSlots> {
+interface Props {
+    pan?: number;
+    children?: import('svelte').Snippet;
 }
-export {};
+declare const AudioPanner: import("svelte").Component<Props, {}, "">;
+type AudioPanner = ReturnType<typeof AudioPanner>;
+export default AudioPanner;

package/dist/audio/BufferedAudioSource.svelte

@@ -1,47 +1,62 @@
-<script>import { getAudioContext, getConnector } from "./context.js";
-import { onMount } from "svelte";
-const audioContext = getAudioContext();
-export let volume = 1;
-export let audioBuffer;
-let output;
-let audioCTX;
-$: {
-  if (output) {
-    output.gain.setTargetAtTime(volume, output.context.currentTime, 4e-3);
-  }
-}
-const playing = /* @__PURE__ */ new Set();
-export const play = () => {
-  if (!audioBuffer)
-    return;
-  const source = audioCTX.createBufferSource();
-  source.buffer = audioBuffer;
-  source.addEventListener("ended", () => {
-    source.disconnect(output);
-    playing.delete(source);
-  });
-  source.connect(output);
-  playing.add(source);
-  source.start();
-  return () => {
-    if (playing.has(source)) {
-      source.stop();
-      source.disconnect(output);
-      playing.delete(source);
+<script lang="ts">
+
+    import { getAudioContext, getConnector } from "./context.js";
+    import { onMount } from "svelte";
+    const audioContext = getAudioContext();
+
+    interface Props {
+        volume?: number;
+        audioBuffer: AudioBuffer;
     }
-  };
-};
-const connect = getConnector();
-onMount(() => {
-  audioCTX = audioContext();
-  output = audioCtx.createGain();
-  const disconnect = connect(output);
-  return () => {
-    for (let node of playing) {
-      node.stop();
-      node.disconnect(output);
+
+    let { volume = 1, audioBuffer }: Props = $props();
+
+    let output: GainNode = $state();
+    let audioCTX: AudioContext;
+
+    $effect(() => {
+        if (output) {
+            output.gain.setTargetAtTime(volume, output.context.currentTime, 0.004);
+        }
+    });
+
+    const playing = new Set<AudioBufferSourceNode>();
+
+    export const play = () => {
+        if (!audioBuffer) return;
+        const source = audioCTX.createBufferSource();
+        source.buffer = audioBuffer;
+        source.addEventListener("ended", () => {
+            source.disconnect(output);
+            playing.delete(source);
+        });
+
+        source.connect(output);
+        playing.add(source);
+        source.start();
+        return () => {
+            if (playing.has(source)) {
+                source.stop();
+                source.disconnect(output);
+                playing.delete(source);
+            }
+        }
     }
-    disconnect();
-  };
-});
+
+    const connect = getConnector();
+
+    onMount(() => {
+        audioCTX = audioContext();
+        output = audioCtx.createGain();
+
+        const disconnect = connect(output);
+        return () => {
+            for (let node of playing) {
+                node.stop();
+                node.disconnect(output);
+            }
+            disconnect();
+        }
+    })
+
 </script>

package/dist/audio/BufferedAudioSource.svelte.d.ts

@@ -1,19 +1,9 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        volume?: number | undefined;
-        audioBuffer: AudioBuffer;
-        play?: (() => (() => void) | undefined) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type BufferedAudioSourceProps = typeof __propDef.props;
-export type BufferedAudioSourceEvents = typeof __propDef.events;
-export type BufferedAudioSourceSlots = typeof __propDef.slots;
-export default class BufferedAudioSource extends SvelteComponent<BufferedAudioSourceProps, BufferedAudioSourceEvents, BufferedAudioSourceSlots> {
-    get play(): () => (() => void) | undefined;
+interface Props {
+    volume?: number;
+    audioBuffer: AudioBuffer;
 }
-export {};
+declare const BufferedAudioSource: import("svelte").Component<Props, {
+    play: () => (() => void) | undefined;
+}, "">;
+type BufferedAudioSource = ReturnType<typeof BufferedAudioSource>;
+export default BufferedAudioSource;

package/dist/audio/MediaAudioSource.svelte

@@ -1,37 +1,58 @@
-<script>import { getAudioContext, getConnector } from "./context.js";
-import { onMount } from "svelte";
-const audioContext = getAudioContext();
-export let url;
-export let volume = 1;
-export let paused = true;
-export let playbackPosition;
-export let loop = false;
-export const playFromStart = () => {
-  playbackPosition = 0;
-  paused = false;
-};
-export const play = () => {
-  paused = false;
-};
-export const pause = () => {
-  paused = true;
-};
-let output;
-let sourceNode;
-let element;
-$: {
-  if (output) {
-    output.gain.setTargetAtTime(volume, output.context.currentTime, 4e-3);
-  }
-}
-const connect = getConnector();
-onMount(() => {
-  const audioCTX = audioContext();
-  sourceNode = audioCTX.createMediaElementSource(element);
-  output = audioCTX.createGain();
-  sourceNode.connect(output);
-  return connect(output);
-});
+<script lang="ts">
+
+    import { getAudioContext, getConnector } from "./context.js";
+    import { onMount } from "svelte";
+    const audioContext = getAudioContext();
+
+    interface Props {
+        url: string;
+        volume?: number;
+        paused?: boolean;
+        playbackPosition: number;
+        loop?: boolean;
+    }
+
+    let {
+        url,
+        volume = 1,
+        paused = $bindable(true),
+        playbackPosition = $bindable(),
+        loop = false
+    }: Props = $props();
+
+    export const playFromStart = () => {
+        playbackPosition = 0;
+        paused = false;
+    }
+
+    export const play = () => {
+        paused = false;
+    }
+
+    export const pause = () => {
+        paused = true;
+    }
+
+    let output: GainNode = $state();
+    let sourceNode: MediaElementAudioSourceNode
+    let element: HTMLAudioElement = $state();
+
+    $effect(() => {
+        if (output) {
+            output.gain.setTargetAtTime(volume, output.context.currentTime, 0.004);
+        }
+    });
+
+    const connect = getConnector();
+
+    onMount(() => {
+        const audioCTX = audioContext();
+        sourceNode = audioCTX.createMediaElementSource(element);
+        output = audioCTX.createGain();
+        sourceNode.connect(output);
+        return connect(output);
+    });
+
 </script>
 
-<audio src={url} hidden loop={loop} bind:paused={paused} bind:currentTime={playbackPosition} bind:this={element} />
+<audio src={url} hidden loop={loop} bind:paused={paused} bind:currentTime={playbackPosition} bind:this={element}></audio>

package/dist/audio/MediaAudioSource.svelte.d.ts

@@ -1,26 +1,14 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        url: string;
-        volume?: number | undefined;
-        paused?: boolean | undefined;
-        playbackPosition: number;
-        loop?: boolean | undefined;
-        playFromStart?: (() => void) | undefined;
-        play?: (() => void) | undefined;
-        pause?: (() => void) | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MediaAudioSourceProps = typeof __propDef.props;
-export type MediaAudioSourceEvents = typeof __propDef.events;
-export type MediaAudioSourceSlots = typeof __propDef.slots;
-export default class MediaAudioSource extends SvelteComponent<MediaAudioSourceProps, MediaAudioSourceEvents, MediaAudioSourceSlots> {
-    get playFromStart(): () => void;
-    get play(): () => void;
-    get pause(): () => void;
+interface Props {
+    url: string;
+    volume?: number;
+    paused?: boolean;
+    playbackPosition: number;
+    loop?: boolean;
 }
-export {};
+declare const MediaAudioSource: import("svelte").Component<Props, {
+    playFromStart: () => void;
+    play: () => void;
+    pause: () => void;
+}, "paused" | "playbackPosition">;
+type MediaAudioSource = ReturnType<typeof MediaAudioSource>;
+export default MediaAudioSource;

package/dist/audio/context.d.ts

@@ -4,4 +4,4 @@ export type AudioSvelteContext = {
 };
 export declare const getSetupAudio: (connect: (node: AudioNode) => DisconnectFunction) => void;
 export declare const getAudioContext: () => () => AudioContext;
-export declare const getConnector: (connect?: ((node: AudioNode) => DisconnectFunction) | undefined) => (node: AudioNode) => DisconnectFunction;
+export declare const getConnector: (connect?: (node: AudioNode) => DisconnectFunction) => (node: AudioNode) => DisconnectFunction;