@threlte/theatre 3.0.0-next.7 → 3.0.0-next.9
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/project/Project.svelte.d.ts +3 -3
- package/dist/sequence/Sequence.svelte.d.ts +24 -31
- package/dist/sequence/SequenceController.d.ts +0 -1
- package/dist/sheet/Sheet.svelte.d.ts +4 -5
- package/dist/sheetObject/SheetObject.svelte +6 -3
- package/dist/sheetObject/SheetObject.svelte.d.ts +18 -31
- package/dist/sheetObject/declare/Declare.svelte +4 -1
- package/dist/sheetObject/declare/Declare.svelte.d.ts +18 -11
- package/dist/sheetObject/declare/types.d.ts +9 -0
- package/dist/sheetObject/declare/types.js +1 -0
- package/dist/sheetObject/sync/Sync.svelte +10 -4
- package/dist/sheetObject/sync/Sync.svelte.d.ts +20 -63
- package/dist/sheetObject/sync/types.d.ts +30 -0
- package/dist/sheetObject/sync/types.js +1 -0
- package/dist/sheetObject/sync/utils/isComplexProp.d.ts +1 -1
- package/dist/sheetObject/sync/utils/isStringProp.d.ts +1 -1
- package/dist/sheetObject/sync/utils/parsePropLabel.d.ts +1 -1
- package/dist/sheetObject/transform/Transform.svelte +5 -2
- package/dist/sheetObject/transform/Transform.svelte.d.ts +18 -22
- package/dist/sheetObject/transform/types.d.ts +14 -0
- package/dist/sheetObject/transform/types.js +1 -0
- package/dist/sheetObject/types.d.ts +24 -0
- package/dist/sheetObject/types.js +1 -0
- package/dist/sheetObject/useSheet.d.ts +4 -4
- package/dist/studio/InnerStudio.svelte.d.ts +0 -1
- package/dist/studio/Studio.svelte.d.ts +2 -3
- package/dist/theatre/Theatre.svelte.d.ts +3 -4
- package/package.json +9 -9
|
@@ -3,10 +3,10 @@ import type { IProject, IProjectConfig } from '@theatre/core';
|
|
|
3
3
|
declare const Project: import("svelte").Component<{
|
|
4
4
|
name: string;
|
|
5
5
|
config?: IProjectConfig | undefined;
|
|
6
|
-
project?: IProject
|
|
7
|
-
isReady?: boolean
|
|
6
|
+
project?: IProject;
|
|
7
|
+
isReady?: boolean;
|
|
8
8
|
children?: Snippet<[{
|
|
9
9
|
project: IProject;
|
|
10
|
-
}]
|
|
10
|
+
}]>;
|
|
11
11
|
}, {}, "project" | "isReady">;
|
|
12
12
|
export default Project;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="svelte" />
|
|
2
1
|
import type { IRafDriver, ISequence } from '@theatre/core';
|
|
3
2
|
import type { Autoreset, IterationCount, PlaybackDirection, PlaybackRange, SequenceAudioOptions } from './types';
|
|
4
3
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
@@ -20,40 +19,34 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
|
20
19
|
children?: any;
|
|
21
20
|
} : {});
|
|
22
21
|
declare const Sequence: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
23
|
-
rate?: number
|
|
22
|
+
rate?: number;
|
|
24
23
|
range?: PlaybackRange;
|
|
25
24
|
iterationCount?: IterationCount;
|
|
26
25
|
direction?: PlaybackDirection;
|
|
27
26
|
rafDriver?: IRafDriver | undefined;
|
|
28
27
|
audio?: SequenceAudioOptions | undefined;
|
|
29
|
-
autoplay?: boolean
|
|
28
|
+
autoplay?: boolean;
|
|
30
29
|
autoreset?: Autoreset;
|
|
31
|
-
autopause?: boolean
|
|
32
|
-
delay?: number
|
|
33
|
-
sequence?: import("./SequenceController").SequenceController
|
|
34
|
-
position?: number
|
|
35
|
-
playing?: boolean
|
|
36
|
-
length?: number
|
|
37
|
-
play?:
|
|
38
|
-
|
|
39
|
-
range?: [from: number, to: number] | undefined;
|
|
40
|
-
rate?: number | undefined;
|
|
41
|
-
direction?: ("reverse" | "alternate" | "normal" | "alternateReverse") | undefined;
|
|
42
|
-
rafDriver?: IRafDriver | undefined;
|
|
43
|
-
} | undefined) => Promise<boolean>) | undefined;
|
|
44
|
-
pause?: (() => void) | undefined;
|
|
30
|
+
autopause?: boolean;
|
|
31
|
+
delay?: number;
|
|
32
|
+
sequence?: import("./SequenceController").SequenceController;
|
|
33
|
+
position?: number;
|
|
34
|
+
playing?: boolean;
|
|
35
|
+
length?: number;
|
|
36
|
+
play?: ISequence["play"];
|
|
37
|
+
pause?: ISequence["pause"];
|
|
45
38
|
}, {
|
|
46
39
|
default: {
|
|
47
40
|
sequence: import("./SequenceController").SequenceController;
|
|
48
41
|
position: number;
|
|
49
42
|
playing: boolean;
|
|
50
43
|
play: (conf?: {
|
|
51
|
-
iterationCount?: number
|
|
52
|
-
range?: [from: number, to: number]
|
|
53
|
-
rate?: number
|
|
54
|
-
direction?:
|
|
55
|
-
rafDriver?: IRafDriver
|
|
56
|
-
}
|
|
44
|
+
iterationCount?: number;
|
|
45
|
+
range?: [from: number, to: number];
|
|
46
|
+
rate?: number;
|
|
47
|
+
direction?: "reverse" | "alternate" | "normal" | "alternateReverse";
|
|
48
|
+
rafDriver?: IRafDriver;
|
|
49
|
+
}) => Promise<boolean>;
|
|
57
50
|
pause: () => void;
|
|
58
51
|
};
|
|
59
52
|
}>, {
|
|
@@ -64,19 +57,19 @@ declare const Sequence: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsW
|
|
|
64
57
|
position: number;
|
|
65
58
|
playing: boolean;
|
|
66
59
|
play: (conf?: {
|
|
67
|
-
iterationCount?: number
|
|
68
|
-
range?: [from: number, to: number]
|
|
69
|
-
rate?: number
|
|
70
|
-
direction?:
|
|
71
|
-
rafDriver?: IRafDriver
|
|
72
|
-
}
|
|
60
|
+
iterationCount?: number;
|
|
61
|
+
range?: [from: number, to: number];
|
|
62
|
+
rate?: number;
|
|
63
|
+
direction?: "reverse" | "alternate" | "normal" | "alternateReverse";
|
|
64
|
+
rafDriver?: IRafDriver;
|
|
65
|
+
}) => Promise<boolean>;
|
|
73
66
|
pause: () => void;
|
|
74
67
|
};
|
|
75
68
|
}, {
|
|
76
69
|
sequence: import("./SequenceController").SequenceController;
|
|
77
70
|
length: number;
|
|
78
|
-
play: ISequence[
|
|
79
|
-
pause: ISequence[
|
|
71
|
+
play: ISequence["play"];
|
|
72
|
+
pause: ISequence["pause"];
|
|
80
73
|
}, string>;
|
|
81
74
|
type Sequence = InstanceType<typeof Sequence>;
|
|
82
75
|
export default Sequence;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="svelte" />
|
|
2
1
|
import type { IProject } from '@theatre/core';
|
|
3
2
|
import { SequenceController } from '../sequence/SequenceController';
|
|
4
3
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
@@ -20,11 +19,11 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
|
20
19
|
children?: any;
|
|
21
20
|
} : {});
|
|
22
21
|
declare const Sheet: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
23
|
-
project?: IProject
|
|
24
|
-
name?: string
|
|
22
|
+
project?: IProject;
|
|
23
|
+
name?: string;
|
|
25
24
|
instance?: string | undefined;
|
|
26
|
-
sheet?: import("@theatre/core").ISheet
|
|
27
|
-
sequence?: SequenceController
|
|
25
|
+
sheet?: import("@theatre/core").ISheet;
|
|
26
|
+
sequence?: SequenceController;
|
|
28
27
|
}, {
|
|
29
28
|
default: {
|
|
30
29
|
sheet: import("@theatre/core").ISheet;
|
|
@@ -3,9 +3,12 @@
|
|
|
3
3
|
- Creating namespaces
|
|
4
4
|
- Potentially Providing a sheet object
|
|
5
5
|
-->
|
|
6
|
-
<script
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
<script
|
|
7
|
+
lang="ts"
|
|
8
|
+
generics="Props extends UnknownShorthandCompoundProps"
|
|
9
|
+
>import { useStudio } from '../studio/useStudio';
|
|
10
|
+
import { currentWritable, useThrelte, watch } from '@threlte/core';
|
|
11
|
+
import { getContext, onDestroy, onMount } from 'svelte';
|
|
9
12
|
import Declare from './declare/Declare.svelte';
|
|
10
13
|
import Sync from './sync/Sync.svelte';
|
|
11
14
|
import Transform from './transform/Transform.svelte';
|
|
@@ -1,32 +1,19 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
detach?: boolean
|
|
10
|
-
selected?: boolean
|
|
11
|
-
props?: T
|
|
12
|
-
|
|
13
|
-
children?: Snippet<
|
|
14
|
-
[
|
|
15
|
-
{
|
|
16
|
-
values: ISheetObject['value']
|
|
17
|
-
selected: boolean
|
|
18
|
-
select: () => void
|
|
19
|
-
deselect: () => void
|
|
20
|
-
sheetObject: ISheetObject
|
|
21
|
-
Sync: typeof Sync
|
|
22
|
-
Transform: typeof Transform
|
|
23
|
-
Declare: typeof Declare
|
|
24
|
-
}
|
|
25
|
-
]
|
|
26
|
-
>
|
|
27
|
-
|
|
28
|
-
onchange?: (sheet: ISheetObject['value']) => void
|
|
1
|
+
import type { UnknownShorthandCompoundProps } from '@theatre/core';
|
|
2
|
+
import type { SheetObjectProps } from './types';
|
|
3
|
+
declare class __sveltets_Render<Props extends UnknownShorthandCompoundProps> {
|
|
4
|
+
props(): SheetObjectProps<Props>;
|
|
5
|
+
events(): {};
|
|
6
|
+
slots(): {};
|
|
7
|
+
bindings(): "selected";
|
|
8
|
+
exports(): {};
|
|
29
9
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
>
|
|
10
|
+
interface $$IsomorphicComponent {
|
|
11
|
+
new <Props extends UnknownShorthandCompoundProps>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Props>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Props>['props']>, ReturnType<__sveltets_Render<Props>['events']>, ReturnType<__sveltets_Render<Props>['slots']>> & {
|
|
12
|
+
$$bindings?: ReturnType<__sveltets_Render<Props>['bindings']>;
|
|
13
|
+
} & ReturnType<__sveltets_Render<Props>['exports']>;
|
|
14
|
+
<Props extends UnknownShorthandCompoundProps>(internal: unknown, props: ReturnType<__sveltets_Render<Props>['props']> & {}): ReturnType<__sveltets_Render<Props>['exports']>;
|
|
15
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
16
|
+
}
|
|
17
|
+
declare const SheetObject: $$IsomorphicComponent;
|
|
18
|
+
type SheetObject<Props extends UnknownShorthandCompoundProps> = InstanceType<typeof SheetObject<Props>>;
|
|
19
|
+
export default SheetObject;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
<script
|
|
1
|
+
<script
|
|
2
|
+
lang="ts"
|
|
3
|
+
generics="P extends UnknownShorthandCompoundProps"
|
|
4
|
+
>import { watch } from '@threlte/core';
|
|
2
5
|
import { onDestroy } from 'svelte';
|
|
3
6
|
import { useSheet } from '../useSheet';
|
|
4
7
|
let { props, children } = $props();
|
|
@@ -1,12 +1,19 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import type { UnknownShorthandCompoundProps } from '@theatre/core';
|
|
2
|
+
import type { DeclareProps } from './types';
|
|
3
|
+
declare class __sveltets_Render<P extends UnknownShorthandCompoundProps> {
|
|
4
|
+
props(): DeclareProps<P>;
|
|
5
|
+
events(): {};
|
|
6
|
+
slots(): {};
|
|
7
|
+
bindings(): "";
|
|
8
|
+
exports(): {};
|
|
8
9
|
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
>
|
|
10
|
+
interface $$IsomorphicComponent {
|
|
11
|
+
new <P extends UnknownShorthandCompoundProps>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<P>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<P>['props']>, ReturnType<__sveltets_Render<P>['events']>, ReturnType<__sveltets_Render<P>['slots']>> & {
|
|
12
|
+
$$bindings?: ReturnType<__sveltets_Render<P>['bindings']>;
|
|
13
|
+
} & ReturnType<__sveltets_Render<P>['exports']>;
|
|
14
|
+
<P extends UnknownShorthandCompoundProps>(internal: unknown, props: ReturnType<__sveltets_Render<P>['props']> & {}): ReturnType<__sveltets_Render<P>['exports']>;
|
|
15
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
16
|
+
}
|
|
17
|
+
declare const Declare: $$IsomorphicComponent;
|
|
18
|
+
type Declare<P extends UnknownShorthandCompoundProps> = InstanceType<typeof Declare<P>>;
|
|
19
|
+
export default Declare;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { ISheetObject, UnknownShorthandCompoundProps } from '@theatre/core';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export type DeclareProps<T extends UnknownShorthandCompoundProps> = {
|
|
4
|
+
props: T;
|
|
5
|
+
children?: Snippet<[{
|
|
6
|
+
values: ISheetObject<T>['value'];
|
|
7
|
+
}]>;
|
|
8
|
+
};
|
|
9
|
+
export type Values<T> = T extends UnknownShorthandCompoundProps ? ISheetObject<T>['value'] : never;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
<script
|
|
1
|
+
<script
|
|
2
|
+
lang="ts"
|
|
3
|
+
generics="Type"
|
|
4
|
+
>import { resolvePropertyPath, useParent, watch } from '@threlte/core';
|
|
2
5
|
import { onDestroy } from 'svelte';
|
|
6
|
+
import { useStudio } from '../../studio/useStudio';
|
|
7
|
+
import { useSheet } from '../useSheet';
|
|
3
8
|
import { getInitialValue } from './utils/getInitialValue';
|
|
4
9
|
import { isComplexProp } from './utils/isComplexProp';
|
|
10
|
+
import { isStringProp } from './utils/isStringProp';
|
|
5
11
|
import { makeAlphanumeric } from './utils/makeAlphanumeric';
|
|
6
12
|
import { parsePropLabel } from './utils/parsePropLabel';
|
|
7
|
-
import { isStringProp } from './utils/isStringProp';
|
|
8
|
-
import { useStudio } from '../../studio/useStudio';
|
|
9
|
-
import { useSheet } from '../useSheet';
|
|
10
13
|
let { type, children, ...rest } = $props();
|
|
11
14
|
const { sheetObject, addProps, removeProps } = useSheet();
|
|
12
15
|
const parent = useParent();
|
|
@@ -73,6 +76,9 @@ watch([parent, sheetObject], ([parent, sheetObject]) => {
|
|
|
73
76
|
});
|
|
74
77
|
initProps();
|
|
75
78
|
const studio = useStudio();
|
|
79
|
+
/**
|
|
80
|
+
* Capture the current values of the props
|
|
81
|
+
*/
|
|
76
82
|
export const capture = () => {
|
|
77
83
|
if (!$studio)
|
|
78
84
|
return;
|
|
@@ -1,65 +1,22 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
| 'id'
|
|
13
|
-
| 'children'
|
|
14
|
-
| `is${string}` // isMesh, isObject3D, etc
|
|
15
|
-
| 'parent'
|
|
16
|
-
| 'uuid'
|
|
17
|
-
| 'name'
|
|
18
|
-
type AnyClass = new (...args: any) => any
|
|
19
|
-
type AnyFn = (...args: any) => any
|
|
20
|
-
type MaybeInstance<Type extends any> = Type extends AnyClass ? InstanceType<Type> : Type
|
|
21
|
-
type InstanceProps<Type extends any> = Partial<
|
|
22
|
-
Omit<
|
|
23
|
-
MaybeInstance<Type> extends Primitive
|
|
24
|
-
? Record<string, unknown>
|
|
25
|
-
: {
|
|
26
|
-
[K in keyof MaybeInstance<Type>]?: MaybeInstance<Type>[K] extends {
|
|
27
|
-
set: (...args: any[]) => any
|
|
28
|
-
}
|
|
29
|
-
?
|
|
30
|
-
| Parameters<MaybeInstance<Type>[K]['set']>
|
|
31
|
-
| Parameters<MaybeInstance<Type>[K]['set']>[0]
|
|
32
|
-
: MaybeInstance<Type>[K] extends AnyFn
|
|
33
|
-
? never
|
|
34
|
-
: MaybeInstance<Type>[K]
|
|
35
|
-
},
|
|
36
|
-
ConditionalKeys<MaybeInstance<Type>, AnyFn> | OmittedPropKeys
|
|
37
|
-
>
|
|
38
|
-
>
|
|
39
|
-
/* COPIED FROM @threlte/core END */
|
|
40
|
-
|
|
41
|
-
type ObjectProp<T> = {
|
|
42
|
-
type?: T
|
|
1
|
+
import type { SyncProps } from './types';
|
|
2
|
+
declare class __sveltets_Render<Type> {
|
|
3
|
+
props(): SyncProps<Type>;
|
|
4
|
+
events(): {};
|
|
5
|
+
slots(): {};
|
|
6
|
+
bindings(): "";
|
|
7
|
+
exports(): {
|
|
8
|
+
/**
|
|
9
|
+
* Capture the current values of the props
|
|
10
|
+
*/ capture: () => void;
|
|
11
|
+
};
|
|
43
12
|
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
13
|
+
interface $$IsomorphicComponent {
|
|
14
|
+
new <Type>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Type>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Type>['props']>, ReturnType<__sveltets_Render<Type>['events']>, ReturnType<__sveltets_Render<Type>['slots']>> & {
|
|
15
|
+
$$bindings?: ReturnType<__sveltets_Render<Type>['bindings']>;
|
|
16
|
+
} & ReturnType<__sveltets_Render<Type>['exports']>;
|
|
17
|
+
<Type>(internal: unknown, props: ReturnType<__sveltets_Render<Type>['props']> & {}): ReturnType<__sveltets_Render<Type>['exports']>;
|
|
18
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
49
19
|
}
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
type AnyProps<T> = {
|
|
54
|
-
[P in keyof InstanceProps<T>]?: AnyProp
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
export type SyncProps<T> = AnyProps<T> &
|
|
58
|
-
ObjectProp<T> &
|
|
59
|
-
Record<string, AnyProp | T> & {
|
|
60
|
-
capture?: () => void
|
|
61
|
-
} & {
|
|
62
|
-
children?: Snippet<[{ capture: () => void }]>
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
export default class Sync<T> extends SvelteComponent<SyncProps<T>> {}
|
|
20
|
+
declare const Sync: $$IsomorphicComponent;
|
|
21
|
+
type Sync<Type> = InstanceType<typeof Sync<Type>>;
|
|
22
|
+
export default Sync;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
import type { ConditionalKeys, Primitive } from 'type-fest';
|
|
3
|
+
import type { Transformer } from '../transfomers/types';
|
|
4
|
+
type OmittedPropKeys = 'type' | 'args' | 'attach' | 'manual' | 'makeDefault' | 'id' | 'children' | `is${string}` | 'parent' | 'uuid' | 'name';
|
|
5
|
+
type AnyClass = new (...args: any) => any;
|
|
6
|
+
type AnyFn = (...args: any) => any;
|
|
7
|
+
type MaybeInstance<Type extends any> = Type extends AnyClass ? InstanceType<Type> : Type;
|
|
8
|
+
type InstanceProps<Type extends any> = Partial<Omit<MaybeInstance<Type> extends Primitive ? Record<string, unknown> : {
|
|
9
|
+
[K in keyof MaybeInstance<Type>]?: MaybeInstance<Type>[K] extends {
|
|
10
|
+
set: (...args: any[]) => any;
|
|
11
|
+
} ? Parameters<MaybeInstance<Type>[K]['set']> | Parameters<MaybeInstance<Type>[K]['set']>[0] : MaybeInstance<Type>[K] extends AnyFn ? never : MaybeInstance<Type>[K];
|
|
12
|
+
}, ConditionalKeys<MaybeInstance<Type>, AnyFn> | OmittedPropKeys>>;
|
|
13
|
+
type ObjectProp<T> = {
|
|
14
|
+
type?: T;
|
|
15
|
+
};
|
|
16
|
+
export type ComplexProp = {
|
|
17
|
+
transformer?: Transformer;
|
|
18
|
+
label?: string;
|
|
19
|
+
key?: string;
|
|
20
|
+
};
|
|
21
|
+
export type AnyProp = string | boolean | ComplexProp;
|
|
22
|
+
type AnyProps<T> = {
|
|
23
|
+
[P in keyof InstanceProps<T>]?: AnyProp;
|
|
24
|
+
};
|
|
25
|
+
export type SyncProps<T> = AnyProps<T> & ObjectProp<T> & Record<string, AnyProp | T> & {
|
|
26
|
+
children?: Snippet<[{
|
|
27
|
+
capture: () => void;
|
|
28
|
+
}]>;
|
|
29
|
+
};
|
|
30
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { AnyProp, ComplexProp } from '../
|
|
1
|
+
import type { AnyProp, ComplexProp } from '../types';
|
|
2
2
|
export declare const isComplexProp: (prop: AnyProp) => prop is ComplexProp;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { AnyProp } from '../
|
|
1
|
+
import type { AnyProp } from '../types';
|
|
2
2
|
export declare const isStringProp: (prop: AnyProp) => prop is string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type { AnyProp } from '../
|
|
1
|
+
import type { AnyProp } from '../types';
|
|
2
2
|
export declare const parsePropLabel: (alphaNumericKey: string, propValue: AnyProp) => string;
|
|
@@ -1,10 +1,13 @@
|
|
|
1
|
-
<script
|
|
2
|
-
|
|
1
|
+
<script
|
|
2
|
+
lang="ts"
|
|
3
|
+
generics="Label extends string | undefined"
|
|
4
|
+
>import { T, watch } from '@threlte/core';
|
|
3
5
|
import { TransformControls } from '@threlte/extras';
|
|
4
6
|
import { onMount } from 'svelte';
|
|
5
7
|
import { Group } from 'three';
|
|
6
8
|
import { RAD2DEG } from 'three/src/math/MathUtils.js';
|
|
7
9
|
import { useStudio } from '../../studio/useStudio';
|
|
10
|
+
import { types } from '../../theatre';
|
|
8
11
|
import { getDefaultTransformer } from '../transfomers/getDefaultTransformer';
|
|
9
12
|
import { useSheet } from '../useSheet';
|
|
10
13
|
let { label, key, mode = 'translate', space, translationSnap, rotationSnap, scaleSnap, children } = $props();
|
|
@@ -1,22 +1,18 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} &
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
export default class Transform<Label extends string | undefined> extends SvelteComponent<
|
|
21
|
-
TransformProps<Label>
|
|
22
|
-
> {}
|
|
1
|
+
import type { TransformProps } from './types';
|
|
2
|
+
declare class __sveltets_Render<Label extends string | undefined> {
|
|
3
|
+
props(): TransformProps<Label>;
|
|
4
|
+
events(): {};
|
|
5
|
+
slots(): {};
|
|
6
|
+
bindings(): "";
|
|
7
|
+
exports(): {};
|
|
8
|
+
}
|
|
9
|
+
interface $$IsomorphicComponent {
|
|
10
|
+
new <Label extends string | undefined>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Label>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Label>['props']>, ReturnType<__sveltets_Render<Label>['events']>, ReturnType<__sveltets_Render<Label>['slots']>> & {
|
|
11
|
+
$$bindings?: ReturnType<__sveltets_Render<Label>['bindings']>;
|
|
12
|
+
} & ReturnType<__sveltets_Render<Label>['exports']>;
|
|
13
|
+
<Label extends string | undefined>(internal: unknown, props: ReturnType<__sveltets_Render<Label>['props']> & {}): ReturnType<__sveltets_Render<Label>['exports']>;
|
|
14
|
+
z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
|
|
15
|
+
}
|
|
16
|
+
declare const Transform: $$IsomorphicComponent;
|
|
17
|
+
type Transform<Label extends string | undefined> = InstanceType<typeof Transform<Label>>;
|
|
18
|
+
export default Transform;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
export type TransformProps<T extends string | undefined> = {
|
|
3
|
+
label?: T;
|
|
4
|
+
mode?: 'translate' | 'rotate' | 'scale';
|
|
5
|
+
translationSnap?: number;
|
|
6
|
+
rotationSnap?: number;
|
|
7
|
+
scaleSnap?: number;
|
|
8
|
+
space?: 'world' | 'local';
|
|
9
|
+
children?: Snippet;
|
|
10
|
+
} & (T extends string ? {
|
|
11
|
+
key: string;
|
|
12
|
+
} : {
|
|
13
|
+
key?: string;
|
|
14
|
+
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { ISheetObject, UnknownShorthandCompoundProps } from '@theatre/core';
|
|
2
|
+
import { type Snippet } from 'svelte';
|
|
3
|
+
import type Declare from './declare/Declare.svelte';
|
|
4
|
+
import type Sync from './sync/Sync.svelte';
|
|
5
|
+
import type Transform from './transform/Transform.svelte';
|
|
6
|
+
export type SheetObjectProps<T extends UnknownShorthandCompoundProps> = {
|
|
7
|
+
key: string;
|
|
8
|
+
detach?: boolean;
|
|
9
|
+
selected?: boolean;
|
|
10
|
+
props?: T;
|
|
11
|
+
children?: Snippet<[
|
|
12
|
+
{
|
|
13
|
+
values: ISheetObject['value'];
|
|
14
|
+
selected: boolean;
|
|
15
|
+
select: () => void;
|
|
16
|
+
deselect: () => void;
|
|
17
|
+
sheetObject: ISheetObject<T>;
|
|
18
|
+
Sync: typeof Sync;
|
|
19
|
+
Transform: typeof Transform;
|
|
20
|
+
Declare: typeof Declare;
|
|
21
|
+
}
|
|
22
|
+
]>;
|
|
23
|
+
onchange?: (sheet: ISheetObject<T>['value']) => void;
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import type { ISheetObject, UnknownShorthandCompoundProps } from '@theatre/core';
|
|
2
2
|
import type { CurrentWritable } from '@threlte/core';
|
|
3
|
-
|
|
4
|
-
sheetObject: CurrentWritable<ISheetObject<
|
|
3
|
+
type Context<T extends UnknownShorthandCompoundProps = {}> = {
|
|
4
|
+
sheetObject: CurrentWritable<ISheetObject<T>>;
|
|
5
5
|
addProps: (props: UnknownShorthandCompoundProps) => void;
|
|
6
6
|
removeProps: (names: string[]) => void;
|
|
7
|
-
}
|
|
7
|
+
};
|
|
8
8
|
export declare const createSheetContext: (context: Context) => void;
|
|
9
|
-
export declare const useSheet: () => Context
|
|
9
|
+
export declare const useSheet: <T extends UnknownShorthandCompoundProps = {}>() => Context<T>;
|
|
10
10
|
export {};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="svelte" />
|
|
2
1
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
3
2
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
3
|
$$bindings?: Bindings;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="svelte" />
|
|
2
1
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
3
2
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
3
|
$$bindings?: Bindings;
|
|
@@ -18,8 +17,8 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
|
18
17
|
children?: any;
|
|
19
18
|
} : {});
|
|
20
19
|
declare const Studio: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
21
|
-
enabled?: boolean
|
|
22
|
-
hide?: boolean
|
|
20
|
+
enabled?: boolean;
|
|
21
|
+
hide?: boolean;
|
|
23
22
|
}, {
|
|
24
23
|
default: {};
|
|
25
24
|
}>, {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="svelte" />
|
|
2
1
|
import type { IProjectConfig } from '@theatre/core';
|
|
3
2
|
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
4
3
|
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
@@ -20,9 +19,9 @@ type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
|
20
19
|
} : {});
|
|
21
20
|
declare const Theatre: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
|
|
22
21
|
studio?: {
|
|
23
|
-
enabled?: boolean
|
|
24
|
-
hide?: boolean
|
|
25
|
-
}
|
|
22
|
+
enabled?: boolean;
|
|
23
|
+
hide?: boolean;
|
|
24
|
+
};
|
|
26
25
|
config?: IProjectConfig | undefined;
|
|
27
26
|
}, {
|
|
28
27
|
default: {};
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@threlte/theatre",
|
|
3
|
-
"version": "3.0.0-next.
|
|
3
|
+
"version": "3.0.0-next.9",
|
|
4
4
|
"author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Threlte Components for Theatre, an animation library with a professional motion design toolset",
|
|
7
7
|
"devDependencies": {
|
|
8
|
-
"@sveltejs/adapter-auto": "^3.
|
|
9
|
-
"@sveltejs/kit": "^2.7.
|
|
8
|
+
"@sveltejs/adapter-auto": "^3.3.1",
|
|
9
|
+
"@sveltejs/kit": "^2.7.7",
|
|
10
10
|
"@sveltejs/package": "^2.3.7",
|
|
11
|
-
"@sveltejs/vite-plugin-svelte": "^
|
|
11
|
+
"@sveltejs/vite-plugin-svelte": "^4.0.0",
|
|
12
12
|
"@types/node": "^20.12.7",
|
|
13
13
|
"@types/three": "^0.169.0",
|
|
14
14
|
"@typescript-eslint/eslint-plugin": "^7.6.0",
|
|
@@ -21,17 +21,17 @@
|
|
|
21
21
|
"prettier-plugin-svelte": "^3.2.2",
|
|
22
22
|
"publint": "^0.2.7",
|
|
23
23
|
"rimraf": "^5.0.5",
|
|
24
|
-
"svelte": "^5.1.
|
|
24
|
+
"svelte": "^5.1.10",
|
|
25
25
|
"svelte-check": "^3.6.9",
|
|
26
26
|
"svelte-preprocess": "^5.1.3",
|
|
27
27
|
"svelte2tsx": "^0.7.6",
|
|
28
|
-
"three": "^0.
|
|
28
|
+
"three": "^0.170.0",
|
|
29
29
|
"tslib": "^2.6.2",
|
|
30
30
|
"type-fest": "^4.15.0",
|
|
31
|
-
"typescript": "^5.
|
|
31
|
+
"typescript": "^5.6.3",
|
|
32
32
|
"vite": "^5.2.8",
|
|
33
|
-
"@threlte/core": "8.0.0-next.
|
|
34
|
-
"@threlte/extras": "9.0.0-next.
|
|
33
|
+
"@threlte/core": "8.0.0-next.28",
|
|
34
|
+
"@threlte/extras": "9.0.0-next.37"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"svelte": ">=4",
|