@afromero/kin3o 0.1.0

package/dist/prompts/examples-interactive.d.ts

@@ -0,0 +1,339 @@
+/** Hand-crafted interactive button example for few-shot prompting */
+export declare const INTERACTIVE_BUTTON: {
+    animations: {
+        idle: {
+            ip: number;
+            op: number;
+            layers: {
+                ty: number;
+                ind: number;
+                nm: string;
+                ip: number;
+                op: number;
+                st: number;
+                ddd: number;
+                ks: {
+                    a: {
+                        a: number;
+                        k: number[];
+                    };
+                    p: {
+                        a: number;
+                        k: number[];
+                    };
+                    s: object;
+                    r: {
+                        a: number;
+                        k: number;
+                    };
+                    o: {
+                        a: number;
+                        k: number;
+                    };
+                };
+                shapes: {
+                    ty: string;
+                    nm: string;
+                    it: ({
+                        ty: string;
+                        nm: string;
+                        p: {
+                            a: number;
+                            k: number[];
+                        };
+                        s: {
+                            a: number;
+                            k: number[];
+                        };
+                        r: {
+                            a: number;
+                            k: number;
+                        };
+                        c?: undefined;
+                        o?: undefined;
+                        a?: undefined;
+                    } | {
+                        ty: string;
+                        nm: string;
+                        c: {
+                            a: number;
+                            k: [number, number, number, number];
+                        };
+                        o: {
+                            a: number;
+                            k: number;
+                        };
+                        r: number;
+                        p?: undefined;
+                        s?: undefined;
+                        a?: undefined;
+                    } | {
+                        ty: string;
+                        p: {
+                            a: number;
+                            k: number[];
+                        };
+                        a: {
+                            a: number;
+                            k: number[];
+                        };
+                        s: {
+                            a: number;
+                            k: number[];
+                        };
+                        r: {
+                            a: number;
+                            k: number;
+                        };
+                        o: {
+                            a: number;
+                            k: number;
+                        };
+                        nm?: undefined;
+                        c?: undefined;
+                    })[];
+                }[];
+                bm: number;
+            }[];
+            v: string;
+            fr: number;
+            w: number;
+            h: number;
+            ddd: number;
+            assets: never[];
+        };
+        hover: {
+            ip: number;
+            op: number;
+            layers: {
+                ty: number;
+                ind: number;
+                nm: string;
+                ip: number;
+                op: number;
+                st: number;
+                ddd: number;
+                ks: {
+                    a: {
+                        a: number;
+                        k: number[];
+                    };
+                    p: {
+                        a: number;
+                        k: number[];
+                    };
+                    s: object;
+                    r: {
+                        a: number;
+                        k: number;
+                    };
+                    o: {
+                        a: number;
+                        k: number;
+                    };
+                };
+                shapes: {
+                    ty: string;
+                    nm: string;
+                    it: ({
+                        ty: string;
+                        nm: string;
+                        p: {
+                            a: number;
+                            k: number[];
+                        };
+                        s: {
+                            a: number;
+                            k: number[];
+                        };
+                        r: {
+                            a: number;
+                            k: number;
+                        };
+                        c?: undefined;
+                        o?: undefined;
+                        a?: undefined;
+                    } | {
+                        ty: string;
+                        nm: string;
+                        c: {
+                            a: number;
+                            k: [number, number, number, number];
+                        };
+                        o: {
+                            a: number;
+                            k: number;
+                        };
+                        r: number;
+                        p?: undefined;
+                        s?: undefined;
+                        a?: undefined;
+                    } | {
+                        ty: string;
+                        p: {
+                            a: number;
+                            k: number[];
+                        };
+                        a: {
+                            a: number;
+                            k: number[];
+                        };
+                        s: {
+                            a: number;
+                            k: number[];
+                        };
+                        r: {
+                            a: number;
+                            k: number;
+                        };
+                        o: {
+                            a: number;
+                            k: number;
+                        };
+                        nm?: undefined;
+                        c?: undefined;
+                    })[];
+                }[];
+                bm: number;
+            }[];
+            v: string;
+            fr: number;
+            w: number;
+            h: number;
+            ddd: number;
+            assets: never[];
+        };
+        pressed: {
+            ip: number;
+            op: number;
+            layers: {
+                ty: number;
+                ind: number;
+                nm: string;
+                ip: number;
+                op: number;
+                st: number;
+                ddd: number;
+                ks: {
+                    a: {
+                        a: number;
+                        k: number[];
+                    };
+                    p: {
+                        a: number;
+                        k: number[];
+                    };
+                    s: object;
+                    r: {
+                        a: number;
+                        k: number;
+                    };
+                    o: {
+                        a: number;
+                        k: number;
+                    };
+                };
+                shapes: {
+                    ty: string;
+                    nm: string;
+                    it: ({
+                        ty: string;
+                        nm: string;
+                        p: {
+                            a: number;
+                            k: number[];
+                        };
+                        s: {
+                            a: number;
+                            k: number[];
+                        };
+                        r: {
+                            a: number;
+                            k: number;
+                        };
+                        c?: undefined;
+                        o?: undefined;
+                        a?: undefined;
+                    } | {
+                        ty: string;
+                        nm: string;
+                        c: {
+                            a: number;
+                            k: [number, number, number, number];
+                        };
+                        o: {
+                            a: number;
+                            k: number;
+                        };
+                        r: number;
+                        p?: undefined;
+                        s?: undefined;
+                        a?: undefined;
+                    } | {
+                        ty: string;
+                        p: {
+                            a: number;
+                            k: number[];
+                        };
+                        a: {
+                            a: number;
+                            k: number[];
+                        };
+                        s: {
+                            a: number;
+                            k: number[];
+                        };
+                        r: {
+                            a: number;
+                            k: number;
+                        };
+                        o: {
+                            a: number;
+                            k: number;
+                        };
+                        nm?: undefined;
+                        c?: undefined;
+                    })[];
+                }[];
+                bm: number;
+            }[];
+            v: string;
+            fr: number;
+            w: number;
+            h: number;
+            ddd: number;
+            assets: never[];
+        };
+    };
+    stateMachine: {
+        initial: string;
+        states: {
+            name: string;
+            type: string;
+            animation: string;
+            transitions: {
+                type: string;
+                toState: string;
+                guards: {
+                    type: string;
+                    inputName: string;
+                    conditionType: string;
+                    compareTo: boolean;
+                }[];
+            }[];
+        }[];
+        interactions: {
+            type: string;
+            actions: {
+                type: string;
+                inputName: string;
+                value: boolean;
+            }[];
+        }[];
+        inputs: {
+            name: string;
+            type: string;
+            value: boolean;
+        }[];
+    };
+};

