motion-start 0.0.1 → 0.1.0

package/src/render/html/UseStyle.svelte

@@ -1,47 +0,0 @@
-<!-- based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V. -->
-
-<script lang="ts" module>
-  export function copyRawValuesOnly(
-    target: ResolvedValues,
-    source: {
-      [key: string]: string | number | MotionValue;
-    },
-    props: MotionProps
-  ) {
-    for (const key in source) {
-      if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
-        target[key] = source[key];
-      }
-    }
-  }
-</script>
-
-<script lang="ts">
-  import type { MotionProps, MotionValue } from "../../index.js";
-  import { isForcedMotionValue } from "../../motion/utils/is-forced-motion-value.js";
-  import { isMotionValue } from "../../value/utils/is-motion-value.js";
-  import type { ResolvedValues } from "../types.js";
-  import UseInitialMotionValues from "./UseInitialMotionValues.svelte";
-  export let visualState, props, isStatic;
-  $: styleProp = props.style || {};
-  let style = {};
-  /**
-   * Copy non-Motion Values straight into style
-   */
-  const cRVO = copyRawValuesOnly;
-  $: cRVO(style, styleProp, props);
-
-  const toStyle = (s1) => {
-    Object.assign(style, s1);
-    if (props.transformValues) {
-      style = props.transformValues(style);
-    }
-
-    return style;
-  };
-</script>
-
-<UseInitialMotionValues {props} {visualState} {isStatic} let:styles={s1}>
-  <slot styles={toStyle({ s1, props, style })} />
-</UseInitialMotionValues>

package/src/render/html/config-motion.ts

@@ -1,23 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../motion";
-import type { HTMLRenderState } from "./types";
-// export declare const htmlMotionConfig: ;
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { createHtmlRenderState } from './utils/create-render-state.js';
-import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
-
-var htmlMotionConfig = {
-        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
-        createRenderState: createHtmlRenderState,   
-} satisfies Partial<MotionComponentConfig<HTMLElement, HTMLRenderState>>;
-
-export { htmlMotionConfig };
-

package/src/render/html/use-props.ts

@@ -1,14 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../../motion/types";
-import type { ResolvedValues } from "../types";
-
-export type useStyle = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => ResolvedValues;
-export type useHTMLProps = (props: MotionProps, visualState: ResolvedValues, isStatic: boolean) => any;
-
-
-export { default as UseHTMLProps } from './UseHTMLProps.svelte';
-export { default as UseStyle, copyRawValuesOnly } from './UseStyle.svelte';
-

package/src/render/html/utils/create-render-state.ts

@@ -1,18 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-var createHtmlRenderState = function () { return ({
-    style: {},
-    transform: {},
-    transformKeys: [],
-    transformOrigin: {},
-    vars: {},
-}); };
-
-export { createHtmlRenderState };

package/src/render/svg/config-motion.ts

@@ -1,51 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../motion";
-import type { SVGRenderState } from "./types";
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { buildSVGAttrs } from './utils/build-attrs.js';
-import { createSvgRenderState } from './utils/create-render-state.js';
-import { renderSVG } from './utils/render.js';
-import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
-
-var svgMotionConfig = {
-        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
-        createRenderState: createSvgRenderState,
-        onMount: function (props, instance, _a) {
-            var renderState = _a.renderState, latestValues = _a.latestValues;
-            try {
-                renderState.dimensions =
-                    typeof instance.getBBox ===
-                        "function"
-                        ? instance.getBBox()
-                        : instance.getBoundingClientRect();
-            }
-            catch (e) {
-                // Most likely trying to measure an unrendered element under Firefox
-                renderState.dimensions = {
-                    x: 0,
-                    y: 0,
-                    width: 0,
-                    height: 0,
-                };
-            }
-            if (isPath(instance)) {
-                renderState.totalPathLength = instance.getTotalLength();
-            }
-            buildSVGAttrs(renderState, latestValues, undefined, undefined, { enableHardwareAcceleration: false }, props.transformTemplate);
-            // TODO: Replace with direct assignment
-            renderSVG(instance, renderState);
-        },
-    } satisfies Partial<MotionComponentConfig<SVGElement, SVGRenderState>>
-function isPath(element) {
-    return element.tagName === "path";
-}
-
-export { svgMotionConfig };
-

package/src/render/svg/types.ts

