@threlte/theatre 2.1.7 → 3.0.0-next.1

package/dist/project/Project.svelte

@@ -1,4 +1,4 @@
-<script>import { globalProjects } from '../consts';
+<script lang="ts">import { globalProjects } from '../consts';
 import { getProject } from '../theatre';
 import { setContext } from 'svelte';
 // PROPS

package/dist/project/Project.svelte.d.ts

@@ -6,6 +6,11 @@ declare const __propDef: {
         config?: IProjectConfig | undefined;
         project?: import("@theatre/core").IProject | undefined;
         isReady?: boolean | undefined;
+        children?: ((this: void, args_0: {
+            project: import("@theatre/core").IProject;
+        }) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/sequence/Sequence.svelte

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

package/dist/sequence/Sequence.svelte.d.ts

@@ -25,6 +25,21 @@ declare const __propDef: {
             rafDriver?: IRafDriver | undefined;
         } | undefined) => Promise<boolean>) | undefined;
         pause?: (() => void) | undefined;
+        children?: ((this: void, args_0: {
+            sequence: import("./SequenceController").SequenceController;
+            position: number;
+            playing: boolean;
+            play: (conf?: {
+                iterationCount?: number | undefined;
+                range?: [from: number, to: number] | undefined;
+                rate?: number | undefined;
+                direction?: ("reverse" | "alternate" | "normal" | "alternateReverse") | undefined;
+                rafDriver?: IRafDriver | undefined;
+            } | undefined) => Promise<boolean>;
+            pause: () => void;
+        }) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/sequence/SequenceController.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="svelte" />
+/// <reference types="svelte" />
 import type { ISequence } from '@theatre/core';
 import type { Readable, Subscriber, Writable } from 'svelte/store';
 import { onChange } from '../theatre';

package/dist/sheet/Sheet.svelte

@@ -1,4 +1,4 @@
-<script>import { getContext, setContext } from 'svelte';
+<script lang="ts">import { getContext, setContext } from 'svelte';
 import { SequenceController } from '../sequence/SequenceController';
 import { globalSheets } from '../consts';
 // parent context

package/dist/sheet/Sheet.svelte.d.ts

@@ -8,6 +8,11 @@ declare const __propDef: {
         instance?: string | undefined;
         sheet?: import("@theatre/core").ISheet | undefined;
         sequence?: SequenceController | undefined;
+        children?: ((this: void, args_0: {
+            sheet: import("@theatre/core").ISheet;
+        }) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/sheet/createSheetObjectAction.d.ts

@@ -5,8 +5,8 @@ export declare function createSheetObjectAction<Props extends UnknownShorthandCo
     props: Props;
     callback: (node: T, props: PropsValue<Props>) => void;
     options?: {
-        reconfigure?: boolean | undefined;
-    } | undefined;
+        reconfigure?: boolean;
+    };
 }) => {
     destroy(): void;
 };

package/dist/sheetObject/SheetObject.svelte

@@ -3,28 +3,25 @@
 	- Creating namespaces
 	- Potentially Providing a sheet object
 -->
-<script>import { useStudio } from '../studio/useStudio';
-import { createRawEventDispatcher, currentWritable, watch, useThrelte } from '@threlte/core';
-import { getContext, onDestroy, onMount } from 'svelte';
+<script lang="ts">import { useStudio } from '../studio/useStudio';
+import { currentWritable, watch, useThrelte } from '@threlte/core';
+import { getContext, onDestroy, onMount, setContext } from 'svelte';
 import Declare from './declare/Declare.svelte';
 import Sync from './sync/Sync.svelte';
 import Transform from './transform/Transform.svelte';
-export let key;
-export let detach = false;
-export let props = undefined;
+let { key, detach = false, props, selected = $bindable(false), ...restProps } = $props();
 const { invalidate } = useThrelte();
 let aggregatedProps = { ...props };
 const { sheet } = getContext('theatre-sheet');
 const sheetObject = currentWritable(sheet.object(key, aggregatedProps, {
     reconfigure: true
 }));
-const dispatch = createRawEventDispatcher();
 onMount(() => {
     // Because the sheet object value subscription is not running before any
     // values change, we're emitting the initial value here. Doing this in
     // onMount also means that child components which might add props to the
     // sheet object have already been mounted.
-    dispatch('change', sheetObject.current.value);
+    restProps.$$events?.change?.(sheetObject.current.value);
 });
 // This flag is used to prevent the sheet object from being created after it
 // has been detached.
@@ -72,36 +69,15 @@ const removeProps = (propNames) => {
         updateSheetObject();
     }
 };