package/dist/prompts/examples-interactive.js

@@ -0,0 +1,139 @@
+/** Hand-crafted interactive button example for few-shot prompting */
+const BUTTON_BASE = {
+    v: '5.5.2',
+    fr: 60,
+    w: 512,
+    h: 512,
+    ddd: 0,
+    assets: [],
+};
+const makeButtonLayer = (color, scaleKf, op) => ({
+    ty: 4,
+    ind: 0,
+    nm: 'Button',
+    ip: 0,
+    op,
+    st: 0,
+    ddd: 0,
+    ks: {
+        a: { a: 0, k: [0, 0] },
+        p: { a: 0, k: [256, 256] },
+        s: scaleKf,
+        r: { a: 0, k: 0 },
+        o: { a: 0, k: 100 },
+    },
+    shapes: [
+        {
+            ty: 'gr',
+            nm: 'Button Shape',
+            it: [
+                {
+                    ty: 'rc',
+                    nm: 'Rect',
+                    p: { a: 0, k: [0, 0] },
+                    s: { a: 0, k: [200, 80] },
+                    r: { a: 0, k: 20 },
+                },
+                {
+                    ty: 'fl',
+                    nm: 'Fill',
+                    c: { a: 0, k: color },
+                    o: { a: 0, k: 100 },
+                    r: 1,
+                },
+                {
+                    ty: 'tr',
+                    p: { a: 0, k: [0, 0] },
+                    a: { a: 0, k: [0, 0] },
+                    s: { a: 0, k: [100, 100] },
+                    r: { a: 0, k: 0 },
+                    o: { a: 0, k: 100 },
+                },
+            ],
+        },
+    ],
+    bm: 0,
+});
+const IDLE_ANIM = {
+    ...BUTTON_BASE,
+    ip: 0,
+    op: 120,
+    layers: [
+        makeButtonLayer([0.851, 0.467, 0.024, 1], { a: 0, k: [100, 100] }, 120),
+    ],
+};
+const HOVER_ANIM = {
+    ...BUTTON_BASE,
+    ip: 0,
+    op: 60,
+    layers: [
+        makeButtonLayer([0.937, 0.553, 0.098, 1], {
+            a: 1,
+            k: [
+                { t: 0, s: [100, 100], o: { x: [0.42], y: [0] }, i: { x: [0.58], y: [1] } },
+                { t: 30, s: [108, 108] },
+            ],
+        }, 60),
+    ],
+};
+const PRESSED_ANIM = {
+    ...BUTTON_BASE,
+    ip: 0,
+    op: 30,
+    layers: [
+        makeButtonLayer([0.725, 0.376, 0.016, 1], {
+            a: 1,
+            k: [
+                { t: 0, s: [108, 108], o: { x: [0.42], y: [0] }, i: { x: [0.58], y: [1] } },
+                { t: 15, s: [95, 95] },
+            ],
+        }, 30),
+    ],
+};
+export const INTERACTIVE_BUTTON = {
+    animations: {
+        idle: IDLE_ANIM,
+        hover: HOVER_ANIM,
+        pressed: PRESSED_ANIM,
+    },
+    stateMachine: {
+        initial: 'idle_state',
+        states: [
+            {
+                name: 'idle_state',
+                type: 'PlaybackState',
+                animation: 'idle',
+                transitions: [
+                    { type: 'Transition', toState: 'hover_state', guards: [{ type: 'Boolean', inputName: 'hovering', conditionType: 'Equal', compareTo: true }] },
+                ],
+            },
+            {
+                name: 'hover_state',
+                type: 'PlaybackState',
+                animation: 'hover',
+                transitions: [
+                    { type: 'Transition', toState: 'idle_state', guards: [{ type: 'Boolean', inputName: 'hovering', conditionType: 'Equal', compareTo: false }] },
+                    { type: 'Transition', toState: 'pressed_state', guards: [{ type: 'Boolean', inputName: 'pressing', conditionType: 'Equal', compareTo: true }] },
+                ],
+            },
+            {
+                name: 'pressed_state',
+                type: 'PlaybackState',
+                animation: 'pressed',
+                transitions: [
+                    { type: 'Transition', toState: 'hover_state', guards: [{ type: 'Boolean', inputName: 'pressing', conditionType: 'Equal', compareTo: false }] },
+                ],
+            },
+        ],
+        interactions: [
+            { type: 'PointerEnter', actions: [{ type: 'SetBoolean', inputName: 'hovering', value: true }] },
+            { type: 'PointerExit', actions: [{ type: 'SetBoolean', inputName: 'hovering', value: false }] },
+            { type: 'PointerDown', actions: [{ type: 'SetBoolean', inputName: 'pressing', value: true }] },
+            { type: 'PointerUp', actions: [{ type: 'SetBoolean', inputName: 'pressing', value: false }] },
+        ],
+        inputs: [
+            { name: 'hovering', type: 'Boolean', value: false },
+            { name: 'pressing', type: 'Boolean', value: false },
+        ],
+    },
+};