@revideo/2d 0.5.10 → 0.5.11-alpha.1100

package/src/lib/components/Asset.ts

@@ -1,51 +0,0 @@
-import {SimpleSignal, useAssetBase} from '@revideo/core';
-import {nodeName, signal} from '../decorators';
-import {Rect} from './Rect';
-
-/**
- * A component that has a source. Used as a base class for `Media` and `Img` components.
- */
-@nodeName('Asset')
-export abstract class Asset extends Rect {
-  /**
-   * The source of this asset.
-   *
-   * @example
-   * Using a local path, with the resource inside the /public folder:
-   * ```tsx
-   * view.add(<Img src={'/image.png} />)
-   * ```
-   * Loading a resource from the internet:
-   * ```tsx
-   * view.add(<Img src="https://example.com/image.png" />)
-   * ```
-   */
-  @signal()
-  public declare readonly src: SimpleSignal<string, this>;
-
-  public assetRoot?: `${string}/`;
-
-  public fullSource(): string {
-    if (!this.assetRoot) {
-      this.assetRoot = useAssetBase();
-    }
-
-    let src = this.src();
-    const isUrl =
-      src.startsWith('http://') ||
-      src.startsWith('https://') ||
-      src.startsWith('data:');
-
-    if (isUrl) {
-      return src;
-    }
-
-    // We remove the trailing slash from the assetRoot
-    // and make sure there is a leading slash in the src
-    if (src[0] !== '/') {
-      src = '/' + src;
-    }
-
-    return this.assetRoot.slice(0, -1) + src;
-  }
-}

package/src/lib/components/__logs__/image-without-source.md

@@ -1,17 +0,0 @@
-The image won't be visible unless you specify a source:
-
-```tsx
-import myImage from './example.png';
-// ...
-<Img src={myImage} />;
-```
-
-If you did this intentionally, and don't want to see this warning, set the `src`
-property to `null`:
-
-```tsx
-<Img src={null} />
-```
-
-[Learn more](https://motioncanvas.io/docs/media#images) about working with
-images.

package/src/lib/components/__logs__/line-without-points.md

@@ -1,30 +0,0 @@
-The line won't be visible unless you specify at least two points:
-
-```tsx
-<Line
-  stroke="#fff"
-  lineWidth={8}
-  points={[
-    [100, 0],
-    [0, 0],
-    [0, 100],
-  ]}
-/>
-```
-
-Alternatively, you can define the points using the children:
-
-```tsx
-<Line stroke="#fff" lineWidth={8}>
-  <Node x={100} />
-  <Node />
-  <Node y={100} />
-</Line>
-```
-
-If you did this intentionally, and want to disable this message, set the
-`points` property to `null`:
-
-```tsx
-<Line stroke="#fff" lineWidth={8} points={null} />
-```

package/src/lib/components/__logs__/reactive-playback-rate.md

@@ -1,21 +0,0 @@
-The `playbackRate` of a `Video` cannot be reactive.
-
-Make sure to use a concrete value and not a function:
-
-```ts wrong
-video.playbackRate(() => 7);
-```
-
-```ts correct
-video.playbackRate(7);
-```
-
-If you're using a signal, extract its value before passing it to the property:
-
-```ts wrong
-video.playbackRate(mySignal);
-```
-
-```ts correct
-video.playbackRate(mySignal());
-```

package/src/lib/components/__logs__/spline-with-insufficient-knots.md

@@ -1,24 +0,0 @@
-The spline won't be visible unless you specify at least two knots:
-
-```tsx
-<Spline
-  stroke="#fff"
-  lineWidth={8}
-  points={[
-    [100, 0],
-    [0, 0],
-    [0, 100],
-  ]}
-/>
-```
-
-For more control over the knot handles, you can alternatively provide the knots
-as children to the spline using the `Knot` component:
-
-```tsx
-<Spline stroke="#fff" lineWidth={8}>
-  <Knot x={100} endHandle={[-50, 0]} />
-  <Knot />
-  <Knot y={100} startHandle={[-100, 50]} />
-</Spline>
-```