@twick/2d 0.14.21 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +10806 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +4657 -0
- package/dist/index.d.ts +4657 -0
- package/dist/index.js +10768 -0
- package/dist/index.js.map +1 -0
- package/dist/jsx-runtime.d.mts +1 -0
- package/dist/jsx-runtime.d.ts +1 -0
- package/editor/index.css +24 -22
- package/editor/index.css.map +1 -0
- package/editor/index.d.ts +5 -0
- package/editor/index.js +472 -258
- package/editor/index.js.map +1 -1
- package/package.json +54 -27
- package/tsconfig.project.json +3 -2
- package/lib/code/CodeCursor.d.ts +0 -83
- package/lib/code/CodeCursor.d.ts.map +0 -1
- package/lib/code/CodeCursor.js +0 -306
- package/lib/code/CodeDiffer.d.ts +0 -28
- package/lib/code/CodeDiffer.d.ts.map +0 -1
- package/lib/code/CodeDiffer.js +0 -51
- package/lib/code/CodeFragment.d.ts +0 -42
- package/lib/code/CodeFragment.d.ts.map +0 -1
- package/lib/code/CodeFragment.js +0 -72
- package/lib/code/CodeHighlighter.d.ts +0 -71
- package/lib/code/CodeHighlighter.d.ts.map +0 -1
- package/lib/code/CodeHighlighter.js +0 -2
- package/lib/code/CodeMetrics.d.ts +0 -11
- package/lib/code/CodeMetrics.d.ts.map +0 -1
- package/lib/code/CodeMetrics.js +0 -29
- package/lib/code/CodeRange.d.ts +0 -41
- package/lib/code/CodeRange.d.ts.map +0 -1
- package/lib/code/CodeRange.js +0 -179
- package/lib/code/CodeScope.d.ts +0 -16
- package/lib/code/CodeScope.d.ts.map +0 -1
- package/lib/code/CodeScope.js +0 -72
- package/lib/code/CodeSelection.d.ts +0 -6
- package/lib/code/CodeSelection.d.ts.map +0 -1
- package/lib/code/CodeSelection.js +0 -13
- package/lib/code/CodeSignal.d.ts +0 -60
- package/lib/code/CodeSignal.d.ts.map +0 -1
- package/lib/code/CodeSignal.js +0 -194
- package/lib/code/CodeTokenizer.d.ts +0 -8
- package/lib/code/CodeTokenizer.d.ts.map +0 -1
- package/lib/code/CodeTokenizer.js +0 -50
- package/lib/code/DefaultHighlightStyle.d.ts +0 -3
- package/lib/code/DefaultHighlightStyle.d.ts.map +0 -1
- package/lib/code/DefaultHighlightStyle.js +0 -98
- package/lib/code/LezerHighlighter.d.ts +0 -22
- package/lib/code/LezerHighlighter.d.ts.map +0 -1
- package/lib/code/LezerHighlighter.js +0 -89
- package/lib/code/diff.d.ts +0 -31
- package/lib/code/diff.d.ts.map +0 -1
- package/lib/code/diff.js +0 -236
- package/lib/code/extractRange.d.ts +0 -17
- package/lib/code/extractRange.d.ts.map +0 -1
- package/lib/code/extractRange.js +0 -102
- package/lib/code/index.d.ts +0 -14
- package/lib/code/index.d.ts.map +0 -1
- package/lib/code/index.js +0 -14
- package/lib/components/Audio.d.ts +0 -14
- package/lib/components/Audio.d.ts.map +0 -1
- package/lib/components/Audio.js +0 -148
- package/lib/components/Bezier.d.ts +0 -23
- package/lib/components/Bezier.d.ts.map +0 -1
- package/lib/components/Bezier.js +0 -81
- package/lib/components/Circle.d.ts +0 -193
- package/lib/components/Circle.d.ts.map +0 -1
- package/lib/components/Circle.js +0 -178
- package/lib/components/Code.d.ts +0 -231
- package/lib/components/Code.d.ts.map +0 -1
- package/lib/components/Code.js +0 -325
- package/lib/components/CodeBlock.d.ts +0 -133
- package/lib/components/CodeBlock.d.ts.map +0 -1
- package/lib/components/CodeBlock.js +0 -461
- package/lib/components/CubicBezier.d.ts +0 -70
- package/lib/components/CubicBezier.d.ts.map +0 -1
- package/lib/components/CubicBezier.js +0 -81
- package/lib/components/Curve.d.ts +0 -204
- package/lib/components/Curve.d.ts.map +0 -1
- package/lib/components/Curve.js +0 -284
- package/lib/components/Grid.d.ts +0 -76
- package/lib/components/Grid.d.ts.map +0 -1
- package/lib/components/Grid.js +0 -91
- package/lib/components/Icon.d.ts +0 -59
- package/lib/components/Icon.d.ts.map +0 -1
- package/lib/components/Icon.js +0 -58
- package/lib/components/Img.d.ts +0 -118
- package/lib/components/Img.d.ts.map +0 -1
- package/lib/components/Img.js +0 -245
- package/lib/components/Knot.d.ts +0 -90
- package/lib/components/Knot.d.ts.map +0 -1
- package/lib/components/Knot.js +0 -68
- package/lib/components/Latex.d.ts +0 -39
- package/lib/components/Latex.d.ts.map +0 -1
- package/lib/components/Latex.js +0 -101
- package/lib/components/Layout.d.ts +0 -419
- package/lib/components/Layout.d.ts.map +0 -1
- package/lib/components/Layout.js +0 -706
- package/lib/components/Line.d.ts +0 -160
- package/lib/components/Line.d.ts.map +0 -1
- package/lib/components/Line.js +0 -346
- package/lib/components/Media.d.ts +0 -70
- package/lib/components/Media.d.ts.map +0 -1
- package/lib/components/Media.js +0 -493
- package/lib/components/Node.d.ts +0 -836
- package/lib/components/Node.d.ts.map +0 -1
- package/lib/components/Node.js +0 -1317
- package/lib/components/Path.d.ts +0 -20
- package/lib/components/Path.d.ts.map +0 -1
- package/lib/components/Path.js +0 -97
- package/lib/components/Polygon.d.ts +0 -113
- package/lib/components/Polygon.d.ts.map +0 -1
- package/lib/components/Polygon.js +0 -123
- package/lib/components/QuadBezier.d.ts +0 -62
- package/lib/components/QuadBezier.d.ts.map +0 -1
- package/lib/components/QuadBezier.js +0 -76
- package/lib/components/Ray.d.ts +0 -62
- package/lib/components/Ray.d.ts.map +0 -1
- package/lib/components/Ray.js +0 -96
- package/lib/components/Rect.d.ts +0 -114
- package/lib/components/Rect.d.ts.map +0 -1
- package/lib/components/Rect.js +0 -76
- package/lib/components/Rive.d.ts +0 -22
- package/lib/components/Rive.d.ts.map +0 -1
- package/lib/components/Rive.js +0 -117
- package/lib/components/SVG.d.ts +0 -178
- package/lib/components/SVG.d.ts.map +0 -1
- package/lib/components/SVG.js +0 -577
- package/lib/components/Shape.d.ts +0 -40
- package/lib/components/Shape.d.ts.map +0 -1
- package/lib/components/Shape.js +0 -134
- package/lib/components/Spline.d.ts +0 -89
- package/lib/components/Spline.d.ts.map +0 -1
- package/lib/components/Spline.js +0 -256
- package/lib/components/Txt.d.ts +0 -53
- package/lib/components/Txt.d.ts.map +0 -1
- package/lib/components/Txt.js +0 -173
- package/lib/components/TxtLeaf.d.ts +0 -21
- package/lib/components/TxtLeaf.d.ts.map +0 -1
- package/lib/components/TxtLeaf.js +0 -181
- package/lib/components/Video.d.ts +0 -69
- package/lib/components/Video.d.ts.map +0 -1
- package/lib/components/Video.js +0 -342
- package/lib/components/View2D.d.ts +0 -28
- package/lib/components/View2D.d.ts.map +0 -1
- package/lib/components/View2D.js +0 -93
- package/lib/components/index.d.ts +0 -29
- package/lib/components/index.d.ts.map +0 -1
- package/lib/components/index.js +0 -29
- package/lib/components/types.d.ts +0 -17
- package/lib/components/types.d.ts.map +0 -1
- package/lib/components/types.js +0 -2
- package/lib/curves/ArcSegment.d.ts +0 -26
- package/lib/curves/ArcSegment.d.ts.map +0 -1
- package/lib/curves/ArcSegment.js +0 -97
- package/lib/curves/CircleSegment.d.ts +0 -18
- package/lib/curves/CircleSegment.d.ts.map +0 -1
- package/lib/curves/CircleSegment.js +0 -52
- package/lib/curves/CubicBezierSegment.d.ts +0 -18
- package/lib/curves/CubicBezierSegment.d.ts.map +0 -1
- package/lib/curves/CubicBezierSegment.js +0 -55
- package/lib/curves/CurveDrawingInfo.d.ts +0 -11
- package/lib/curves/CurveDrawingInfo.d.ts.map +0 -1
- package/lib/curves/CurveDrawingInfo.js +0 -2
- package/lib/curves/CurvePoint.d.ts +0 -15
- package/lib/curves/CurvePoint.d.ts.map +0 -1
- package/lib/curves/CurvePoint.js +0 -2
- package/lib/curves/CurveProfile.d.ts +0 -7
- package/lib/curves/CurveProfile.d.ts.map +0 -1
- package/lib/curves/CurveProfile.js +0 -2
- package/lib/curves/KnotInfo.d.ts +0 -12
- package/lib/curves/KnotInfo.d.ts.map +0 -1
- package/lib/curves/KnotInfo.js +0 -2
- package/lib/curves/LineSegment.d.ts +0 -16
- package/lib/curves/LineSegment.d.ts.map +0 -1
- package/lib/curves/LineSegment.js +0 -45
- package/lib/curves/Polynomial.d.ts +0 -118
- package/lib/curves/Polynomial.d.ts.map +0 -1
- package/lib/curves/Polynomial.js +0 -259
- package/lib/curves/Polynomial2D.d.ts +0 -22
- package/lib/curves/Polynomial2D.d.ts.map +0 -1
- package/lib/curves/Polynomial2D.js +0 -45
- package/lib/curves/PolynomialSegment.d.ts +0 -39
- package/lib/curves/PolynomialSegment.d.ts.map +0 -1
- package/lib/curves/PolynomialSegment.js +0 -86
- package/lib/curves/QuadBezierSegment.d.ts +0 -17
- package/lib/curves/QuadBezierSegment.d.ts.map +0 -1
- package/lib/curves/QuadBezierSegment.js +0 -49
- package/lib/curves/Segment.d.ts +0 -9
- package/lib/curves/Segment.d.ts.map +0 -1
- package/lib/curves/Segment.js +0 -3
- package/lib/curves/UniformPolynomialCurveSampler.d.ts +0 -43
- package/lib/curves/UniformPolynomialCurveSampler.d.ts.map +0 -1
- package/lib/curves/UniformPolynomialCurveSampler.js +0 -73
- package/lib/curves/createCurveProfileLerp.d.ts +0 -32
- package/lib/curves/createCurveProfileLerp.d.ts.map +0 -1
- package/lib/curves/createCurveProfileLerp.js +0 -351
- package/lib/curves/getBezierSplineProfile.d.ts +0 -12
- package/lib/curves/getBezierSplineProfile.d.ts.map +0 -1
- package/lib/curves/getBezierSplineProfile.js +0 -137
- package/lib/curves/getCircleProfile.d.ts +0 -4
- package/lib/curves/getCircleProfile.d.ts.map +0 -1
- package/lib/curves/getCircleProfile.js +0 -44
- package/lib/curves/getPathProfile.d.ts +0 -3
- package/lib/curves/getPathProfile.d.ts.map +0 -1
- package/lib/curves/getPathProfile.js +0 -128
- package/lib/curves/getPointAtDistance.d.ts +0 -4
- package/lib/curves/getPointAtDistance.d.ts.map +0 -1
- package/lib/curves/getPointAtDistance.js +0 -15
- package/lib/curves/getPolylineProfile.d.ts +0 -4
- package/lib/curves/getPolylineProfile.d.ts.map +0 -1
- package/lib/curves/getPolylineProfile.js +0 -58
- package/lib/curves/getRectProfile.d.ts +0 -4
- package/lib/curves/getRectProfile.d.ts.map +0 -1
- package/lib/curves/getRectProfile.js +0 -57
- package/lib/curves/index.d.ts +0 -17
- package/lib/curves/index.d.ts.map +0 -1
- package/lib/curves/index.js +0 -17
- package/lib/decorators/canvasStyleSignal.d.ts +0 -5
- package/lib/decorators/canvasStyleSignal.d.ts.map +0 -1
- package/lib/decorators/canvasStyleSignal.js +0 -12
- package/lib/decorators/colorSignal.d.ts +0 -2
- package/lib/decorators/colorSignal.d.ts.map +0 -1
- package/lib/decorators/colorSignal.js +0 -9
- package/lib/decorators/compound.d.ts +0 -26
- package/lib/decorators/compound.d.ts.map +0 -1
- package/lib/decorators/compound.js +0 -49
- package/lib/decorators/computed.d.ts +0 -9
- package/lib/decorators/computed.d.ts.map +0 -1
- package/lib/decorators/computed.js +0 -18
- package/lib/decorators/defaultStyle.d.ts +0 -2
- package/lib/decorators/defaultStyle.d.ts.map +0 -1
- package/lib/decorators/defaultStyle.js +0 -14
- package/lib/decorators/filtersSignal.d.ts +0 -13
- package/lib/decorators/filtersSignal.d.ts.map +0 -1
- package/lib/decorators/filtersSignal.js +0 -73
- package/lib/decorators/index.d.ts +0 -11
- package/lib/decorators/index.d.ts.map +0 -1
- package/lib/decorators/index.js +0 -11
- package/lib/decorators/initializers.d.ts +0 -4
- package/lib/decorators/initializers.d.ts.map +0 -1
- package/lib/decorators/initializers.js +0 -27
- package/lib/decorators/nodeName.d.ts +0 -9
- package/lib/decorators/nodeName.d.ts.map +0 -1
- package/lib/decorators/nodeName.js +0 -13
- package/lib/decorators/signal.d.ts +0 -183
- package/lib/decorators/signal.d.ts.map +0 -1
- package/lib/decorators/signal.js +0 -285
- package/lib/decorators/spacingSignal.d.ts +0 -2
- package/lib/decorators/spacingSignal.d.ts.map +0 -1
- package/lib/decorators/spacingSignal.js +0 -15
- package/lib/decorators/vector2Signal.d.ts +0 -9
- package/lib/decorators/vector2Signal.d.ts.map +0 -1
- package/lib/decorators/vector2Signal.js +0 -15
- package/lib/index.d.ts +0 -9
- package/lib/index.d.ts.map +0 -1
- package/lib/index.js +0 -9
- package/lib/jsx-dev-runtime.d.ts +0 -3
- package/lib/jsx-dev-runtime.d.ts.map +0 -1
- package/lib/jsx-dev-runtime.js +0 -3
- package/lib/jsx-runtime.d.ts +0 -12
- package/lib/jsx-runtime.d.ts.map +0 -1
- package/lib/jsx-runtime.js +0 -23
- package/lib/partials/Filter.d.ts +0 -82
- package/lib/partials/Filter.d.ts.map +0 -1
- package/lib/partials/Filter.js +0 -135
- package/lib/partials/Gradient.d.ts +0 -31
- package/lib/partials/Gradient.d.ts.map +0 -1
- package/lib/partials/Gradient.js +0 -63
- package/lib/partials/Pattern.d.ts +0 -13
- package/lib/partials/Pattern.d.ts.map +0 -1
- package/lib/partials/Pattern.js +0 -27
- package/lib/partials/ShaderConfig.d.ts +0 -81
- package/lib/partials/ShaderConfig.d.ts.map +0 -1
- package/lib/partials/ShaderConfig.js +0 -25
- package/lib/partials/index.d.ts +0 -5
- package/lib/partials/index.d.ts.map +0 -1
- package/lib/partials/index.js +0 -5
- package/lib/partials/types.d.ts +0 -35
- package/lib/partials/types.d.ts.map +0 -1
- package/lib/partials/types.js +0 -2
- package/lib/scenes/Scene2D.d.ts +0 -29
- package/lib/scenes/Scene2D.d.ts.map +0 -1
- package/lib/scenes/Scene2D.js +0 -180
- package/lib/scenes/index.d.ts +0 -4
- package/lib/scenes/index.d.ts.map +0 -1
- package/lib/scenes/index.js +0 -4
- package/lib/scenes/makeScene2D.d.ts +0 -5
- package/lib/scenes/makeScene2D.d.ts.map +0 -1
- package/lib/scenes/makeScene2D.js +0 -11
- package/lib/scenes/useScene2D.d.ts +0 -3
- package/lib/scenes/useScene2D.d.ts.map +0 -1
- package/lib/scenes/useScene2D.js +0 -5
- package/lib/tsconfig.build.tsbuildinfo +0 -1
- package/lib/utils/CanvasUtils.d.ts +0 -23
- package/lib/utils/CanvasUtils.d.ts.map +0 -1
- package/lib/utils/CanvasUtils.js +0 -138
- package/lib/utils/diff.d.ts +0 -31
- package/lib/utils/diff.d.ts.map +0 -1
- package/lib/utils/diff.js +0 -97
- package/lib/utils/index.d.ts +0 -3
- package/lib/utils/index.d.ts.map +0 -1
- package/lib/utils/index.js +0 -3
- package/lib/utils/is.d.ts +0 -8
- package/lib/utils/is.d.ts.map +0 -1
- package/lib/utils/is.js +0 -10
- package/lib/utils/makeSignalExtensions.d.ts +0 -4
- package/lib/utils/makeSignalExtensions.d.ts.map +0 -1
- package/lib/utils/makeSignalExtensions.js +0 -20
- package/lib/utils/video/ffmpeg-client.d.ts +0 -5
- package/lib/utils/video/ffmpeg-client.d.ts.map +0 -1
- package/lib/utils/video/ffmpeg-client.js +0 -32
- package/lib/utils/video/mp4-parser-manager.d.ts +0 -3
- package/lib/utils/video/mp4-parser-manager.d.ts.map +0 -1
- package/lib/utils/video/mp4-parser-manager.js +0 -55
- package/lib/utils/video/parser/index.d.ts +0 -2
- package/lib/utils/video/parser/index.d.ts.map +0 -1
- package/lib/utils/video/parser/index.js +0 -2
- package/lib/utils/video/parser/parser.d.ts +0 -21
- package/lib/utils/video/parser/parser.d.ts.map +0 -1
- package/lib/utils/video/parser/parser.js +0 -168
- package/lib/utils/video/parser/sampler.d.ts +0 -16
- package/lib/utils/video/parser/sampler.d.ts.map +0 -1
- package/lib/utils/video/parser/sampler.js +0 -56
- package/lib/utils/video/parser/segment.d.ts +0 -48
- package/lib/utils/video/parser/segment.d.ts.map +0 -1
- package/lib/utils/video/parser/segment.js +0 -239
- package/lib/utils/video/parser/sink.d.ts +0 -9
- package/lib/utils/video/parser/sink.d.ts.map +0 -1
- package/lib/utils/video/parser/sink.js +0 -22
- package/lib/utils/video/parser/utils.d.ts +0 -10
- package/lib/utils/video/parser/utils.d.ts.map +0 -1
- package/lib/utils/video/parser/utils.js +0 -22
- package/src/editor/NodeInspectorConfig.tsx +0 -76
- package/src/editor/PreviewOverlayConfig.tsx +0 -67
- package/src/editor/Provider.tsx +0 -93
- package/src/editor/SceneGraphTabConfig.tsx +0 -81
- package/src/editor/icons/CircleIcon.tsx +0 -7
- package/src/editor/icons/CodeBlockIcon.tsx +0 -8
- package/src/editor/icons/CurveIcon.tsx +0 -7
- package/src/editor/icons/GridIcon.tsx +0 -7
- package/src/editor/icons/IconMap.ts +0 -35
- package/src/editor/icons/ImgIcon.tsx +0 -8
- package/src/editor/icons/LayoutIcon.tsx +0 -9
- package/src/editor/icons/LineIcon.tsx +0 -7
- package/src/editor/icons/NodeIcon.tsx +0 -7
- package/src/editor/icons/RayIcon.tsx +0 -7
- package/src/editor/icons/RectIcon.tsx +0 -7
- package/src/editor/icons/ShapeIcon.tsx +0 -7
- package/src/editor/icons/TxtIcon.tsx +0 -8
- package/src/editor/icons/VideoIcon.tsx +0 -7
- package/src/editor/icons/View2DIcon.tsx +0 -10
- package/src/editor/index.css +0 -0
- package/src/editor/index.ts +0 -17
- package/src/editor/tree/DetachedRoot.tsx +0 -23
- package/src/editor/tree/NodeElement.tsx +0 -74
- package/src/editor/tree/TreeElement.tsx +0 -72
- package/src/editor/tree/TreeRoot.tsx +0 -10
- package/src/editor/tree/ViewRoot.tsx +0 -20
- package/src/editor/tree/index.module.scss +0 -38
- package/src/editor/tree/index.ts +0 -3
- package/src/editor/tsconfig.build.json +0 -5
- package/src/editor/tsconfig.json +0 -12
- package/src/editor/tsdoc.json +0 -4
- package/src/editor/vite-env.d.ts +0 -1
- package/src/lib/code/CodeCursor.ts +0 -445
- package/src/lib/code/CodeDiffer.ts +0 -78
- package/src/lib/code/CodeFragment.ts +0 -97
- package/src/lib/code/CodeHighlighter.ts +0 -75
- package/src/lib/code/CodeMetrics.ts +0 -47
- package/src/lib/code/CodeRange.test.ts +0 -74
- package/src/lib/code/CodeRange.ts +0 -216
- package/src/lib/code/CodeScope.ts +0 -101
- package/src/lib/code/CodeSelection.ts +0 -24
- package/src/lib/code/CodeSignal.ts +0 -327
- package/src/lib/code/CodeTokenizer.ts +0 -54
- package/src/lib/code/DefaultHighlightStyle.ts +0 -98
- package/src/lib/code/LezerHighlighter.ts +0 -113
- package/src/lib/code/diff.test.ts +0 -311
- package/src/lib/code/diff.ts +0 -319
- package/src/lib/code/extractRange.ts +0 -126
- package/src/lib/code/index.ts +0 -13
- package/src/lib/components/Audio.ts +0 -168
- package/src/lib/components/Bezier.ts +0 -105
- package/src/lib/components/Circle.ts +0 -266
- package/src/lib/components/Code.ts +0 -526
- package/src/lib/components/CodeBlock.ts +0 -576
- package/src/lib/components/CubicBezier.ts +0 -112
- package/src/lib/components/Curve.ts +0 -455
- package/src/lib/components/Grid.ts +0 -135
- package/src/lib/components/Icon.ts +0 -96
- package/src/lib/components/Img.ts +0 -319
- package/src/lib/components/Knot.ts +0 -157
- package/src/lib/components/Latex.ts +0 -122
- package/src/lib/components/Layout.ts +0 -1092
- package/src/lib/components/Line.ts +0 -429
- package/src/lib/components/Media.ts +0 -576
- package/src/lib/components/Node.ts +0 -1940
- package/src/lib/components/Path.ts +0 -137
- package/src/lib/components/Polygon.ts +0 -171
- package/src/lib/components/QuadBezier.ts +0 -100
- package/src/lib/components/Ray.ts +0 -125
- package/src/lib/components/Rect.ts +0 -187
- package/src/lib/components/Rive.ts +0 -156
- package/src/lib/components/SVG.ts +0 -797
- package/src/lib/components/Shape.ts +0 -143
- package/src/lib/components/Spline.ts +0 -344
- package/src/lib/components/Txt.test.tsx +0 -81
- package/src/lib/components/Txt.ts +0 -203
- package/src/lib/components/TxtLeaf.ts +0 -205
- package/src/lib/components/Video.ts +0 -461
- package/src/lib/components/View2D.ts +0 -98
- package/src/lib/components/__tests__/children.test.tsx +0 -142
- package/src/lib/components/__tests__/clone.test.tsx +0 -126
- package/src/lib/components/__tests__/generatorTest.ts +0 -28
- package/src/lib/components/__tests__/mockScene2D.ts +0 -45
- package/src/lib/components/__tests__/query.test.tsx +0 -122
- package/src/lib/components/__tests__/state.test.tsx +0 -60
- package/src/lib/components/index.ts +0 -28
- package/src/lib/components/types.ts +0 -35
- package/src/lib/curves/ArcSegment.ts +0 -159
- package/src/lib/curves/CircleSegment.ts +0 -77
- package/src/lib/curves/CubicBezierSegment.ts +0 -78
- package/src/lib/curves/CurveDrawingInfo.ts +0 -11
- package/src/lib/curves/CurvePoint.ts +0 -15
- package/src/lib/curves/CurveProfile.ts +0 -7
- package/src/lib/curves/KnotInfo.ts +0 -10
- package/src/lib/curves/LineSegment.ts +0 -62
- package/src/lib/curves/Polynomial.ts +0 -355
- package/src/lib/curves/Polynomial2D.ts +0 -62
- package/src/lib/curves/PolynomialSegment.ts +0 -124
- package/src/lib/curves/QuadBezierSegment.ts +0 -64
- package/src/lib/curves/Segment.ts +0 -17
- package/src/lib/curves/UniformPolynomialCurveSampler.ts +0 -94
- package/src/lib/curves/createCurveProfileLerp.ts +0 -471
- package/src/lib/curves/getBezierSplineProfile.ts +0 -223
- package/src/lib/curves/getCircleProfile.ts +0 -86
- package/src/lib/curves/getPathProfile.ts +0 -178
- package/src/lib/curves/getPointAtDistance.ts +0 -21
- package/src/lib/curves/getPolylineProfile.test.ts +0 -21
- package/src/lib/curves/getPolylineProfile.ts +0 -89
- package/src/lib/curves/getRectProfile.ts +0 -139
- package/src/lib/curves/index.ts +0 -16
- package/src/lib/decorators/canvasStyleSignal.ts +0 -16
- package/src/lib/decorators/colorSignal.ts +0 -9
- package/src/lib/decorators/compound.ts +0 -72
- package/src/lib/decorators/computed.ts +0 -18
- package/src/lib/decorators/defaultStyle.ts +0 -18
- package/src/lib/decorators/filtersSignal.ts +0 -136
- package/src/lib/decorators/index.ts +0 -10
- package/src/lib/decorators/initializers.ts +0 -32
- package/src/lib/decorators/nodeName.ts +0 -13
- package/src/lib/decorators/signal.test.ts +0 -90
- package/src/lib/decorators/signal.ts +0 -345
- package/src/lib/decorators/spacingSignal.ts +0 -15
- package/src/lib/decorators/vector2Signal.ts +0 -30
- package/src/lib/globals.d.ts +0 -2
- package/src/lib/index.ts +0 -8
- package/src/lib/jsx-dev-runtime.ts +0 -2
- package/src/lib/jsx-runtime.ts +0 -46
- package/src/lib/parse-svg-path.d.ts +0 -14
- package/src/lib/partials/Filter.ts +0 -180
- package/src/lib/partials/Gradient.ts +0 -102
- package/src/lib/partials/Pattern.ts +0 -34
- package/src/lib/partials/ShaderConfig.ts +0 -117
- package/src/lib/partials/index.ts +0 -4
- package/src/lib/partials/types.ts +0 -58
- package/src/lib/scenes/Scene2D.ts +0 -242
- package/src/lib/scenes/index.ts +0 -3
- package/src/lib/scenes/makeScene2D.ts +0 -16
- package/src/lib/scenes/useScene2D.ts +0 -6
- package/src/lib/tsconfig.build.json +0 -5
- package/src/lib/tsconfig.json +0 -10
- package/src/lib/tsdoc.json +0 -4
- package/src/lib/utils/CanvasUtils.ts +0 -306
- package/src/lib/utils/diff.test.ts +0 -453
- package/src/lib/utils/diff.ts +0 -148
- package/src/lib/utils/index.ts +0 -2
- package/src/lib/utils/is.ts +0 -11
- package/src/lib/utils/makeSignalExtensions.ts +0 -30
- package/src/lib/utils/video/declarations.d.ts +0 -1
- package/src/lib/utils/video/ffmpeg-client.ts +0 -50
- package/src/lib/utils/video/mp4-parser-manager.ts +0 -72
- package/src/lib/utils/video/parser/index.ts +0 -1
- package/src/lib/utils/video/parser/parser.ts +0 -257
- package/src/lib/utils/video/parser/sampler.ts +0 -72
- package/src/lib/utils/video/parser/segment.ts +0 -302
- package/src/lib/utils/video/parser/sink.ts +0 -29
- package/src/lib/utils/video/parser/utils.ts +0 -31
- package/src/tsconfig.base.json +0 -19
- package/src/tsconfig.build.json +0 -8
- package/src/tsconfig.json +0 -5
package/lib/components/Line.d.ts
DELETED
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
import type { PossibleVector2, SignalValue, SimpleSignal, ThreadGenerator, TimingFunction } from '@twick/core';
|
|
2
|
-
import { BBox, Vector2 } from '@twick/core';
|
|
3
|
-
import type { CurveProfile } from '../curves';
|
|
4
|
-
import type { CurveProps } from './Curve';
|
|
5
|
-
import { Curve } from './Curve';
|
|
6
|
-
export interface LineProps extends CurveProps {
|
|
7
|
-
/**
|
|
8
|
-
* {@inheritDoc Line.radius}
|
|
9
|
-
*/
|
|
10
|
-
radius?: SignalValue<number>;
|
|
11
|
-
/**
|
|
12
|
-
* {@inheritDoc Line.points}
|
|
13
|
-
*/
|
|
14
|
-
points?: SignalValue<SignalValue<PossibleVector2>[]>;
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* A node for drawing lines and polygons.
|
|
18
|
-
*
|
|
19
|
-
* @remarks
|
|
20
|
-
* This node can be used to render any polygonal shape defined by a set of
|
|
21
|
-
* points.
|
|
22
|
-
*
|
|
23
|
-
* @preview
|
|
24
|
-
* ```tsx editor
|
|
25
|
-
* // snippet Simple line
|
|
26
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
27
|
-
*
|
|
28
|
-
* export default makeScene2D(function* (view) {
|
|
29
|
-
* view.add(
|
|
30
|
-
* <Line
|
|
31
|
-
* points={[
|
|
32
|
-
* [150, 50],
|
|
33
|
-
* [0, -50],
|
|
34
|
-
* [-150, 50],
|
|
35
|
-
* ]}
|
|
36
|
-
* stroke={'lightseagreen'}
|
|
37
|
-
* lineWidth={8}
|
|
38
|
-
* radius={40}
|
|
39
|
-
* startArrow
|
|
40
|
-
* />,
|
|
41
|
-
* );
|
|
42
|
-
* });
|
|
43
|
-
*
|
|
44
|
-
* // snippet Polygon
|
|
45
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
46
|
-
*
|
|
47
|
-
* export default makeScene2D(function* (view) {
|
|
48
|
-
* view.add(
|
|
49
|
-
* <Line
|
|
50
|
-
* points={[
|
|
51
|
-
* [-200, 70],
|
|
52
|
-
* [150, 70],
|
|
53
|
-
* [100, -70],
|
|
54
|
-
* [-100, -70],
|
|
55
|
-
* ]}
|
|
56
|
-
* fill={'lightseagreen'}
|
|
57
|
-
* closed
|
|
58
|
-
* />,
|
|
59
|
-
* );
|
|
60
|
-
* });
|
|
61
|
-
*
|
|
62
|
-
* // snippet Using signals
|
|
63
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
64
|
-
* import {createSignal} from '@twick/core';
|
|
65
|
-
*
|
|
66
|
-
* export default makeScene2D(function* (view) {
|
|
67
|
-
* const tip = createSignal(-150);
|
|
68
|
-
* view.add(
|
|
69
|
-
* <Line
|
|
70
|
-
* points={[
|
|
71
|
-
* [-150, 70],
|
|
72
|
-
* [150, 70],
|
|
73
|
-
* // this point is dynamically calculated based on the signal:
|
|
74
|
-
* () => [tip(), -70],
|
|
75
|
-
* ]}
|
|
76
|
-
* stroke={'lightseagreen'}
|
|
77
|
-
* lineWidth={8}
|
|
78
|
-
* closed
|
|
79
|
-
* />,
|
|
80
|
-
* );
|
|
81
|
-
*
|
|
82
|
-
* yield* tip(150, 1).back(1);
|
|
83
|
-
* });
|
|
84
|
-
*
|
|
85
|
-
* // snippet Tweening points
|
|
86
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
87
|
-
* import {createRef} from '@twick/core';
|
|
88
|
-
*
|
|
89
|
-
* export default makeScene2D(function* (view) {
|
|
90
|
-
* const line = createRef<Line>();
|
|
91
|
-
* view.add(
|
|
92
|
-
* <Line
|
|
93
|
-
* ref={line}
|
|
94
|
-
* points={[
|
|
95
|
-
* [-150, 70],
|
|
96
|
-
* [150, 70],
|
|
97
|
-
* [0, -70],
|
|
98
|
-
* ]}
|
|
99
|
-
* stroke={'lightseagreen'}
|
|
100
|
-
* lineWidth={8}
|
|
101
|
-
* radius={20}
|
|
102
|
-
* closed
|
|
103
|
-
* />,
|
|
104
|
-
* );
|
|
105
|
-
*
|
|
106
|
-
* yield* line()
|
|
107
|
-
* .points(
|
|
108
|
-
* [
|
|
109
|
-
* [-150, 0],
|
|
110
|
-
* [0, 100],
|
|
111
|
-
* [150, 0],
|
|
112
|
-
* [150, -70],
|
|
113
|
-
* [-150, -70],
|
|
114
|
-
* ],
|
|
115
|
-
* 2,
|
|
116
|
-
* )
|
|
117
|
-
* .back(2);
|
|
118
|
-
* });
|
|
119
|
-
* ```
|
|
120
|
-
*/
|
|
121
|
-
export declare class Line extends Curve {
|
|
122
|
-
/**
|
|
123
|
-
* Rotate the points to minimize the overall distance traveled when tweening.
|
|
124
|
-
*
|
|
125
|
-
* @param points - The points to rotate.
|
|
126
|
-
* @param reference - The reference points to which the distance is measured.
|
|
127
|
-
* @param closed - Whether the points form a closed polygon.
|
|
128
|
-
*/
|
|
129
|
-
private static rotatePoints;
|
|
130
|
-
/**
|
|
131
|
-
* Distribute additional points along the polyline.
|
|
132
|
-
*
|
|
133
|
-
* @param points - The points of a polyline along which new points should be
|
|
134
|
-
* distributed.
|
|
135
|
-
* @param count - The number of points to add.
|
|
136
|
-
*/
|
|
137
|
-
private static distributePoints;
|
|
138
|
-
/**
|
|
139
|
-
* The radius of the line's corners.
|
|
140
|
-
*/
|
|
141
|
-
readonly radius: SimpleSignal<number, this>;
|
|
142
|
-
/**
|
|
143
|
-
* The points of the line.
|
|
144
|
-
*
|
|
145
|
-
* @remarks
|
|
146
|
-
* When set to `null`, the Line will use the positions of its children as
|
|
147
|
-
* points.
|
|
148
|
-
*/
|
|
149
|
-
readonly points: SimpleSignal<SignalValue<PossibleVector2>[] | null, this>;
|
|
150
|
-
protected tweenPoints(value: SignalValue<SignalValue<PossibleVector2>[] | null>, time: number, timingFunction: TimingFunction): ThreadGenerator;
|
|
151
|
-
private tweenedPoints;
|
|
152
|
-
constructor(props: LineProps);
|
|
153
|
-
protected childrenBBox(): BBox;
|
|
154
|
-
parsedPoints(): Vector2[];
|
|
155
|
-
profile(): CurveProfile;
|
|
156
|
-
protected lineWidthCoefficient(): number;
|
|
157
|
-
drawOverlay(context: CanvasRenderingContext2D, matrix: DOMMatrix): void;
|
|
158
|
-
private parsePoints;
|
|
159
|
-
}
|
|
160
|
-
//# sourceMappingURL=Line.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../src/lib/components/Line.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,YAAY,EACZ,eAAe,EACf,cAAc,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,IAAI,EAOJ,OAAO,EACR,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AAS5C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAoC9B,MAAM,WAAW,SAAU,SAAQ,UAAU;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;CACtD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwGG;AACH,qBACa,IAAK,SAAQ,KAAK;IAC7B;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,YAAY;IAkC3B;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,gBAAgB;IA2C/B;;OAEG;IACH,SAEwB,MAAM,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE3D;;;;;;OAMG;IACH,SAEwB,MAAM,EAAE,YAAY,CAC1C,WAAW,CAAC,eAAe,CAAC,EAAE,GAAG,IAAI,EACrC,IAAI,CACL,CAAC;IAGF,SAAS,CAAE,WAAW,CACpB,KAAK,EAAE,WAAW,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,GAAG,IAAI,CAAC,EACzD,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,cAAc,GAC7B,eAAe;IAuBlB,OAAO,CAAC,aAAa,CAAwC;gBAE1C,KAAK,EAAE,SAAS;IAanC,SAAS,CAAC,YAAY;IAef,YAAY,IAAI,OAAO,EAAE;IAKhB,OAAO,IAAI,YAAY;cAQpB,oBAAoB,IAAI,MAAM;IAgBjC,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,MAAM,EAAE,SAAS;IAyCnB,OAAO,CAAC,WAAW;CAKpB"}
|
package/lib/components/Line.js
DELETED
|
@@ -1,346 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
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;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
var Line_1;
|
|
8
|
-
import { BBox, createSignal, threadable, transformVectorAsPoint, tween, unwrap, useLogger, Vector2, } from '@twick/core';
|
|
9
|
-
import { getPolylineProfile } from '../curves';
|
|
10
|
-
import { calculateLerpDistance, polygonLength, polygonPointsLerp, } from '../curves/createCurveProfileLerp';
|
|
11
|
-
import { computed, initial, nodeName, signal } from '../decorators';
|
|
12
|
-
import { arc, drawLine, drawPivot, lineTo, moveTo } from '../utils';
|
|
13
|
-
import { Curve } from './Curve';
|
|
14
|
-
import { Layout } from './Layout';
|
|
15
|
-
const lineWithoutPoints = `
|
|
16
|
-
The line won't be visible unless you specify at least two points:
|
|
17
|
-
|
|
18
|
-
\`\`\`tsx
|
|
19
|
-
<Line
|
|
20
|
-
stroke="#fff"
|
|
21
|
-
lineWidth={8}
|
|
22
|
-
points={[
|
|
23
|
-
[100, 0],
|
|
24
|
-
[0, 0],
|
|
25
|
-
[0, 100],
|
|
26
|
-
]}
|
|
27
|
-
/>
|
|
28
|
-
\`\`\`
|
|
29
|
-
|
|
30
|
-
Alternatively, you can define the points using the children:
|
|
31
|
-
|
|
32
|
-
\`\`\`tsx
|
|
33
|
-
<Line stroke="#fff" lineWidth={8}>
|
|
34
|
-
<Node x={100} />
|
|
35
|
-
<Node />
|
|
36
|
-
<Node y={100} />
|
|
37
|
-
</Line>
|
|
38
|
-
\`\`\`
|
|
39
|
-
|
|
40
|
-
If you did this intentionally, and want to disable this message, set the
|
|
41
|
-
\`points\` property to \`null\`:
|
|
42
|
-
|
|
43
|
-
\`\`\`tsx
|
|
44
|
-
<Line stroke="#fff" lineWidth={8} points={null} />
|
|
45
|
-
\`\`\`
|
|
46
|
-
`;
|
|
47
|
-
/**
|
|
48
|
-
* A node for drawing lines and polygons.
|
|
49
|
-
*
|
|
50
|
-
* @remarks
|
|
51
|
-
* This node can be used to render any polygonal shape defined by a set of
|
|
52
|
-
* points.
|
|
53
|
-
*
|
|
54
|
-
* @preview
|
|
55
|
-
* ```tsx editor
|
|
56
|
-
* // snippet Simple line
|
|
57
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
58
|
-
*
|
|
59
|
-
* export default makeScene2D(function* (view) {
|
|
60
|
-
* view.add(
|
|
61
|
-
* <Line
|
|
62
|
-
* points={[
|
|
63
|
-
* [150, 50],
|
|
64
|
-
* [0, -50],
|
|
65
|
-
* [-150, 50],
|
|
66
|
-
* ]}
|
|
67
|
-
* stroke={'lightseagreen'}
|
|
68
|
-
* lineWidth={8}
|
|
69
|
-
* radius={40}
|
|
70
|
-
* startArrow
|
|
71
|
-
* />,
|
|
72
|
-
* );
|
|
73
|
-
* });
|
|
74
|
-
*
|
|
75
|
-
* // snippet Polygon
|
|
76
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
77
|
-
*
|
|
78
|
-
* export default makeScene2D(function* (view) {
|
|
79
|
-
* view.add(
|
|
80
|
-
* <Line
|
|
81
|
-
* points={[
|
|
82
|
-
* [-200, 70],
|
|
83
|
-
* [150, 70],
|
|
84
|
-
* [100, -70],
|
|
85
|
-
* [-100, -70],
|
|
86
|
-
* ]}
|
|
87
|
-
* fill={'lightseagreen'}
|
|
88
|
-
* closed
|
|
89
|
-
* />,
|
|
90
|
-
* );
|
|
91
|
-
* });
|
|
92
|
-
*
|
|
93
|
-
* // snippet Using signals
|
|
94
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
95
|
-
* import {createSignal} from '@twick/core';
|
|
96
|
-
*
|
|
97
|
-
* export default makeScene2D(function* (view) {
|
|
98
|
-
* const tip = createSignal(-150);
|
|
99
|
-
* view.add(
|
|
100
|
-
* <Line
|
|
101
|
-
* points={[
|
|
102
|
-
* [-150, 70],
|
|
103
|
-
* [150, 70],
|
|
104
|
-
* // this point is dynamically calculated based on the signal:
|
|
105
|
-
* () => [tip(), -70],
|
|
106
|
-
* ]}
|
|
107
|
-
* stroke={'lightseagreen'}
|
|
108
|
-
* lineWidth={8}
|
|
109
|
-
* closed
|
|
110
|
-
* />,
|
|
111
|
-
* );
|
|
112
|
-
*
|
|
113
|
-
* yield* tip(150, 1).back(1);
|
|
114
|
-
* });
|
|
115
|
-
*
|
|
116
|
-
* // snippet Tweening points
|
|
117
|
-
* import {makeScene2D, Line} from '@twick/2d';
|
|
118
|
-
* import {createRef} from '@twick/core';
|
|
119
|
-
*
|
|
120
|
-
* export default makeScene2D(function* (view) {
|
|
121
|
-
* const line = createRef<Line>();
|
|
122
|
-
* view.add(
|
|
123
|
-
* <Line
|
|
124
|
-
* ref={line}
|
|
125
|
-
* points={[
|
|
126
|
-
* [-150, 70],
|
|
127
|
-
* [150, 70],
|
|
128
|
-
* [0, -70],
|
|
129
|
-
* ]}
|
|
130
|
-
* stroke={'lightseagreen'}
|
|
131
|
-
* lineWidth={8}
|
|
132
|
-
* radius={20}
|
|
133
|
-
* closed
|
|
134
|
-
* />,
|
|
135
|
-
* );
|
|
136
|
-
*
|
|
137
|
-
* yield* line()
|
|
138
|
-
* .points(
|
|
139
|
-
* [
|
|
140
|
-
* [-150, 0],
|
|
141
|
-
* [0, 100],
|
|
142
|
-
* [150, 0],
|
|
143
|
-
* [150, -70],
|
|
144
|
-
* [-150, -70],
|
|
145
|
-
* ],
|
|
146
|
-
* 2,
|
|
147
|
-
* )
|
|
148
|
-
* .back(2);
|
|
149
|
-
* });
|
|
150
|
-
* ```
|
|
151
|
-
*/
|
|
152
|
-
let Line = Line_1 = class Line extends Curve {
|
|
153
|
-
/**
|
|
154
|
-
* Rotate the points to minimize the overall distance traveled when tweening.
|
|
155
|
-
*
|
|
156
|
-
* @param points - The points to rotate.
|
|
157
|
-
* @param reference - The reference points to which the distance is measured.
|
|
158
|
-
* @param closed - Whether the points form a closed polygon.
|
|
159
|
-
*/
|
|
160
|
-
static rotatePoints(points, reference, closed) {
|
|
161
|
-
if (closed) {
|
|
162
|
-
let minDistance = Infinity;
|
|
163
|
-
let bestOffset = 0;
|
|
164
|
-
for (let offset = 0; offset < points.length; offset += 1) {
|
|
165
|
-
const distance = calculateLerpDistance(points, reference, offset);
|
|
166
|
-
if (distance < minDistance) {
|
|
167
|
-
minDistance = distance;
|
|
168
|
-
bestOffset = offset;
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
if (bestOffset) {
|
|
172
|
-
const spliced = points.splice(0, bestOffset);
|
|
173
|
-
points.splice(points.length, 0, ...spliced);
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
else {
|
|
177
|
-
const originalDistance = calculateLerpDistance(points, reference, 0);
|
|
178
|
-
const reversedPoints = [...points].reverse();
|
|
179
|
-
const reversedDistance = calculateLerpDistance(reversedPoints, reference, 0);
|
|
180
|
-
if (reversedDistance < originalDistance) {
|
|
181
|
-
points.reverse();
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
/**
|
|
186
|
-
* Distribute additional points along the polyline.
|
|
187
|
-
*
|
|
188
|
-
* @param points - The points of a polyline along which new points should be
|
|
189
|
-
* distributed.
|
|
190
|
-
* @param count - The number of points to add.
|
|
191
|
-
*/
|
|
192
|
-
static distributePoints(points, count) {
|
|
193
|
-
if (points.length === 0) {
|
|
194
|
-
for (let j = 0; j < count; j++) {
|
|
195
|
-
points.push(Vector2.zero);
|
|
196
|
-
}
|
|
197
|
-
return;
|
|
198
|
-
}
|
|
199
|
-
if (points.length === 1) {
|
|
200
|
-
const point = points[0];
|
|
201
|
-
for (let j = 0; j < count; j++) {
|
|
202
|
-
points.push(point);
|
|
203
|
-
}
|
|
204
|
-
return;
|
|
205
|
-
}
|
|
206
|
-
const desiredLength = points.length + count;
|
|
207
|
-
const arcLength = polygonLength(points);
|
|
208
|
-
let density = count / arcLength;
|
|
209
|
-
let i = 0;
|
|
210
|
-
while (points.length < desiredLength) {
|
|
211
|
-
const pointsLeft = desiredLength - points.length;
|
|
212
|
-
if (i + 1 >= points.length) {
|
|
213
|
-
density = pointsLeft / arcLength;
|
|
214
|
-
i = 0;
|
|
215
|
-
continue;
|
|
216
|
-
}
|
|
217
|
-
const a = points[i];
|
|
218
|
-
const b = points[i + 1];
|
|
219
|
-
const length = a.sub(b).magnitude;
|
|
220
|
-
const pointCount = Math.min(Math.round(length * density), pointsLeft) + 1;
|
|
221
|
-
for (let j = 1; j < pointCount; j++) {
|
|
222
|
-
points.splice(++i, 0, Vector2.lerp(a, b, j / pointCount));
|
|
223
|
-
}
|
|
224
|
-
i++;
|
|
225
|
-
}
|
|
226
|
-
}
|
|
227
|
-
*tweenPoints(value, time, timingFunction) {
|
|
228
|
-
const fromPoints = [...this.parsedPoints()];
|
|
229
|
-
const toPoints = this.parsePoints(unwrap(value));
|
|
230
|
-
const closed = this.closed();
|
|
231
|
-
const diff = fromPoints.length - toPoints.length;
|
|
232
|
-
Line_1.distributePoints(diff < 0 ? fromPoints : toPoints, Math.abs(diff));
|
|
233
|
-
Line_1.rotatePoints(toPoints, fromPoints, closed);
|
|
234
|
-
this.tweenedPoints(fromPoints);
|
|
235
|
-
yield* tween(time, value => {
|
|
236
|
-
const progress = timingFunction(value);
|
|
237
|
-
this.tweenedPoints(polygonPointsLerp(fromPoints, toPoints, progress));
|
|
238
|
-
}, () => {
|
|
239
|
-
this.tweenedPoints(null);
|
|
240
|
-
this.points(value);
|
|
241
|
-
});
|
|
242
|
-
}
|
|
243
|
-
constructor(props) {
|
|
244
|
-
super(props);
|
|
245
|
-
this.tweenedPoints = createSignal(null);
|
|
246
|
-
if (props.children === undefined && props.points === undefined) {
|
|
247
|
-
useLogger().warn({
|
|
248
|
-
message: 'No points specified for the line',
|
|
249
|
-
remarks: lineWithoutPoints,
|
|
250
|
-
inspect: this.key,
|
|
251
|
-
});
|
|
252
|
-
}
|
|
253
|
-
}
|
|
254
|
-
childrenBBox() {
|
|
255
|
-
let points = this.tweenedPoints();
|
|
256
|
-
if (!points) {
|
|
257
|
-
const custom = this.points();
|
|
258
|
-
points = custom
|
|
259
|
-
? custom.map(signal => new Vector2(unwrap(signal)))
|
|
260
|
-
: this.children()
|
|
261
|
-
.filter(child => !(child instanceof Layout) || child.isLayoutRoot())
|
|
262
|
-
.map(child => child.position());
|
|
263
|
-
}
|
|
264
|
-
return BBox.fromPoints(...points);
|
|
265
|
-
}
|
|
266
|
-
parsedPoints() {
|
|
267
|
-
return this.parsePoints(this.points());
|
|
268
|
-
}
|
|
269
|
-
profile() {
|
|
270
|
-
return getPolylineProfile(this.tweenedPoints() ?? this.parsedPoints(), this.radius(), this.closed());
|
|
271
|
-
}
|
|
272
|
-
lineWidthCoefficient() {
|
|
273
|
-
const radius = this.radius();
|
|
274
|
-
const join = this.lineJoin();
|
|
275
|
-
let coefficient = super.lineWidthCoefficient();
|
|
276
|
-
if (radius === 0 && join === 'miter') {
|
|
277
|
-
const { minSin } = this.profile();
|
|
278
|
-
if (minSin > 0) {
|
|
279
|
-
coefficient = Math.max(coefficient, 0.5 / minSin);
|
|
280
|
-
}
|
|
281
|
-
}
|
|
282
|
-
return coefficient;
|
|
283
|
-
}
|
|
284
|
-
drawOverlay(context, matrix) {
|
|
285
|
-
const box = this.childrenBBox().transformCorners(matrix);
|
|
286
|
-
const size = this.computedSize();
|
|
287
|
-
const offsetVector = size.mul(this.offset()).scale(0.5);
|
|
288
|
-
const offset = transformVectorAsPoint(offsetVector, matrix);
|
|
289
|
-
context.fillStyle = 'white';
|
|
290
|
-
context.strokeStyle = 'black';
|
|
291
|
-
context.lineWidth = 1;
|
|
292
|
-
const path = new Path2D();
|
|
293
|
-
const pointsPreTransformation = this.tweenedPoints() ?? this.parsedPoints();
|
|
294
|
-
const points = pointsPreTransformation.map(p => transformVectorAsPoint(p, matrix));
|
|
295
|
-
if (points.length > 0) {
|
|
296
|
-
moveTo(path, points[0]);
|
|
297
|
-
for (const point of points) {
|
|
298
|
-
lineTo(path, point);
|
|
299
|
-
context.beginPath();
|
|
300
|
-
arc(context, point, 4);
|
|
301
|
-
context.closePath();
|
|
302
|
-
context.fill();
|
|
303
|
-
context.stroke();
|
|
304
|
-
}
|
|
305
|
-
}
|
|
306
|
-
context.strokeStyle = 'white';
|
|
307
|
-
context.stroke(path);
|
|
308
|
-
context.beginPath();
|
|
309
|
-
drawPivot(context, offset);
|
|
310
|
-
context.stroke();
|
|
311
|
-
context.beginPath();
|
|
312
|
-
drawLine(context, box);
|
|
313
|
-
context.closePath();
|
|
314
|
-
context.stroke();
|
|
315
|
-
}
|
|
316
|
-
parsePoints(points) {
|
|
317
|
-
return points
|
|
318
|
-
? points.map(signal => new Vector2(unwrap(signal)))
|
|
319
|
-
: this.children().map(child => child.position());
|
|
320
|
-
}
|
|
321
|
-
};
|
|
322
|
-
__decorate([
|
|
323
|
-
initial(0),
|
|
324
|
-
signal()
|
|
325
|
-
], Line.prototype, "radius", void 0);
|
|
326
|
-
__decorate([
|
|
327
|
-
initial(null),
|
|
328
|
-
signal()
|
|
329
|
-
], Line.prototype, "points", void 0);
|
|
330
|
-
__decorate([
|
|
331
|
-
threadable()
|
|
332
|
-
], Line.prototype, "tweenPoints", null);
|
|
333
|
-
__decorate([
|
|
334
|
-
computed()
|
|
335
|
-
], Line.prototype, "childrenBBox", null);
|
|
336
|
-
__decorate([
|
|
337
|
-
computed()
|
|
338
|
-
], Line.prototype, "parsedPoints", null);
|
|
339
|
-
__decorate([
|
|
340
|
-
computed()
|
|
341
|
-
], Line.prototype, "profile", null);
|
|
342
|
-
Line = Line_1 = __decorate([
|
|
343
|
-
nodeName('Line')
|
|
344
|
-
], Line);
|
|
345
|
-
export { Line };
|
|
346
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9MaW5lLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFPQSxPQUFPLEVBQ0wsSUFBSSxFQUNKLFlBQVksRUFDWixVQUFVLEVBQ1Ysc0JBQXNCLEVBQ3RCLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULE9BQU8sR0FDUixNQUFNLGFBQWEsQ0FBQztBQUVyQixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFDN0MsT0FBTyxFQUNMLHFCQUFxQixFQUNyQixhQUFhLEVBQ2IsaUJBQWlCLEdBQ2xCLE1BQU0sa0NBQWtDLENBQUM7QUFDMUMsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUMsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUVsRSxPQUFPLEVBQUMsS0FBSyxFQUFDLE1BQU0sU0FBUyxDQUFDO0FBQzlCLE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxVQUFVLENBQUM7QUFFaEMsTUFBTSxpQkFBaUIsR0FBRzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztDQStCekIsQ0FBQztBQWFGOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXdHRztBQUVJLElBQU0sSUFBSSxZQUFWLE1BQU0sSUFBSyxTQUFRLEtBQUs7SUFDN0I7Ozs7OztPQU1HO0lBQ0ssTUFBTSxDQUFDLFlBQVksQ0FDekIsTUFBaUIsRUFDakIsU0FBb0IsRUFDcEIsTUFBZTtRQUVmLElBQUksTUFBTSxFQUFFLENBQUM7WUFD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
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import type { SignalValue, SimpleSignal } from '@twick/core';
|
|
2
|
-
import type { RectProps } from './Rect';
|
|
3
|
-
import { Rect } from './Rect';
|
|
4
|
-
export interface MediaProps extends RectProps {
|
|
5
|
-
src?: SignalValue<string>;
|
|
6
|
-
loop?: SignalValue<boolean>;
|
|
7
|
-
playbackRate?: number;
|
|
8
|
-
volume?: number;
|
|
9
|
-
time?: SignalValue<number>;
|
|
10
|
-
play?: boolean;
|
|
11
|
-
awaitCanPlay?: SignalValue<boolean>;
|
|
12
|
-
allowVolumeAmplificationInPreview?: SignalValue<boolean>;
|
|
13
|
-
}
|
|
14
|
-
export declare abstract class Media extends Rect {
|
|
15
|
-
readonly src: SimpleSignal<string, this>;
|
|
16
|
-
readonly loop: SimpleSignal<boolean, this>;
|
|
17
|
-
readonly playbackRate: SimpleSignal<number, this>;
|
|
18
|
-
protected readonly time: SimpleSignal<number, this>;
|
|
19
|
-
protected readonly playing: SimpleSignal<boolean, this>;
|
|
20
|
-
protected readonly awaitCanPlay: SimpleSignal<boolean, this>;
|
|
21
|
-
protected readonly allowVolumeAmplificationInPreview: SimpleSignal<boolean, this>;
|
|
22
|
-
protected volume: number;
|
|
23
|
-
protected static readonly amplificationPool: Record<string, {
|
|
24
|
-
audioContext: AudioContext;
|
|
25
|
-
sourceNode: MediaElementAudioSourceNode;
|
|
26
|
-
gainNode: GainNode;
|
|
27
|
-
}>;
|
|
28
|
-
protected lastTime: number;
|
|
29
|
-
private isSchedulingPlay;
|
|
30
|
-
constructor(props: MediaProps);
|
|
31
|
-
isPlaying(): boolean;
|
|
32
|
-
getCurrentTime(): number;
|
|
33
|
-
getDuration(): number;
|
|
34
|
-
getVolume(): number;
|
|
35
|
-
getUrl(): string;
|
|
36
|
-
dispose(): void;
|
|
37
|
-
completion(): number;
|
|
38
|
-
protected abstract mediaElement(): HTMLMediaElement;
|
|
39
|
-
protected abstract seekedMedia(): HTMLMediaElement;
|
|
40
|
-
protected abstract fastSeekedMedia(): HTMLMediaElement;
|
|
41
|
-
protected abstract draw(context: CanvasRenderingContext2D): Promise<void>;
|
|
42
|
-
protected setCurrentTime(value: number): void;
|
|
43
|
-
setVolume(volume: number): void;
|
|
44
|
-
protected amplify(node: HTMLMediaElement, volume: number): void;
|
|
45
|
-
protected setPlaybackRate(playbackRate: number): void;
|
|
46
|
-
protected scheduleSeek(time: number): void;
|
|
47
|
-
/**
|
|
48
|
-
* Waits for the canplay event to be fired before calling onCanPlay.
|
|
49
|
-
*
|
|
50
|
-
* If the media is already ready to play, onCanPlay is called immediately.
|
|
51
|
-
* @param onCanPlay - The function to call when the media is ready to play.
|
|
52
|
-
* @returns
|
|
53
|
-
*/
|
|
54
|
-
protected waitForCanPlay(media: HTMLMediaElement, onCanPlay: () => void): void;
|
|
55
|
-
/**
|
|
56
|
-
* Returns true if we should wait for the media to be ready to play.
|
|
57
|
-
*/
|
|
58
|
-
protected waitForCanPlayNecessary(media: HTMLMediaElement): boolean;
|
|
59
|
-
play(): void;
|
|
60
|
-
protected schedulePlay(): void;
|
|
61
|
-
private simplePlay;
|
|
62
|
-
private actuallyPlay;
|
|
63
|
-
pause(): void;
|
|
64
|
-
clampTime(time: number): number;
|
|
65
|
-
protected collectAsyncResources(): void;
|
|
66
|
-
protected autoPlayBasedOnTwick(): void;
|
|
67
|
-
protected getErrorReason(errCode?: number): string;
|
|
68
|
-
protected isIOS(): boolean;
|
|
69
|
-
}
|
|
70
|
-
//# sourceMappingURL=Media.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Media.d.ts","sourceRoot":"","sources":["../../src/lib/components/Media.ts"],"names":[],"mappings":"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"}
|