@twick/2d 0.11.0

package/lib/components/CodeBlock.js

@@ -0,0 +1,461 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var CodeBlock_1;
+import { Vector2, clampRemap, createComputedAsync, createSignal, easeInOutSine, join, map, threadable, tween, useLogger, waitFor, } from '@twick/core';
+import { diff, parse, ready } from 'code-fns';
+import { computed, initial, nodeName, parser, signal } from '../decorators';
+import { Shape } from './Shape';
+/**
+ * @deprecated Use {@link Code} instead.
+ */
+let CodeBlock = CodeBlock_1 = class CodeBlock extends Shape {
+    *tweenSelection(value, duration, timingFunction) {
+        this.oldSelection = this.selection();
+        this.selection(value);
+        this.selectionProgress(0);
+        yield* this.selectionProgress(1, duration, timingFunction);
+        this.selectionProgress(null);
+        this.oldSelection = null;
+    }
+    getLineCountOfTokenArray(tokens) {
+        let count = 0;
+        for (const token of tokens) {
+            for (let i = 0; i < token.code.length; i++) {
+                if (token.code[i] === '\n') {
+                    count++;
+                }
+            }
+        }
+        if (tokens.length > 0) {
+            count++;
+        }
+        return count;
+    }
+    lineCount() {
+        const progress = this.codeProgress();
+        if (progress !== null) {
+            return Math.round(map(this.currentLineCount, this.newLineCount, progress));
+        }
+        return this.getLineCountOfTokenArray(this.parsed());
+    }
+    parsed() {
+        if (!CodeBlock_1.initialized()) {
+            return [];
+        }
+        return parse(this.code(), { codeStyle: this.theme() });
+    }
+    constructor({ children, ...rest }) {
+        super({
+            fontFamily: 'monospace',
+            ...rest,
+        });
+        this.codeProgress = createSignal(null);
+        this.selectionProgress = createSignal(null);
+        this.oldSelection = null;
+        this.diffed = null;
+        this.currentLineCount = 0;
+        this.newLineCount = 0;
+        if (children) {
+            this.code(children);
+        }
+    }
+    characterSize() {
+        this.requestFontUpdate();
+        const context = this.cacheCanvas();
+        context.save();
+        this.applyStyle(context);
+        context.font = this.styles.font;
+        const width = context.measureText('X').width;
+        context.restore();
+        return new Vector2(width, parseFloat(this.styles.lineHeight));
+    }
+    desiredSize() {
+        const custom = super.desiredSize();
+        const tokensSize = this.getTokensSize(this.parsed());
+        return {
+            x: custom.x ?? tokensSize.x,
+            y: custom.y ?? tokensSize.y,
+        };
+    }
+    getTokensSize(tokens) {
+        const size = this.characterSize();
+        let maxWidth = 0;
+        let height = size.height;
+        let width = 0;
+        for (const token of tokens) {
+            for (let i = 0; i < token.code.length; i++) {
+                if (token.code[i] === '\n') {
+                    if (width > maxWidth) {
+                        maxWidth = width;
+                    }
+                    width = 0;
+                    height += size.height;
+                }
+                else {
+                    width += size.width;
+                }
+            }
+        }
+        if (width > maxWidth) {
+            maxWidth = width;
+        }
+        return { x: maxWidth, y: height };
+    }
+    collectAsyncResources() {
+        super.collectAsyncResources();
+        CodeBlock_1.initialized();
+    }
+    set(strings, ...rest) {
+        this.code({
+            language: this.language(),
+            spans: strings,
+            nodes: rest,
+        });
+    }
+    /**
+     * Smoothly edit the code.
+     *
+     * @remarks
+     * This method returns a tag function that should be used together with a
+     * template literal to define what to edit. Expressions can be used to either
+     * {@link insert}, {@link remove}, or {@link edit} the code.
+     *
+     * @example
+     * ```ts
+     * yield* codeBlock().edit()`
+     *   const ${edit('a', 'b')} = [${insert('1, 2, 3')}];${remove(`
+     *   // this comment will be removed`)}
+     * `;
+     * ```
+     *
+     * @param duration - The duration of the transition.
+     * @param changeSelection - When set to `true`, the selection will be modified
+     *                          to highlight the newly inserted code. Setting it
+     *                          to `false` leaves the selection untouched.
+     *                          Providing a custom {@link CodeRange} will select
+     *                          it instead.
+     */
+    edit(duration = 0.6, changeSelection = true) {
+        function* generator(strings, ...rest) {
+            const from = {
+                language: this.language(),
+                spans: [...strings],
+                nodes: rest.map(modification => isCodeModification(modification) ? modification.from : modification),
+            };
+            const to = {
+                language: this.language(),
+                spans: [...strings],
+                nodes: rest.map(modification => isCodeModification(modification) ? modification.to : modification),
+            };
+            this.code(from);
+            if (changeSelection) {
+                const task = yield this.code(to, duration);
+                yield* waitFor(duration * 0.2);
+                yield* this.selection([], duration * 0.3);
+                const newSelection = changeSelection === true
+                    ? diff(from, to)
+                        .filter(token => token.morph === 'create')
+                        .map(token => [
+                        [token.to[1], token.to[0]],
+                        [token.to[1], token.to[0] + token.code.length],
+                    ])
+                    : changeSelection;
+                yield* this.selection(newSelection, duration * 0.3);
+                yield* join(task);
+            }
+            else {
+                yield* this.code(to, duration);
+            }
+        }
+        return generator.bind(this);
+    }
+    *tweenCode(code, time, timingFunction) {
+        if (typeof code === 'function')
+            throw new Error();
+        if (!CodeBlock_1.initialized())
+            return;
+        const currentParsedCode = parse(this.code(), { codeStyle: this.theme() });
+        const newParsedCode = parse(code, { codeStyle: this.theme() });
+        this.currentLineCount = this.getLineCountOfTokenArray(currentParsedCode);
+        this.newLineCount = this.getLineCountOfTokenArray(newParsedCode);
+        const autoWidth = this.width.isInitial();
+        const autoHeight = this.height.isInitial();
+        const fromSize = this.size();
+        const toSize = this.getTokensSize(newParsedCode);
+        const beginning = 0.2;
+        const ending = 0.8;
+        this.codeProgress(0);
+        this.diffed = diff(this.code(), code, { codeStyle: this.theme() });
+        yield* tween(time, value => {
+            const progress = timingFunction(value);
+            const remapped = clampRemap(beginning, ending, 0, 1, progress);
+            this.codeProgress(progress);
+            if (autoWidth) {
+                this.width(easeInOutSine(remapped, fromSize.x, toSize.x));
+            }
+            if (autoHeight) {
+                this.height(easeInOutSine(remapped, fromSize.y, toSize.y));
+            }
+        }, () => {
+            this.codeProgress(null);
+            this.diffed = null;
+            if (autoWidth) {
+                this.width.reset();
+            }
+            if (autoHeight) {
+                this.height.reset();
+            }
+            this.code(code);
+        });
+    }
+    async draw(context) {
+        if (!CodeBlock_1.initialized())
+            return;
+        this.requestFontUpdate();
+        this.applyStyle(context);
+        context.font = this.styles.font;
+        context.textBaseline = 'top';
+        const lh = parseFloat(this.styles.lineHeight);
+        const w = context.measureText('X').width;
+        const size = this.computedSize();
+        const progress = this.codeProgress();
+        const unselectedOpacity = this.unselectedOpacity();
+        const globalAlpha = context.globalAlpha;
+        const getSelectionAlpha = (x, y) => map(unselectedOpacity, 1, this.selectionStrength(x, y));
+        const drawToken = (code, position, alpha = 1) => {
+            for (let i = 0; i < code.length; i++) {
+                const char = code.charAt(i);
+                if (char === '\n') {
+                    position.y++;
+                    position.x = 0;
+                    continue;
+                }
+                context.globalAlpha =
+                    globalAlpha * alpha * getSelectionAlpha(position.x, position.y);
+                context.fillText(char, position.x * w, position.y * lh);
+                position.x++;
+            }
+        };
+        context.translate(size.x / -2, size.y / -2);
+        if (progress == null) {
+            const parsed = this.parsed();
+            const position = { x: 0, y: 0 };
+            for (const token of parsed) {
+                context.save();
+                context.fillStyle = token.color ?? '#c9d1d9';
+                drawToken(token.code, position);
+                context.restore();
+            }
+        }
+        else {
+            const diffed = this.diffed;
+            const beginning = 0.2;
+            const ending = 0.8;
+            const overlap = 0.15;
+            for (const token of diffed) {
+                context.save();
+                context.fillStyle = token.color ?? '#c9d1d9';
+                if (token.morph === 'delete') {
+                    drawToken(token.code, { x: token.from[0], y: token.from[1] }, clampRemap(0, beginning + overlap, 1, 0, progress));
+                }
+                else if (token.morph === 'create') {
+                    drawToken(token.code, { x: token.to[0], y: token.to[1] }, clampRemap(ending - overlap, 1, 0, 1, progress));
+                }
+                else if (token.morph === 'retain') {
+                    const remapped = clampRemap(beginning, ending, 0, 1, progress);
+                    const x = easeInOutSine(remapped, token.from[0], token.to[0]);
+                    const y = easeInOutSine(remapped, token.from[1], token.to[1]);
+                    const point = remapped > 0.5 ? token.to : token.from;
+                    let offsetX = 0;
+                    let offsetY = 0;
+                    for (let i = 0; i < token.code.length; i++) {
+                        const char = token.code.charAt(i);
+                        if (char === '\n') {
+                            offsetY++;
+                            offsetX = 0;
+                            continue;
+                        }
+                        context.globalAlpha =
+                            globalAlpha *
+                                getSelectionAlpha(point[0] + offsetX, point[1] + offsetY);
+                        context.fillText(char, (x + offsetX) * w, (y + offsetY) * lh);
+                        offsetX++;
+                    }
+                }
+                else {
+                    useLogger().warn({
+                        message: 'Invalid token',
+                        object: token,
+                    });
+                }
+                context.restore();
+            }
+        }
+    }
+    selectionStrength(x, y) {
+        const selection = this.selection();
+        const selectionProgress = this.selectionProgress();
+        const isSelected = CodeBlock_1.selectionStrength(selection, x, y);
+        if (selectionProgress === null || this.oldSelection === null) {
+            return isSelected ? 1 : 0;
+        }
+        const wasSelected = CodeBlock_1.selectionStrength(this.oldSelection, x, y);
+        if (isSelected === wasSelected) {
+            return isSelected;
+        }
+        return map(wasSelected, isSelected, selectionProgress);
+    }
+    static selectionStrength(selection, x, y) {
+        return selection.length > 0 &&
+            !!selection.find(([[startLine, startColumn], [endLine, endColumn]]) => {
+                return (((y === startLine && x >= startColumn) || y > startLine) &&
+                    ((y === endLine && x < endColumn) || y < endLine));
+            })
+            ? 1
+            : 0;
+    }
+};
+CodeBlock.initialized = createComputedAsync(() => ready().then(() => true), false);
+__decorate([
+    initial('tsx'),
+    signal()
+], CodeBlock.prototype, "language", void 0);
+__decorate([
+    initial(''),
+    parser(function (value) {
+        return typeof value === 'string'
+            ? {
+                language: this.language(),
+                spans: [value],
+                nodes: [],
+            }
+            : value;
+    }),
+    signal()
+], CodeBlock.prototype, "code", void 0);
+__decorate([
+    initial(undefined),
+    signal()
+], CodeBlock.prototype, "theme", void 0);
+__decorate([
+    initial(lines(0, Infinity)),
+    signal()
+], CodeBlock.prototype, "selection", void 0);
+__decorate([
+    initial(0.32),
+    signal()
+], CodeBlock.prototype, "unselectedOpacity", void 0);
+__decorate([
+    computed()
+], CodeBlock.prototype, "lineCount", null);
+__decorate([
+    computed()
+], CodeBlock.prototype, "parsed", null);
+__decorate([
+    computed()
+], CodeBlock.prototype, "characterSize", null);
+__decorate([
+    threadable()
+], CodeBlock.prototype, "tweenCode", null);
+CodeBlock = CodeBlock_1 = __decorate([
+    nodeName('CodeBlock')
+], CodeBlock);
+export { CodeBlock };
+function isCodeModification(value) {
+    return (value &&
+        typeof value === 'object' &&
+        value.from !== undefined &&
+        value.to !== undefined);
+}
+/**
+ * Create a code modification that inserts a piece of code.
+ *
+ * @remarks
+ * Should be used in conjunction with {@link CodeBlock.edit}.
+ *
+ * @param content - The code to insert.
+ */
+export function insert(content) {
+    return {
+        from: '',
+        to: content,
+    };
+}
+/**
+ * Create a code modification that removes a piece of code.
+ *
+ * @remarks
+ * Should be used in conjunction with {@link CodeBlock.edit}.
+ *
+ * @param content - The code to remove.
+ */
+export function remove(content) {
+    return {
+        from: content,
+        to: '',
+    };
+}
+/**
+ * Create a code modification that changes one piece of code into another.
+ *
+ * @remarks
+ * Should be used in conjunction with {@link CodeBlock.edit}.
+ *
+ * @param from - The code to change from.
+ * @param to - The code to change to.
+ */
+export function edit(from, to) {
+    return { from, to };
+}
+/**
+ * Create a selection range that highlights the given lines.
+ *
+ * @param from - The line from which the selection starts.
+ * @param to - The line at which the selection ends. If omitted, the selection
+ *             will cover only one line.
+ */
+export function lines(from, to) {
+    return [
+        [
+            [from, 0],
+            [to ?? from, Infinity],
+        ],
+    ];
+}
+/**
+ * Create a selection range that highlights the given word.
+ *
+ * @param line - The line at which the word appears.
+ * @param from - The column at which the word starts.
+ * @param length - The length of the word. If omitted, the selection will cover
+ *                 the rest of the line.
+ */
+export function word(line, from, length) {
+    return [
+        [
+            [line, from],
+            [line, from + (length ?? Infinity)],
+        ],
+    ];
+}
+/**
+ * Create a custom selection range.
+ *
+ * @param startLine - The line at which the selection starts.
+ * @param startColumn - The column at which the selection starts.
+ * @param endLine - The line at which the selection ends.
+ * @param endColumn - The column at which the selection ends.
+ */
+export function range(startLine, startColumn, endLine, endColumn) {
+    return [
+        [
+            [startLine, startColumn],
+            [endLine, endColumn],
+        ],
+    ];
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29kZUJsb2NrLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL0NvZGVCbG9jay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBUUEsT0FBTyxFQUNMLE9BQU8sRUFDUCxVQUFVLEVBQ1YsbUJBQW1CLEVBQ25CLFlBQVksRUFDWixhQUFhLEVBQ2IsSUFBSSxFQUNKLEdBQUcsRUFDSCxVQUFVLEVBQ1YsS0FBSyxFQUNMLFNBQVMsRUFDVCxPQUFPLEdBQ1IsTUFBTSxhQUFhLENBQUM7QUFFckIsT0FBTyxFQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBQzVDLE9BQU8sRUFBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRzFFLE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxTQUFTLENBQUM7QUFrQjlCOztHQUVHO0FBRUksSUFBTSxTQUFTLGlCQUFmLE1BQU0sU0FBVSxTQUFRLEtBQUs7SUErQnhCLENBQUMsY0FBYyxDQUN2QixLQUFrQixFQUNsQixRQUFnQixFQUNoQixjQUE4QjtRQUU5QixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUNyQyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUMzRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQWFTLHdCQUF3QixDQUFDLE1BQWU7UUFDaEQsSUFB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

package/lib/components/CubicBezier.d.ts

@@ -0,0 +1,70 @@
+import type { PossibleVector2, SignalValue, Vector2Signal } from '@twick/core';
+import type { PolynomialSegment } from '../curves/PolynomialSegment';
+import type { BezierOverlayInfo } from './Bezier';
+import { Bezier } from './Bezier';
+import type { CurveProps } from './Curve';
+export interface CubicBezierProps extends CurveProps {
+    p0?: SignalValue<PossibleVector2>;
+    p0X?: SignalValue<number>;
+    p0Y?: SignalValue<number>;
+    p1?: SignalValue<PossibleVector2>;
+    p1X?: SignalValue<number>;
+    p1Y?: SignalValue<number>;
+    p2?: SignalValue<PossibleVector2>;
+    p2X?: SignalValue<number>;
+    p2Y?: SignalValue<number>;
+    p3?: SignalValue<PossibleVector2>;
+    p3X?: SignalValue<number>;
+    p3Y?: SignalValue<number>;
+}
+/**
+ * A node for drawing a cubic Bézier curve.
+ *
+ * @preview
+ * ```tsx editor
+ * import {makeScene2D, CubicBezier} from '@twick/2d';
+ * import {createRef} from '@twick/core';
+ *
+ * export default makeScene2D(function* (view) {
+ *   const bezier = createRef<CubicBezier>();
+ *
+ *   view.add(
+ *     <CubicBezier
+ *       ref={bezier}
+ *       lineWidth={4}
+ *       stroke={'lightseagreen'}
+ *       p0={[-200, -100]}
+ *       p1={[100, -100]}
+ *       p2={[-100, 100]}
+ *       p3={[200, 100]}
+ *       end={0}
+ *     />
+ *   );
+ *
+ *   yield* bezier().end(1, 1);
+ *   yield* bezier().start(1, 1).to(0, 1);
+ * });
+ * ```
+ */
+export declare class CubicBezier extends Bezier {
+    /**
+     * The start point of the Bézier curve.
+     */
+    readonly p0: Vector2Signal<this>;
+    /**
+     * The first control point of the Bézier curve.
+     */
+    readonly p1: Vector2Signal<this>;
+    /**
+     * The second control point of the Bézier curve.
+     */
+    readonly p2: Vector2Signal<this>;
+    /**
+     * The end point of the Bézier curve.
+     */
+    readonly p3: Vector2Signal<this>;
+    constructor(props: CubicBezierProps);
+    protected segment(): PolynomialSegment;
+    protected overlayInfo(matrix: DOMMatrix): BezierOverlayInfo;
+}
+//# sourceMappingURL=CubicBezier.d.ts.map

package/lib/components/CubicBezier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CubicBezier.d.ts","sourceRoot":"","sources":["../../src/lib/components/CubicBezier.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAE,aAAa,EAAC,MAAM,aAAa,CAAC;AAE7E,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,6BAA6B,CAAC;AAGnE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAChD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,gBAAiB,SAAQ,UAAU;IAClD,EAAE,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAE1B,EAAE,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAE1B,EAAE,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAE1B,EAAE,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IAClC,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1B,GAAG,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,WAAY,SAAQ,MAAM;IACrC;;OAEG;IACH,SACwB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAEhD;;OAEG;IACH,SACwB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAEhD;;OAEG;IACH,SACwB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAEhD;;OAEG;IACH,SACwB,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;gBAE7B,KAAK,EAAE,gBAAgB;IAK1C,SAAS,CAAC,OAAO,IAAI,iBAAiB;IAItC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,SAAS,GAAG,iBAAiB;CAqB5D"}

package/lib/components/CubicBezier.js

@@ -0,0 +1,81 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { CubicBezierSegment } from '../curves';
+import { computed, vector2Signal } from '../decorators';
+import { bezierCurveTo, lineTo, moveTo } from '../utils';
+import { Bezier } from './Bezier';
+/**
+ * A node for drawing a cubic Bézier curve.
+ *
+ * @preview
+ * ```tsx editor
+ * import {makeScene2D, CubicBezier} from '@twick/2d';
+ * import {createRef} from '@twick/core';
+ *
+ * export default makeScene2D(function* (view) {
+ *   const bezier = createRef<CubicBezier>();
+ *
+ *   view.add(
+ *     <CubicBezier
+ *       ref={bezier}
+ *       lineWidth={4}
+ *       stroke={'lightseagreen'}
+ *       p0={[-200, -100]}
+ *       p1={[100, -100]}
+ *       p2={[-100, 100]}
+ *       p3={[200, 100]}
+ *       end={0}
+ *     />
+ *   );
+ *
+ *   yield* bezier().end(1, 1);
+ *   yield* bezier().start(1, 1).to(0, 1);
+ * });
+ * ```
+ */
+export class CubicBezier extends Bezier {
+    constructor(props) {
+        super(props);
+    }
+    segment() {
+        return new CubicBezierSegment(this.p0(), this.p1(), this.p2(), this.p3());
+    }
+    overlayInfo(matrix) {
+        const [p0, p1, p2, p3] = this.segment().transformPoints(matrix);
+        const curvePath = new Path2D();
+        moveTo(curvePath, p0);
+        bezierCurveTo(curvePath, p1, p2, p3);
+        const handleLinesPath = new Path2D();
+        moveTo(handleLinesPath, p0);
+        lineTo(handleLinesPath, p1);
+        moveTo(handleLinesPath, p2);
+        lineTo(handleLinesPath, p3);
+        return {
+            curve: curvePath,
+            startPoint: p0,
+            endPoint: p3,
+            controlPoints: [p1, p2],
+            handleLines: handleLinesPath,
+        };
+    }
+}
+__decorate([
+    vector2Signal('p0')
+], CubicBezier.prototype, "p0", void 0);
+__decorate([
+    vector2Signal('p1')
+], CubicBezier.prototype, "p1", void 0);
+__decorate([
+    vector2Signal('p2')
+], CubicBezier.prototype, "p2", void 0);
+__decorate([
+    vector2Signal('p3')
+], CubicBezier.prototype, "p3", void 0);
+__decorate([
+    computed()
+], CubicBezier.prototype, "segment", null);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ3ViaWNCZXppZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvQ3ViaWNCZXppZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sV0FBVyxDQUFDO0FBRTdDLE9BQU8sRUFBQyxRQUFRLEVBQUUsYUFBYSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3RELE9BQU8sRUFBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUV2RCxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBcUJoQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTRCRztBQUNILE1BQU0sT0FBTyxXQUFZLFNBQVEsTUFBTTtJQXlCckMsWUFBbUIsS0FBdUI7UUFDeEMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2YsQ0FBQztJQUdTLE9BQU87UUFDZixPQUFPLElBQUksa0JBQWtCLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUVTLFdBQVcsQ0FBQyxNQUFpQjtRQUNyQyxNQUFNLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUFDLEdBQUcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUVoRSxNQUFNLFNBQVMsR0FBRyxJQUFJLE1BQU0sRUFBRSxDQUFDO1FBQy9CLE1BQU0sQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDdEIsYUFBYSxDQUFDLFNBQVMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRXJDLE1BQU0sZUFBZSxHQUFHLElBQUksTUFBTSxFQUFFLENBQUM7UUFDckMsTUFBTSxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUM1QixNQUFNLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLE1BQU0sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUU1QixPQUFPO1lBQ0wsS0FBSyxFQUFFLFNBQVM7WUFDaEIsVUFBVSxFQUFFLEVBQUU7WUFDZCxRQUFRLEVBQUUsRUFBRTtZQUNaLGFBQWEsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7WUFDdkIsV0FBVyxFQUFFLGVBQWU7U0FDN0IsQ0FBQztJQUNKLENBQUM7Q0FDRjtBQWxEeUI7SUFEdkIsYUFBYSxDQUFDLElBQUksQ0FBQzt1Q0FDNEI7QUFNeEI7SUFEdkIsYUFBYSxDQUFDLElBQUksQ0FBQzt1Q0FDNEI7QUFNeEI7SUFEdkIsYUFBYSxDQUFDLElBQUksQ0FBQzt1Q0FDNEI7QUFNeEI7SUFEdkIsYUFBYSxDQUFDLElBQUksQ0FBQzt1Q0FDNEI7QUFPdEM7SUFEVCxRQUFRLEVBQUU7MENBR1YifQ==