@@ -1,51 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SVGAttributes } from "react";
-import type { MakeMotion, MotionProps } from "../../motion/types";
-import type { ForwardRefComponent, HTMLRenderState } from "../html/types";
-import type { ResolvedValues } from "../types";
-import type { SVGElements } from "./supported-elements";
-export interface SVGRenderState extends HTMLRenderState {
-    /**
-     * Measured dimensions of the SVG element to be used to calculate a transform-origin.
-     */
-    dimensions?: SVGDimensions;
-    /**
-     * A mutable record of attributes we want to apply directly to the rendered Element
-     * every frame. We use a mutable data structure to reduce GC during animations.
-     */
-    attrs: ResolvedValues;
-    /**
-     * Measured path length if this is a SVGPathElement
-     */
-    totalPathLength?: number;
-}
-export type SVGDimensions = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-interface SVGAttributesWithoutMotionProps<T> extends Pick<SVGAttributes<T>, Exclude<keyof SVGAttributes<T>, keyof MotionProps>> {
-}
-/**
- * Blanket-accept any SVG attribute as a `MotionValue`
- * @public
- */
-export type SVGAttributesAsMotionValues<T> = MakeMotion<SVGAttributesWithoutMotionProps<T>>;
-type UnwrapSVGFactoryElement<F> = F extends React.SVGProps<infer P> ? P : never;
-/**
- * @public
- */
-export interface SVGMotionProps<T> extends SVGAttributesAsMotionValues<T>, MotionProps {
-}
-/**
- * Motion-optimised versions of React's SVG components.
- *
- * @public
- */
-export type SVGMotionComponents = {
-    [K in SVGElements]: ForwardRefComponent<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>, SVGMotionProps<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>>>;
-};

package/src/render/svg/utils/build-attrs.ts

@@ -1,58 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { DOMVisualElementOptions } from "../../dom/types";
-import type { ResolvedValues } from "../../types";
-import type { MotionProps } from "../../../motion/types";
-import type { LayoutState, TargetProjection } from "../../utils/state";
-import type { SVGRenderState } from "../types";
-import type { BuildProjectionTransform, BuildProjectionTransformOrigin } from "../../html/utils/build-projection-transform";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __rest } from 'tslib';
-import { buildHTMLStyles } from '../../html/utils/build-styles.js';
-import { calcSVGTransformOrigin } from './transform-origin.js';
-import { buildSVGPath } from './path.js';
-
-/**
- * Build SVG visual attrbutes, like cx and style.transform
- */
-function buildSVGAttrs(state: SVGRenderState, { attrX, attrY, originX, originY, pathLength, pathSpacing, pathOffset, ...latest }: ResolvedValues, projection: TargetProjection | undefined, layoutState: LayoutState | undefined, options: DOMVisualElementOptions, transformTemplate?: MotionProps["transformTemplate"], buildProjectionTransform?: BuildProjectionTransform, buildProjectionTransformOrigin?: BuildProjectionTransformOrigin) {
-    // var attrX = _a.attrX, attrY = _a.attrY, originX = _a.originX, originY = _a.originY, pathLength = _a.pathLength, _b = _a.pathSpacing, pathSpacing = _b === void 0 ? 1 : _b, _c = _a.pathOffset, pathOffset = _c === void 0 ? 0 : _c, 
-    // // This is object creation, which we try to avoid per-frame.
-    // latest = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
-    buildHTMLStyles(state, latest, projection, layoutState, options, transformTemplate, buildProjectionTransform, buildProjectionTransformOrigin);
-    state.attrs = state.style;
-    state.style = {};
-    var attrs = state.attrs, style = state.style, dimensions = state.dimensions, totalPathLength = state.totalPathLength;
-    /**
-     * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs
-     * and copy it into style.
-     */
-    if (attrs.transform) {
-        if (dimensions)
-            style.transform = attrs.transform;
-        delete attrs.transform;
-    }
-    // Parse transformOrigin
-    if (dimensions &&
-        (originX !== undefined || originY !== undefined || style.transform)) {
-        style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);
-    }
-    // Treat x/y not as shortcuts but as actual attributes
-    if (attrX !== undefined)
-        attrs.x = attrX;
-    if (attrY !== undefined)
-        attrs.y = attrY;
-    // Build SVG path if one has been measured
-    if (totalPathLength !== undefined && pathLength !== undefined) {
-        buildSVGPath(attrs, totalPathLength, pathLength, pathSpacing, pathOffset, false);
-    }
-}
-
-export { buildSVGAttrs };

package/src/render/svg/utils/create-render-state.ts

@@ -1,17 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SVGRenderState } from "../types";
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __assign } from 'tslib';
-import { createHtmlRenderState } from '../../html/utils/create-render-state.js';
-
-var createSvgRenderState = function () { return (__assign(__assign({}, createHtmlRenderState()), { attrs: {} })) satisfies SVGRenderState; };
-
-export { createSvgRenderState };
-

package/src/render/utils/flat-tree.ts

@@ -1,35 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { WithDepth } from "./compare-by-depth";
-
-class FlatTree {
-    private children: any[] = [];
-    private isDirty = false;
-    add(child: WithDepth) {
-        addUniqueItem(this.children, child);
-        this.isDirty = true;
-    };
-    remove(child: WithDepth) {
-        removeItem(this.children, child);
-        this.isDirty = true;
-    }
-    forEach(callback: (child: WithDepth) => void) {
-        this.isDirty && this.children.sort(compareByDepth);
-        var numChildren = this.children.length;
-        for (var i = 0; i < numChildren; i++) {
-            callback(this.children[i]);
-        }
-    }
-}
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { addUniqueItem, removeItem } from '../../utils/array.js';
-import { compareByDepth } from './compare-by-depth.js';
-
-export { FlatTree };