@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/Txt.js
DELETED
|
@@ -1,173 +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 _a;
|
|
8
|
-
var Txt_1;
|
|
9
|
-
import { DEFAULT, all, capitalize, threadable } from '@twick/core';
|
|
10
|
-
import { computed, initial, nodeName, signal } from '../decorators';
|
|
11
|
-
import { is } from '../utils';
|
|
12
|
-
import { Shape } from './Shape';
|
|
13
|
-
import { TXT_TYPE, TxtLeaf } from './TxtLeaf';
|
|
14
|
-
let Txt = Txt_1 = class Txt extends Shape {
|
|
15
|
-
/**
|
|
16
|
-
* Create a bold text node.
|
|
17
|
-
*
|
|
18
|
-
* @remarks
|
|
19
|
-
* This is a shortcut for
|
|
20
|
-
* ```tsx
|
|
21
|
-
* <Txt fontWeight={700} />
|
|
22
|
-
* ```
|
|
23
|
-
*
|
|
24
|
-
* @param props - Additional text properties.
|
|
25
|
-
*/
|
|
26
|
-
static b(props) {
|
|
27
|
-
return new Txt_1({ ...props, fontWeight: 700 });
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Create an italic text node.
|
|
31
|
-
*
|
|
32
|
-
* @remarks
|
|
33
|
-
* This is a shortcut for
|
|
34
|
-
* ```tsx
|
|
35
|
-
* <Txt fontStyle={'italic'} />
|
|
36
|
-
* ```
|
|
37
|
-
*
|
|
38
|
-
* @param props - Additional text properties.
|
|
39
|
-
*/
|
|
40
|
-
static i(props) {
|
|
41
|
-
return new Txt_1({ ...props, fontStyle: 'italic' });
|
|
42
|
-
}
|
|
43
|
-
getText() {
|
|
44
|
-
return this.innerText();
|
|
45
|
-
}
|
|
46
|
-
setText(value) {
|
|
47
|
-
const children = this.children();
|
|
48
|
-
let leaf = null;
|
|
49
|
-
for (let i = 0; i < children.length; i++) {
|
|
50
|
-
const child = children[i];
|
|
51
|
-
if (leaf === null && child instanceof TxtLeaf) {
|
|
52
|
-
leaf = child;
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
child.parent(null);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
if (leaf === null) {
|
|
59
|
-
leaf = new TxtLeaf({ text: value });
|
|
60
|
-
leaf.parent(this);
|
|
61
|
-
}
|
|
62
|
-
else {
|
|
63
|
-
leaf.text(value);
|
|
64
|
-
}
|
|
65
|
-
this.setParsedChildren([leaf]);
|
|
66
|
-
}
|
|
67
|
-
setChildren(value) {
|
|
68
|
-
if (this.children.context.raw() === value) {
|
|
69
|
-
return;
|
|
70
|
-
}
|
|
71
|
-
if (typeof value === 'string') {
|
|
72
|
-
this.text(value);
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
super.setChildren(value);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
*tweenText(value, time, timingFunction, interpolationFunction) {
|
|
79
|
-
yield document.fonts?.ready;
|
|
80
|
-
const children = this.children();
|
|
81
|
-
if (children.length !== 1 || !(children[0] instanceof TxtLeaf)) {
|
|
82
|
-
this.text.save();
|
|
83
|
-
}
|
|
84
|
-
const leaf = this.childAs(0);
|
|
85
|
-
const oldText = leaf.text.context.raw();
|
|
86
|
-
const oldSize = this.size.context.raw();
|
|
87
|
-
leaf.text(value);
|
|
88
|
-
const newSize = this.size();
|
|
89
|
-
leaf.text(oldText ?? DEFAULT);
|
|
90
|
-
if (this.height() === 0) {
|
|
91
|
-
this.height(newSize.height);
|
|
92
|
-
}
|
|
93
|
-
yield* all(this.size(newSize, time, timingFunction), leaf.text(value, time, timingFunction, interpolationFunction));
|
|
94
|
-
this.children.context.setter(value);
|
|
95
|
-
this.size(oldSize);
|
|
96
|
-
}
|
|
97
|
-
getLayout() {
|
|
98
|
-
return true;
|
|
99
|
-
}
|
|
100
|
-
constructor({ children, text, ...props }) {
|
|
101
|
-
super(props);
|
|
102
|
-
this[_a] = true;
|
|
103
|
-
this.children(text ?? children);
|
|
104
|
-
}
|
|
105
|
-
innerText() {
|
|
106
|
-
const children = this.childrenAs();
|
|
107
|
-
let text = '';
|
|
108
|
-
for (const child of children) {
|
|
109
|
-
text += child.text();
|
|
110
|
-
}
|
|
111
|
-
return text;
|
|
112
|
-
}
|
|
113
|
-
parentTxt() {
|
|
114
|
-
const parent = this.parent();
|
|
115
|
-
return parent instanceof Txt_1 ? parent : null;
|
|
116
|
-
}
|
|
117
|
-
parseChildren(children) {
|
|
118
|
-
const result = [];
|
|
119
|
-
const array = Array.isArray(children) ? children : [children];
|
|
120
|
-
for (const child of array) {
|
|
121
|
-
if (child instanceof Txt_1 || child instanceof TxtLeaf) {
|
|
122
|
-
result.push(child);
|
|
123
|
-
}
|
|
124
|
-
else if (typeof child === 'string') {
|
|
125
|
-
result.push(new TxtLeaf({ text: child }));
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
return result;
|
|
129
|
-
}
|
|
130
|
-
applyFlex() {
|
|
131
|
-
super.applyFlex();
|
|
132
|
-
this.element.style.display = this.findAncestor(is(Txt_1))
|
|
133
|
-
? 'inline'
|
|
134
|
-
: 'block';
|
|
135
|
-
}
|
|
136
|
-
async draw(context) {
|
|
137
|
-
await document.fonts?.ready;
|
|
138
|
-
await this.drawChildren(context);
|
|
139
|
-
}
|
|
140
|
-
};
|
|
141
|
-
_a = TXT_TYPE;
|
|
142
|
-
__decorate([
|
|
143
|
-
initial(''),
|
|
144
|
-
signal()
|
|
145
|
-
], Txt.prototype, "text", void 0);
|
|
146
|
-
__decorate([
|
|
147
|
-
threadable()
|
|
148
|
-
], Txt.prototype, "tweenText", null);
|
|
149
|
-
__decorate([
|
|
150
|
-
computed()
|
|
151
|
-
], Txt.prototype, "innerText", null);
|
|
152
|
-
__decorate([
|
|
153
|
-
computed()
|
|
154
|
-
], Txt.prototype, "parentTxt", null);
|
|
155
|
-
Txt = Txt_1 = __decorate([
|
|
156
|
-
nodeName('Txt')
|
|
157
|
-
], Txt);
|
|
158
|
-
export { Txt };
|
|
159
|
-
[
|
|
160
|
-
'fill',
|
|
161
|
-
'stroke',
|
|
162
|
-
'lineWidth',
|
|
163
|
-
'strokeFirst',
|
|
164
|
-
'lineCap',
|
|
165
|
-
'lineJoin',
|
|
166
|
-
'lineDash',
|
|
167
|
-
'lineDashOffset',
|
|
168
|
-
].forEach(prop => {
|
|
169
|
-
Txt.prototype[`getDefault${capitalize(prop)}`] = function (initial) {
|
|
170
|
-
return this.parentTxt()?.[prop]() ?? initial;
|
|
171
|
-
};
|
|
172
|
-
});
|
|
173
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL1R4dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQU9BLE9BQU8sRUFBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUMsTUFBTSxhQUFhLENBQUM7QUFDakUsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNsRSxPQUFPLEVBQUMsRUFBRSxFQUFDLE1BQU0sVUFBVSxDQUFDO0FBRzVCLE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxTQUFTLENBQUM7QUFDOUIsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFZckMsSUFBTSxHQUFHLFdBQVQsTUFBTSxHQUFJLFNBQVEsS0FBSztJQUc1Qjs7Ozs7Ozs7OztPQVVHO0lBQ0ksTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFlO1FBQzdCLE9BQU8sSUFBSSxLQUFHLENBQUMsRUFBQyxHQUFHLEtBQUssRUFBRSxVQUFVLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7T0FVRztJQUNJLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBZTtRQUM3QixPQUFPLElBQUksS0FBRyxDQUFDLEVBQUMsR0FBRyxLQUFLLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBQyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQU1TLE9BQU87UUFDZixPQUFPLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRVMsT0FBTyxDQUFDLEtBQTBCO1FBQzFDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQyxJQUFJLElBQUksR0FBbUIsSUFBSSxDQUFDO1FBQ2hDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFF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
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { SignalValue, SimpleSignal } from '@twick/core';
|
|
2
|
-
import { BBox } from '@twick/core';
|
|
3
|
-
import type { ShapeProps } from './Shape';
|
|
4
|
-
import { Shape } from './Shape';
|
|
5
|
-
export interface TxtLeafProps extends ShapeProps {
|
|
6
|
-
children?: string;
|
|
7
|
-
text?: SignalValue<string>;
|
|
8
|
-
}
|
|
9
|
-
export declare const TXT_TYPE: unique symbol;
|
|
10
|
-
export declare class TxtLeaf extends Shape {
|
|
11
|
-
protected static readonly segmenter: any;
|
|
12
|
-
readonly text: SimpleSignal<string, this>;
|
|
13
|
-
constructor({ children, ...rest }: TxtLeafProps);
|
|
14
|
-
protected parentTxt(): (import("./Node").Node & Record<typeof TXT_TYPE, unknown>) | null;
|
|
15
|
-
protected draw(context: CanvasRenderingContext2D): Promise<void>;
|
|
16
|
-
protected drawText(context: CanvasRenderingContext2D, text: string, box: BBox): Promise<void>;
|
|
17
|
-
protected getCacheBBox(): BBox;
|
|
18
|
-
protected applyFlex(): void;
|
|
19
|
-
protected updateLayout(): void;
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=TxtLeaf.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TxtLeaf.d.ts","sourceRoot":"","sources":["../../src/lib/components/TxtLeaf.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAC,IAAI,EAA6B,MAAM,aAAa,CAAC;AAQ7D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,QAAQ,eAAgB,CAAC;AAEtC,qBACa,OAAQ,SAAQ,KAAK;IAUhC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,CAAC;IAEzC,SAGwB,IAAI,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAEtC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,EAAE,YAAY;IAQpD,SAAS,CAAC,SAAS;cAaM,IAAI,CAAC,OAAO,EAAE,wBAAwB;cA4C/C,QAAQ,CACtB,OAAO,EAAE,wBAAwB,EACjC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,IAAI;cAeQ,YAAY,IAAI,IAAI;cAepB,SAAS;cAKT,YAAY;CAmChC"}
|
|
@@ -1,181 +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 TxtLeaf_1;
|
|
8
|
-
import { BBox, capitalize, lazy, textLerp } from '@twick/core';
|
|
9
|
-
import { computed, initial, interpolation, nodeName, signal, } from '../decorators';
|
|
10
|
-
import { Shape } from './Shape';
|
|
11
|
-
export const TXT_TYPE = Symbol('Txt');
|
|
12
|
-
let TxtLeaf = TxtLeaf_1 = class TxtLeaf extends Shape {
|
|
13
|
-
constructor({ children, ...rest }) {
|
|
14
|
-
super(rest);
|
|
15
|
-
if (children) {
|
|
16
|
-
this.text(children);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
parentTxt() {
|
|
20
|
-
const parent = this.parent();
|
|
21
|
-
if (!parent) {
|
|
22
|
-
return null;
|
|
23
|
-
}
|
|
24
|
-
if (!(TXT_TYPE in parent)) {
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
|
-
return parent;
|
|
28
|
-
}
|
|
29
|
-
async draw(context) {
|
|
30
|
-
this.requestFontUpdate();
|
|
31
|
-
this.applyStyle(context);
|
|
32
|
-
await document.fonts?.ready;
|
|
33
|
-
this.applyText(context);
|
|
34
|
-
context.font = this.styles.font;
|
|
35
|
-
context.textBaseline = 'bottom';
|
|
36
|
-
if ('letterSpacing' in context) {
|
|
37
|
-
context.letterSpacing = `${this.letterSpacing()}px`;
|
|
38
|
-
}
|
|
39
|
-
const fontOffset = context.measureText('').fontBoundingBoxAscent;
|
|
40
|
-
const parentRect = this.element.getBoundingClientRect();
|
|
41
|
-
const { width, height } = this.size();
|
|
42
|
-
const range = document.createRange();
|
|
43
|
-
let line = '';
|
|
44
|
-
const lineRect = new BBox();
|
|
45
|
-
for (const childNode of this.element.childNodes) {
|
|
46
|
-
if (!childNode.textContent) {
|
|
47
|
-
continue;
|
|
48
|
-
}
|
|
49
|
-
range.selectNodeContents(childNode);
|
|
50
|
-
const rangeRect = range.getBoundingClientRect();
|
|
51
|
-
const x = width / -2 + rangeRect.left - parentRect.left;
|
|
52
|
-
const y = height / -2 + rangeRect.top - parentRect.top + fontOffset;
|
|
53
|
-
if (lineRect.y === y) {
|
|
54
|
-
lineRect.width += rangeRect.width;
|
|
55
|
-
line += childNode.textContent;
|
|
56
|
-
}
|
|
57
|
-
else {
|
|
58
|
-
await this.drawText(context, line, lineRect);
|
|
59
|
-
lineRect.x = x;
|
|
60
|
-
lineRect.y = y;
|
|
61
|
-
lineRect.width = rangeRect.width;
|
|
62
|
-
lineRect.height = rangeRect.height;
|
|
63
|
-
line = childNode.textContent;
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
await this.drawText(context, line, lineRect);
|
|
67
|
-
}
|
|
68
|
-
async drawText(context, text, box) {
|
|
69
|
-
const y = box.y;
|
|
70
|
-
text = text.replace(/\s+/g, ' ');
|
|
71
|
-
if (this.lineWidth() <= 0) {
|
|
72
|
-
context.fillText(text, box.x, y);
|
|
73
|
-
}
|
|
74
|
-
else if (this.strokeFirst()) {
|
|
75
|
-
context.strokeText(text, box.x, y);
|
|
76
|
-
context.fillText(text, box.x, y);
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
context.fillText(text, box.x, y);
|
|
80
|
-
context.strokeText(text, box.x, y);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
getCacheBBox() {
|
|
84
|
-
const size = this.computedSize();
|
|
85
|
-
const range = document.createRange();
|
|
86
|
-
range.selectNodeContents(this.element);
|
|
87
|
-
const bbox = range.getBoundingClientRect();
|
|
88
|
-
const lineWidth = this.lineWidth();
|
|
89
|
-
// We take the default value of the miterLimit as 10.
|
|
90
|
-
const miterLimitCoefficient = this.lineJoin() === 'miter' ? 0.5 * 10 : 0.5;
|
|
91
|
-
return new BBox(-size.width / 2, -size.height / 2, bbox.width, bbox.height)
|
|
92
|
-
.expand([0, this.fontSize() * 0.5])
|
|
93
|
-
.expand(lineWidth * miterLimitCoefficient);
|
|
94
|
-
}
|
|
95
|
-
applyFlex() {
|
|
96
|
-
super.applyFlex();
|
|
97
|
-
this.element.style.display = 'inline';
|
|
98
|
-
}
|
|
99
|
-
updateLayout() {
|
|
100
|
-
this.applyFont();
|
|
101
|
-
this.applyFlex();
|
|
102
|
-
// Make sure the text is aligned correctly even if the text is smaller than
|
|
103
|
-
// the container.
|
|
104
|
-
if (this.justifyContent.isInitial()) {
|
|
105
|
-
this.element.style.justifyContent =
|
|
106
|
-
this.styles.getPropertyValue('text-align');
|
|
107
|
-
}
|
|
108
|
-
const wrap = this.styles.whiteSpace !== 'nowrap' && this.styles.whiteSpace !== 'pre';
|
|
109
|
-
if (wrap) {
|
|
110
|
-
this.element.innerText = '';
|
|
111
|
-
if (TxtLeaf_1.segmenter) {
|
|
112
|
-
for (const word of TxtLeaf_1.segmenter.segment(this.text())) {
|
|
113
|
-
this.element.appendChild(document.createTextNode(word.segment));
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
else {
|
|
117
|
-
for (const word of this.text().split('')) {
|
|
118
|
-
this.element.appendChild(document.createTextNode(word));
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
else if (this.styles.whiteSpace === 'pre') {
|
|
123
|
-
this.element.innerText = '';
|
|
124
|
-
for (const line of this.text().split('\n')) {
|
|
125
|
-
this.element.appendChild(document.createTextNode(line + '\n'));
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
else {
|
|
129
|
-
this.element.innerText = this.text();
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
};
|
|
133
|
-
__decorate([
|
|
134
|
-
initial(''),
|
|
135
|
-
interpolation(textLerp),
|
|
136
|
-
signal()
|
|
137
|
-
], TxtLeaf.prototype, "text", void 0);
|
|
138
|
-
__decorate([
|
|
139
|
-
computed()
|
|
140
|
-
], TxtLeaf.prototype, "parentTxt", null);
|
|
141
|
-
__decorate([
|
|
142
|
-
lazy(() => {
|
|
143
|
-
try {
|
|
144
|
-
return new Intl.Segmenter(undefined, {
|
|
145
|
-
granularity: 'grapheme',
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
catch (e) {
|
|
149
|
-
return null;
|
|
150
|
-
}
|
|
151
|
-
})
|
|
152
|
-
], TxtLeaf, "segmenter", void 0);
|
|
153
|
-
TxtLeaf = TxtLeaf_1 = __decorate([
|
|
154
|
-
nodeName('TxtLeaf')
|
|
155
|
-
], TxtLeaf);
|
|
156
|
-
export { TxtLeaf };
|
|
157
|
-
/**
|
|
158
|
-
* Overwrite all getters for signal values to return the parent value if it
|
|
159
|
-
* exists.
|
|
160
|
-
*
|
|
161
|
-
* The getters on the TxtLeaf class are used by the `@signal` decorators and
|
|
162
|
-
* are not used by the class or its consumers directly.
|
|
163
|
-
*
|
|
164
|
-
* Check out 2d/src/lib/utils/makeSignalExtensions.ts if this is confusing.
|
|
165
|
-
*/
|
|
166
|
-
[
|
|
167
|
-
'fill',
|
|
168
|
-
'stroke',
|
|
169
|
-
'lineWidth',
|
|
170
|
-
'strokeFirst',
|
|
171
|
-
'lineCap',
|
|
172
|
-
'lineJoin',
|
|
173
|
-
'lineDash',
|
|
174
|
-
'lineDashOffset',
|
|
175
|
-
].forEach(prop => {
|
|
176
|
-
TxtLeaf.prototype[`get${capitalize(prop)}`] = function () {
|
|
177
|
-
return (this.parentTxt()?.[prop]() ??
|
|
178
|
-
this[prop].context.getInitial());
|
|
179
|
-
};
|
|
180
|
-
});
|
|
181
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHh0TGVhZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9UeHRMZWFmLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFDQSxPQUFPLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFDLE1BQU0sYUFBYSxDQUFDO0FBQzdELE9BQU8sRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUNQLGFBQWEsRUFDYixRQUFRLEVBQ1IsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxLQUFLLEVBQUMsTUFBTSxTQUFTLENBQUM7QUFPOUIsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUcvQixJQUFNLE9BQU8sZUFBYixNQUFNLE9BQVEsU0FBUSxLQUFLO0lBaUJoQyxZQUFtQixFQUFDLFFBQVEsRUFBRSxHQUFHLElBQUksRUFBZTtRQUNsRCxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDWixJQUFJLFFBQVEsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN0QixDQUFDO0lBQ0gsQ0FBQztJQUdTLFNBQVM7UUFDakIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQzdCLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNaLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztRQUVELElBQUksQ0FBQyxDQUFDLFFBQVEsSUFBSSxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQzFCLE9BQU8sSUFBSSxDQUFDO1FBQ2QsQ0FBQztRQUVELE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUM7SUFFa0IsS0FBSyxDQUFDLElBQUksQ0FBQyxPQUFpQztRQUM3RCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxDQUFDLE9B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
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import type { SerializedVector2, SignalValue, SimpleSignal } from '@twick/core';
|
|
2
|
-
import type { DesiredLength } from '../partials';
|
|
3
|
-
import type { MediaProps } from './Media';
|
|
4
|
-
import { Media } from './Media';
|
|
5
|
-
export interface VideoProps extends MediaProps {
|
|
6
|
-
/**
|
|
7
|
-
* {@inheritDoc Video.alpha}
|
|
8
|
-
*/
|
|
9
|
-
alpha?: SignalValue<number>;
|
|
10
|
-
/**
|
|
11
|
-
* {@inheritDoc Video.smoothing}
|
|
12
|
-
*/
|
|
13
|
-
smoothing?: SignalValue<boolean>;
|
|
14
|
-
/**
|
|
15
|
-
* {@inheritDoc Video.decoder}
|
|
16
|
-
*/
|
|
17
|
-
decoder?: SignalValue<'web' | 'ffmpeg' | 'slow' | null>;
|
|
18
|
-
}
|
|
19
|
-
export declare class Video extends Media {
|
|
20
|
-
/**
|
|
21
|
-
* The alpha value of this video.
|
|
22
|
-
*
|
|
23
|
-
* @remarks
|
|
24
|
-
* Unlike opacity, the alpha value affects only the video itself, leaving the
|
|
25
|
-
* fill, stroke, and children intact.
|
|
26
|
-
*/
|
|
27
|
-
readonly alpha: SimpleSignal<number, this>;
|
|
28
|
-
/**
|
|
29
|
-
* Whether the video should be smoothed.
|
|
30
|
-
*
|
|
31
|
-
* @remarks
|
|
32
|
-
* When disabled, the video will be scaled using the nearest neighbor
|
|
33
|
-
* interpolation with no smoothing. The resulting video will appear pixelated.
|
|
34
|
-
*
|
|
35
|
-
* @defaultValue true
|
|
36
|
-
*/
|
|
37
|
-
readonly smoothing: SimpleSignal<boolean, this>;
|
|
38
|
-
/**
|
|
39
|
-
* Which decoder to use during rendering. The `web` decoder is the fastest
|
|
40
|
-
* but only supports MP4 files. The `ffmpeg` decoder is slower and more resource
|
|
41
|
-
* intensive but supports more formats. The `slow` decoder is the slowest but
|
|
42
|
-
* supports all formats.
|
|
43
|
-
*
|
|
44
|
-
* @defaultValue null
|
|
45
|
-
*/
|
|
46
|
-
readonly decoder: SimpleSignal<'web' | 'ffmpeg' | 'slow' | null, this>;
|
|
47
|
-
detectedFileType: 'mp4' | 'webm' | 'hls' | 'mov' | 'unknown';
|
|
48
|
-
private fileTypeWasDetected;
|
|
49
|
-
private static readonly pool;
|
|
50
|
-
private static readonly imageCommunication;
|
|
51
|
-
constructor(props: VideoProps);
|
|
52
|
-
protected desiredSize(): SerializedVector2<DesiredLength>;
|
|
53
|
-
protected mediaElement(): HTMLVideoElement;
|
|
54
|
-
protected seekedMedia(): HTMLVideoElement;
|
|
55
|
-
protected fastSeekedMedia(): HTMLVideoElement;
|
|
56
|
-
private video;
|
|
57
|
-
protected seekedVideo(): HTMLVideoElement;
|
|
58
|
-
protected fastSeekedVideo(): HTMLVideoElement;
|
|
59
|
-
protected lastFrame: ImageBitmap | null;
|
|
60
|
-
protected webcodecSeekedVideo(): Promise<CanvasImageSource>;
|
|
61
|
-
protected ffmpegSeekedVideo(): Promise<ImageBitmap>;
|
|
62
|
-
protected seekFunction(): Promise<CanvasImageSource>;
|
|
63
|
-
protected draw(context: CanvasRenderingContext2D): Promise<void>;
|
|
64
|
-
protected applyFlex(): void;
|
|
65
|
-
remove(): this;
|
|
66
|
-
private handleUnknownFileType;
|
|
67
|
-
private detectFileType;
|
|
68
|
-
}
|
|
69
|
-
//# sourceMappingURL=Video.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/lib/components/Video.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,iBAAiB,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9E,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAI/C,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AACxC,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAE9B,MAAM,WAAW,UAAW,SAAQ,UAAU;IAC5C;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC;CACzD;AAED,qBACa,KAAM,SAAQ,KAAK;IAC9B;;;;;;OAMG;IACH,SAEwB,KAAK,EAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAE1D;;;;;;;;OAQG;IACH,SAEwB,SAAS,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAE/D;;;;;;;OAOG;IACH,SAEwB,OAAO,EAAE,YAAY,CAC3C,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,IAAI,EAChC,IAAI,CACL,CAAC;IAEK,gBAAgB,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,SAAS,CACvD;IACZ,OAAO,CAAC,mBAAmB,CAAkB;IAE7C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAwC;IAEpE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAEb;gBAEV,KAAK,EAAE,UAAU;cAIjB,WAAW,IAAI,iBAAiB,CAAC,aAAa,CAAC;IAalE,SAAS,CAAC,YAAY,IAAI,gBAAgB;IAI1C,SAAS,CAAC,WAAW,IAAI,gBAAgB;IAIzC,SAAS,CAAC,eAAe,IAAI,gBAAgB;IAK7C,OAAO,CAAC,KAAK;IAuFb,SAAS,CAAC,WAAW,IAAI,gBAAgB;IAoBzC,SAAS,CAAC,eAAe,IAAI,gBAAgB;IAiC7C,SAAS,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAQ;cAE/B,mBAAmB,IAAI,OAAO,CAAC,iBAAiB,CAAC;cAcjD,iBAAiB,IAAI,OAAO,CAAC,WAAW,CAAC;cA8BzC,YAAY;cA4CH,IAAI,CAAC,OAAO,EAAE,wBAAwB;cA2B5C,SAAS;IAgBZ,MAAM;IAMtB,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,cAAc;CAkEvB"}
|