@threlte/theatre 2.0.0 → 2.1.1

package/dist/sequence/Sequence.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext, onDestroy, onMount, setContext } from 'svelte';
+<script>import { getContext, onDestroy, setContext } from 'svelte';
 // Parent context
 const { sequences } = getContext('theatre-sheet');
 // Props

package/dist/sequence/SequenceController.d.ts

@@ -1,5 +1,6 @@
-import { onChange, type ISequence } from '@theatre/core';
+import type { ISequence } from '@theatre/core';
 import type { Readable, Subscriber, Writable } from 'svelte/store';
+import { onChange } from '../theatre';
 import type { SequenceOptions } from './types';
 /**
  * ### `SequenceController`

package/dist/sequence/SequenceController.js

@@ -1,5 +1,5 @@
-import { onChange, val } from '@theatre/core';
 import { get } from 'svelte/store';
+import { onChange, val } from '../theatre';
 /**
  * ### `SequenceController`
  *

package/dist/sheetObject/sync/Sync.svelte

@@ -5,6 +5,7 @@ import { isComplexProp } from './utils/isComplexProp';
 import { makeAlphanumeric } from './utils/makeAlphanumeric';
 import { parsePropLabel } from './utils/parsePropLabel';
 import { isStringProp } from './utils/isStringProp';
+import { useStudio } from '../../studio/useStudio';
 // used for type hinting auto props
 export let type = undefined;
 /** @package */
@@ -76,7 +77,28 @@ watch([parent, sheetObject], ([parent, sheetObject]) => {
     });
 });
 initProps();
+const studio = useStudio();
+export const capture = () => {
+    if (!$studio)
+        return;
+    const scrub = $studio.scrub();
+    Object.keys(sheetObject.current.value).forEach((key) => {
+        // first, check if the prop is mapped in this component
+        const propMapping = propMappings[key];
+        if (!propMapping)
+            return;
+        // we're using the addedProps map to infer the target property name from the property name on values
+        const { target, key: targetKey } = resolvePropertyPath($parent, propMapping.propertyPath);
+        const value = propMapping.transformer.transform(target[targetKey]).default;
+        scrub.capture(({ set }) => {
+            set(sheetObject.current.props[key], value);
+        });
+    });
+    scrub.commit();
+};
 onDestroy(() => {
     removeProps(Object.keys(propMappings));
 });
 </script>
+
+<slot {capture} />

package/dist/sheetObject/sync/Sync.svelte.d.ts

@@ -2,7 +2,7 @@ import type { SvelteComponent } from 'svelte'
 import type { Transformer } from '../transfomers/types'
 import type { ConditionalKeys, Primitive } from 'type-fest'
 
-/* COPIED FROM @theatre/core START */
+/* COPIED FROM @threlte/core START */
 type OmittedPropKeys =
   | 'type'
   | 'args'
@@ -36,7 +36,7 @@ type InstanceProps<Type extends any> = Partial<
     ConditionalKeys<MaybeInstance<Type>, AnyFn> | OmittedPropKeys
   >
 >
-/* COPIED FROM @theatre/core END */
+/* COPIED FROM @threlte/core END */
 
 type ObjectProp<T> = {
   type?: T
@@ -54,10 +54,18 @@ type AnyProps<T> = {
   [P in keyof InstanceProps<T>]?: AnyProp
 }
 
-type AllProps<T> = AnyProps<T> & ObjectProp<T> & Record<string, AnyProp | T>
+type AllProps<T> = AnyProps<T> &
+  ObjectProp<T> &
+  Record<string, AnyProp | T> & {
+    capture?: () => void
+  }
 
 export default class Sync<T> extends SvelteComponent<
   AllProps<T>,
   Record<string, any>,
-  Record<string, any>
+  {
+    default: {
+      capture: () => void
+    }
+  }
 > {}

package/dist/sheetObject/transfomers/defaults/color.js

@@ -1,4 +1,4 @@
-import { types } from '@theatre/core';
+import { types } from '../../../theatre';
 import { createTransformer } from '../createTransformer';
 export const color = createTransformer({
     transform(value) {

package/dist/sheetObject/transfomers/defaults/degrees.js

@@ -1,6 +1,6 @@
 import { DEG2RAD, RAD2DEG } from 'three/src/math/MathUtils';
 import { createTransformer } from '../createTransformer';
-import { types } from '@theatre/core';
+import { types } from '../../../theatre';
 export const degrees = createTransformer({
     transform(target) {
         return types.number(target * RAD2DEG);

package/dist/sheetObject/transfomers/defaults/euler.js

@@ -1,6 +1,6 @@
-import { types } from '@theatre/core';
 import { DEG2RAD, RAD2DEG } from 'three/src/math/MathUtils';
 import { createTransformer } from '../createTransformer';
+import { types } from '../../../theatre';
 export const euler = createTransformer({
     transform(value) {
         return types.compound({

package/dist/sheetObject/transfomers/defaults/generic.js

@@ -1,4 +1,4 @@
-import { types } from '@theatre/core';
+import { types } from '../../../theatre';
 import { isPrimitive } from '../../sync/utils/isPrimitive';
 import { createTransformer } from '../createTransformer';
 export const generic = createTransformer({

package/dist/sheetObject/transfomers/defaults/normalized.js

@@ -1,4 +1,4 @@
-import { types } from '@theatre/core';
+import { types } from '../../../theatre';
 import { createTransformer } from '../createTransformer';
 export const normalized = createTransformer({
     transform(value) {

package/dist/sheetObject/transfomers/defaults/side.js

@@ -1,4 +1,4 @@
-import { types } from '@theatre/core';
+import { types } from '../../../theatre';
 import { createTransformer } from '../createTransformer';
 import { BackSide, DoubleSide, FrontSide } from 'three';
 export const side = createTransformer({

package/dist/sheetObject/transform/Transform.svelte

@@ -1,4 +1,4 @@
-<script>import { types } from '@theatre/core';
+<script>import { types } from '../../theatre';
 import { T, watch } from '@threlte/core';
 import { TransformControls } from '@threlte/extras';
 import { onMount } from 'svelte';

package/dist/studio/InnerStudio.svelte

@@ -1,4 +1,7 @@
-<script context="module">import Studio from '@theatre/studio';
+<script
+ 
+  context="module"
+>import Studio from '@theatre/studio';
 import { studio } from '../consts';
 Studio.initialize();
 studio.set(Studio);

package/dist/studio/Studio.svelte

@@ -5,7 +5,10 @@ const browser = typeof window !== 'undefined';
 
 {#if browser && enabled}
   {#await import('./InnerStudio.svelte') then Component}
-    <svelte:component this={Component.default} {hide}>
+    <svelte:component
+      this={Component.default}
+      {hide}
+    >
       <slot />
     </svelte:component>
   {/await}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/theatre",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "devDependencies": {
@@ -28,8 +28,8 @@
     "type-fest": "^2.13.0",
     "typescript": "^5.0.0",
     "vite": "^4.3.6",
-    "@threlte/core": "6.0.3",
-    "@threlte/extras": "5.1.0"
+    "@threlte/core": "6.0.5",
+    "@threlte/extras": "5.2.0"
   },
   "peerDependencies": {
     "svelte": ">=4",