-const augmentConstructorArgs = (args) => {
-    return {
-        ...args,
-        props: {
-            ...args.props,
-            sheetObject,
-            addProps,
-            removeProps
-        }
-    };
-};
-const proxySyncComponent = new Proxy(Sync, {
-    construct(_target, [args]) {
-        return new Sync(augmentConstructorArgs(args));
-    }
-});
-const proxyTransformComponent = new Proxy(Transform, {
-    construct(_target, [args]) {
-        return new Transform(augmentConstructorArgs(args));
-    }
-});
-const proxyDeclareComponent = new Proxy(Declare, {
-    construct(_target, [args]) {
-        return new Declare(augmentConstructorArgs(args));
-    }
+setContext('threlte-theater-sheet-context', {
+    sheetObject,
+    addProps,
+    removeProps
 });
 let values = $sheetObject?.value;
 watch(sheetObject, (sheetObject) => {
     return sheetObject.onValuesChange((newValues) => {
-        dispatch('change', newValues);
+        restProps.$$events?.change?.(newValues);
         values = newValues;
         // this invalidation also invalidates changes catched by slotted
         // components such as <Sync> or <Declare>.
@@ -111,7 +87,6 @@ watch(sheetObject, (sheetObject) => {
 // Provide a flag to indicate whether this sheet object is selected in the
 // Theatre.js studio.
 const studio = useStudio();
-export let selected = false;
 watch([studio, sheetObject], ([studio, sheetObject]) => {
     return studio?.onSelectionChange((selection) => {
         selected = selection.includes(sheetObject);
@@ -135,7 +110,7 @@ const deselect = () => {
   {select}
   {deselect}
   sheetObject={$sheetObject}
-  Sync={proxySyncComponent}
-  Transform={proxyTransformComponent}
-  Declare={proxyDeclareComponent}
+  {Sync}
+  {Transform}
+  {Declare}
 />

package/dist/sheetObject/declare/Declare.svelte

@@ -1,19 +1,14 @@
-<script>import { watch } from '@threlte/core';
-import { onDestroy } from 'svelte';
+<script lang="ts">import { watch, currentWritable } from '@threlte/core';
+import { onDestroy, getContext } from 'svelte';
 export let props;
-/** @package */
-export let sheetObject;
-/** @package */
-export let addProps;
-/** @package */
-export let removeProps;
+const { sheetObject, addProps, removeProps } = getContext('threlte-theater-sheet-context');
 let values = $sheetObject?.value;
 addProps(props);
 onDestroy(() => {
     removeProps(Object.keys(props));
 });
 watch(sheetObject, (sheetObject) => {
-    return sheetObject.onValuesChange((v) => {
+    return sheetObject?.onValuesChange((v) => {
         values = v;
     });
 });

package/dist/sheetObject/sync/Sync.svelte

@@ -1,5 +1,5 @@
-<script>import { resolvePropertyPath, useParent, watch } from '@threlte/core';
-import { onDestroy } from 'svelte';
+<script lang="ts">import { resolvePropertyPath, useParent, watch } from '@threlte/core';
+import { onDestroy, getContext } from 'svelte';
 import { getInitialValue } from './utils/getInitialValue';
 import { isComplexProp } from './utils/isComplexProp';
 import { makeAlphanumeric } from './utils/makeAlphanumeric';
@@ -8,12 +8,7 @@ import { isStringProp } from './utils/isStringProp';
 import { useStudio } from '../../studio/useStudio';
 // used for type hinting auto props
 export let type = undefined;
-/** @package */
-export let sheetObject;
-/** @package */
-export let addProps;
-/** @package */
-export let removeProps;
+const { sheetObject, addProps, removeProps } = getContext('threlte-theater-sheet-context');
 const parent = useParent();
 // serves as a map to map (custom) prop names to object target properties
 let propMappings = {};

package/dist/sheetObject/transform/Transform.svelte

@@ -1,7 +1,7 @@
-<script>import { types } from '../../theatre';
-import { T, watch } from '@threlte/core';
+<script lang="ts">import { types } from '../../theatre';
+import { T, watch, currentWritable } from '@threlte/core';
 import { TransformControls } from '@threlte/extras';
-import { onMount } from 'svelte';
+import { onMount, getContext } from 'svelte';
 import { Group } from 'three';
 import { RAD2DEG } from 'three/src/math/MathUtils.js';
 import { useStudio } from '../../studio/useStudio';
@@ -13,12 +13,7 @@ export let space = undefined;
 export let translationSnap = undefined;
 export let rotationSnap = undefined;
 export let scaleSnap = undefined;
-/** @package */
-export let sheetObject;
-/** @package */
-export let addProps;
-/** @package */
-export let removeProps;
+const { sheetObject, addProps, removeProps } = getContext('threlte-theater-sheet-context');
 let controls;
 $: if (controls) {
     if (translationSnap) {
@@ -139,13 +134,10 @@ const onMouseUp = () => {
 const groupRef = group;
 </script>
 
-<T
-  is={groupRef}
-  let:ref
->
+<T is={groupRef}>
   {#if isSelected}
     <TransformControls
-      object={ref}
+      object={groupRef}
       {mode}
       {space}
       bind:controls

package/dist/studio/InnerStudio.svelte

@@ -1,5 +1,5 @@
 <script
- 
+  lang="ts"
   context="module"
 >import Studio from '@theatre/studio';
 import { studio } from '../consts';
@@ -7,7 +7,7 @@ Studio.initialize();
 studio.set(Studio);
 </script>
 
-<script>import { watch } from '@threlte/core';
+<script lang="ts">import { watch } from '@threlte/core';
 import { writable } from 'svelte/store';
 export let hide;
 const hideStore = writable(hide);

package/dist/studio/InnerStudio.svelte.d.ts

@@ -2,6 +2,9 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         hide: boolean;
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/studio/Studio.svelte

@@ -1,4 +1,4 @@
-<script>export let enabled = true;
+<script lang="ts">export let enabled = true;
 export let hide = false;
 const browser = typeof window !== 'undefined';
 </script>

package/dist/studio/Studio.svelte.d.ts

@@ -3,6 +3,9 @@ declare const __propDef: {
     props: {
         enabled?: boolean | undefined;
         hide?: boolean | undefined;
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/theatre/Theatre.svelte

@@ -1,4 +1,4 @@
-<script>import { Project, Sheet, Studio } from '..';
+<script lang="ts">import { Project, Sheet, Studio } from '..';
 export let studio = {};
 export let config = undefined;
 </script>

package/dist/theatre/Theatre.svelte.d.ts

@@ -7,6 +7,9 @@ declare const __propDef: {
             hide?: boolean | undefined;
         } | undefined;
         config?: IProjectConfig | undefined;
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,42 +1,42 @@
 {
   "name": "@threlte/theatre",
-  "version": "2.1.7",
+  "version": "3.0.0-next.1",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^3.1.1",
-    "@sveltejs/kit": "^2.4.3",
-    "@sveltejs/package": "^2.2.6",
-    "@sveltejs/vite-plugin-svelte": "^3.0.0",
-    "@types/node": "^20.11.6",
-    "@types/three": "^0.160.0",
-    "@typescript-eslint/eslint-plugin": "^6.19.1",
-    "@typescript-eslint/parser": "^6.19.1",
+    "@sveltejs/adapter-auto": "^3.2.0",
+    "@sveltejs/kit": "^2.5.5",
+    "@sveltejs/package": "^2.3.1",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@types/node": "^20.12.7",
+    "@types/three": "^0.163.0",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
     "@yushijinhun/three-minifier-rollup": "^0.4.0",
-    "eslint": "^8.56.0",
+    "eslint": "^9.0.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.35.1",
-    "prettier": "^3.2.4",
-    "prettier-plugin-svelte": "^3.1.2",
+    "eslint-plugin-svelte": "^2.36.0",
+    "prettier": "^3.2.5",
+    "prettier-plugin-svelte": "^3.2.2",
     "publint": "^0.2.7",
     "rimraf": "^5.0.5",
-    "svelte": "^4.2.9",
-    "svelte-check": "^3.6.3",
+    "svelte": "^5.0.0-next.95",
+    "svelte-check": "^3.6.9",
     "svelte-preprocess": "^5.1.3",
-    "svelte2tsx": "^0.7.0",
-    "three": "^0.160.1",
+    "svelte2tsx": "^0.7.6",
+    "three": "^0.163.0",
     "tslib": "^2.6.2",
-    "type-fest": "^4.10.1",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.12",
-    "@threlte/core": "7.2.1",
-    "@threlte/extras": "8.10.1"
+    "type-fest": "^4.15.0",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.8",
+    "@threlte/core": "8.0.0-next.2",
+    "@threlte/extras": "9.0.0-next.2"
   },
   "peerDependencies": {
     "svelte": ">=4",
     "three": ">=0.152",
-    "@threlte/core": ">=6.0.3",
-    "@threlte/extras": ">=5.1.0",
+    "@threlte/core": ">=8.0.0-next.0",
+    "@threlte/extras": ">=9.0.0-next.0",
     "@theatre/core": ">=0.6",
     "@theatre/studio": ">=0.6"
   },