New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@threlte/studio

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@threlte/studio - npm Package Compare versions

Comparing version

0.1.0
to
0.1.1

vite/vite.cjs
vite/vite.cjs.map
vite/vite.d.cts
vite/vite.d.ts
vite/vite.js
vite/vite.js.map

2

dist/extend.js

@@ -1,2 +0,2 @@

export { useStudio } from './internal/extensions.js';
export { useStudio } from './internal/extensions';
// GUI components

@@ -3,0 +3,0 @@ export { default as DropDownPane } from './components/DropDownPane.svelte';

8

dist/extensions.js
export { useObjectSelection } from './extensions/object-selection/useObjectSelection.svelte';
export { useSnapping } from './extensions/snapping/useSnapping.svelte';
export { useSpace } from './extensions/space/useSpace.js';
export { useSpace } from './extensions/space/useSpace';
export { useStudioObjectsRegistry } from './extensions/studio-objects-registry/useStudioObjectsRegistry.svelte';
export { useTransformControls } from './extensions/transform-controls/useTransformControls.js';
export { useTransactions } from './extensions/transactions/useTransactions.js';
export { useStaticState } from './extensions/static-state/useStaticState.js';
export { useTransformControls } from './extensions/transform-controls/useTransformControls';
export { useTransactions } from './extensions/transactions/useTransactions';
export { useStaticState } from './extensions/static-state/useStaticState';
// TODO: DOCUMENT THESE
export { useEditorCamera } from './extensions/editor-camera/useEditorCamera.svelte';

4

dist/extensions/editor-camera/useEditorCamera.svelte.js

@@ -1,3 +0,3 @@

import { useStudio } from '../../internal/extensions.js';
import { editorCameraScope } from './types.js';
import { useStudio } from '../../internal/extensions';
import { editorCameraScope } from './types';
export const useEditorCamera = () => {

@@ -4,0 +4,0 @@ const { useExtension } = useStudio();

4

dist/extensions/object-selection/useObjectSelection.svelte.js

@@ -1,3 +0,3 @@

import { useStudio } from '../../internal/extensions.js';
import { objectSelectionScope } from './types.js';
import { useStudio } from '../../internal/extensions';
import { objectSelectionScope } from './types';
export const useObjectSelection = () => {

@@ -4,0 +4,0 @@ const { useExtension } = useStudio();

4

dist/extensions/snapping/useSnapping.svelte.js

@@ -1,3 +0,3 @@

import { useStudio } from '../../internal/extensions.js';
import { snappingScope } from './types.js';
import { useStudio } from '../../internal/extensions';
import { snappingScope } from './types';
export const useSnapping = () => {

@@ -4,0 +4,0 @@ const { useExtension } = useStudio();

4

dist/extensions/space/useSpace.js

@@ -1,3 +0,3 @@

import { useStudio } from '../../internal/extensions.js';
import { spaceScope } from './types.js';
import { useStudio } from '../../internal/extensions';
import { spaceScope } from './types';
export const useSpace = () => {

@@ -4,0 +4,0 @@ const { useExtension } = useStudio();

2

dist/extensions/static-state/StaticState.js
import { onDestroy } from 'svelte';
import { SvelteMap, SvelteSet } from 'svelte/reactivity';
import { staticStateMetaKey } from '../../config.js';
import { staticStateMetaKey } from '../../config';
export const register = Symbol('register');

@@ -5,0 +5,0 @@ export const unregister = Symbol('unregister');

4

dist/extensions/static-state/useStaticState.js

@@ -1,3 +0,3 @@

import { useStudio } from '../../extend.js';
import { staticStateScope } from './types.js';
import { useStudio } from '../../extend';
import { staticStateScope } from './types';
export const useStaticState = () => {

@@ -4,0 +4,0 @@ const { useExtension } = useStudio();

4

dist/extensions/studio-objects-registry/useStudioObjectsRegistry.svelte.js
import { isInstanceOf } from '@threlte/core';
import { onDestroy } from 'svelte';
import { useStudio } from '../../internal/extensions.js';
import { studioObjectsRegistryScope } from './types.js';
import { useStudio } from '../../internal/extensions';
import { studioObjectsRegistryScope } from './types';
export const useStudioObjectsRegistry = () => {

@@ -6,0 +6,0 @@ const { useExtension } = useStudio();

2

dist/extensions/transactions/TransactionQueue/buildTransaction.js
import { resolvePropertyPath } from '@threlte/core';
import { getThrelteStudioUserData } from '../../../internal/getThrelteStudioUserData.js';
import { getThrelteStudioUserData } from '../../../internal/getThrelteStudioUserData';
export const buildTransaction = ({ object, propertyPath, value, historicValue, createHistoryRecord, sync }) => {

@@ -4,0 +4,0 @@ const { target, key } = resolvePropertyPath(object, propertyPath);

2

dist/extensions/transactions/TransactionQueue/TransactionQueue.svelte.js
/* eslint-disable max-classes-per-file */
import { clientRpc } from '../../../rpc/clientRpc.js';
import { clientRpc } from '../../../rpc/clientRpc';
const parser = {

@@ -4,0 +4,0 @@ isVector3: (value) => [value.x, value.y, value.z],

8

dist/extensions/transactions/useTransactions.js

@@ -1,5 +0,5 @@

import { useStudio } from '../../internal/extensions.js';
import { buildTransaction } from './TransactionQueue/buildTransaction.js';
import { transactionsScope } from './types.js';
import { vitePluginEnabled } from './vitePluginEnabled.js';
import { useStudio } from '../../internal/extensions';
import { buildTransaction } from './TransactionQueue/buildTransaction';
import { transactionsScope } from './types';
import { vitePluginEnabled } from './vitePluginEnabled';
export const useTransactions = () => {

@@ -6,0 +6,0 @@ const { useExtension } = useStudio();

4

dist/extensions/transform-controls/useTransformControls.js

@@ -1,3 +0,3 @@

import { useStudio } from '../../internal/extensions.js';
import { transformControlsScope } from './types.js';
import { useStudio } from '../../internal/extensions';
import { transformControlsScope } from './types';
export const useTransformControls = () => {

@@ -4,0 +4,0 @@ const { useExtension } = useStudio();

2

dist/index.js
export { default as Studio } from './components/Studio.svelte';
export { StaticState } from './extensions/static-state/StaticState.js';
export { StaticState } from './extensions/static-state/StaticState';

6

dist/internal/extensions.js
import { getContext, onDestroy, setContext } from 'svelte';
import { createActions } from './actions.js';
import { createKeyboardControls, hotkeyFns } from './keyboard.js';
import { createActions } from './actions';
import { createKeyboardControls, hotkeyFns } from './keyboard';
import { createState } from './state.svelte';
import { beforeUnload } from './useBeforeUnload.js';
import { beforeUnload } from './useBeforeUnload';
export const createRootContext = (namespace, transient) => {

@@ -7,0 +7,0 @@ const state = createState(namespace, transient);

2

dist/internal/state.svelte.js

@@ -1,2 +0,2 @@

import { scopeId } from './scopeUtils.js';
import { scopeId } from './scopeUtils';
// Persistance

@@ -3,0 +3,0 @@ const persist = {

10

dist/vite-plugin/open-in-editor/index.js

@@ -1,7 +0,7 @@

import * as fileUtils from '../utils/fileUtils.js';
import * as componentParser from '../utils/componentParser.js';
import * as componentUtils from '../utils/componentUtils.js';
import { toMagicString } from '../utils/magicStringUtils.js';
import * as fileUtils from '../utils/fileUtils';
import * as componentParser from '../utils/componentParser';
import * as componentUtils from '../utils/componentUtils';
import { toMagicString } from '../utils/magicStringUtils';
import indexToPosition from 'index-to-position';
import * as logger from '../utils/logger.js';
import * as logger from '../utils/logger';
export const getColumnAndRow = async (moduleId, componentIndex) => {

@@ -8,0 +8,0 @@ const code = fileUtils.readFile(moduleId);

10

dist/vite-plugin/static-state/index.js
import util from 'node:util';
import { preprocess } from 'svelte/compiler';
import ts from 'typescript';
import { staticStateMetaKey } from '../../config.js';
import * as hmr from '../hmr.js';
import { readFile, writeFile } from '../utils/fileUtils.js';
import { toMagicString } from '../utils/magicStringUtils.js';
import { isModule } from '../utils/componentUtils.js';
import { staticStateMetaKey } from '../../config';
import * as hmr from '../hmr';
import { readFile, writeFile } from '../utils/fileUtils';
import { toMagicString } from '../utils/magicStringUtils';
import { isModule } from '../utils/componentUtils';
const createAst = (code, id) => {

@@ -10,0 +10,0 @@ return ts.createSourceFile(id, code, ts.ScriptTarget.Latest, true);

12

dist/vite-plugin/transactions/index.js

@@ -1,7 +0,7 @@

import * as hmr from '../hmr.js';
import * as componentParser from '../utils/componentParser.js';
import { addStudioRuntimeProps, hasTComponent } from '../utils/componentParser.js';
import * as componentUtils from '../utils/componentUtils.js';
import * as fileUtils from '../utils/fileUtils.js';
import { toMagicString } from '../utils/magicStringUtils.js';
import * as hmr from '../hmr';
import * as componentParser from '../utils/componentParser';
import { addStudioRuntimeProps, hasTComponent } from '../utils/componentParser';
import * as componentUtils from '../utils/componentUtils';
import * as fileUtils from '../utils/fileUtils';
import { toMagicString } from '../utils/magicStringUtils';
export const transformComponent = async (code, id) => {

@@ -8,0 +8,0 @@ if (!id.endsWith('.svelte'))

8

dist/vite-plugin/utils/__tests__/index.test.js
import { describe, expect, test } from 'vitest';
import { addStudioRuntimeProps, findNodeByIndex, readAttribute, removeAttribute, upsertAttribute } from '../componentParser.js';
import { disassembleComponent } from '../componentUtils.js';
import { recreateMagicString } from '../magicStringUtils.js';
import { buildTestComponent, expectedInsertPropsMarkup, expectedUpdatePropsMarkup, insertPropsMarkup, markup, markupWithProps, markupWithRemovedProps, markupWithStudioProps, markupWithUpdatedProps, script, scriptModule, style, updatePropsMarkup } from './testComponent.js';
import { addStudioRuntimeProps, findNodeByIndex, readAttribute, removeAttribute, upsertAttribute } from '../componentParser';
import { disassembleComponent } from '../componentUtils';
import { recreateMagicString } from '../magicStringUtils';
import { buildTestComponent, expectedInsertPropsMarkup, expectedUpdatePropsMarkup, insertPropsMarkup, markup, markupWithProps, markupWithRemovedProps, markupWithStudioProps, markupWithUpdatedProps, script, scriptModule, style, updatePropsMarkup } from './testComponent';
describe('sync utilities', () => {

@@ -7,0 +7,0 @@ test('disassemble and reassemble component', async () => {

2

dist/vite-plugin/utils/__tests__/testComponent.js
/* eslint-disable max-len */
import MagicString from 'magic-string';
import { toMagicString } from '../magicStringUtils.js';
import { toMagicString } from '../magicStringUtils';
export const scriptModule = `<script lang="ts" context="module">

@@ -5,0 +5,0 @@ const foo = 'bar'

2

dist/vite-plugin/utils/__tests__/transaction.test.js
import { describe, expect, test } from 'vitest';
import { TransactionQueue } from '../../../extensions/transactions/TransactionQueue/TransactionQueue.svelte';
import { buildTransaction } from '../../../extensions/transactions/TransactionQueue/buildTransaction.js';
import { buildTransaction } from '../../../extensions/transactions/TransactionQueue/buildTransaction';
describe('Transaction System', () => {

@@ -5,0 +5,0 @@ test('commit', () => {

10

dist/vite-plugin/vitePlugin.js
import { createRPCServer } from 'vite-dev-rpc';
import * as hmr from './hmr.js';
import * as openInEditor from './open-in-editor.js';
import * as staticState from './static-state.js';
import * as transactions from './transactions.js';
import * as logger from './utils/logger.js';
import * as hmr from './hmr';
import * as openInEditor from './open-in-editor';
import * as staticState from './static-state';
import * as transactions from './transactions';
import * as logger from './utils/logger';
export const plugin = (options) => {

@@ -8,0 +8,0 @@ return {

2

dist/vite.js

@@ -1,1 +0,1 @@

export { plugin as threlteStudio } from './vite-plugin/vitePlugin.js';
export { plugin as threlteStudio } from './vite-plugin/vitePlugin';

21

package.json
{
"name": "@threlte/studio",
"version": "0.1.0",
"version": "0.1.1",
"author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",

@@ -31,2 +31,3 @@ "license": "MIT",

"tslib": "^2.6.2",
"tsup": "^8.3.5",
"typescript": "5.4.5",

@@ -36,4 +37,4 @@ "vite": "^5.2.8",

"vitest": "^2.1.5",
"@threlte/core": "8.0.0",
"@threlte/extras": "9.0.0"
"@threlte/extras": "9.0.0",
"@threlte/core": "8.0.0"
},

@@ -63,6 +64,6 @@ "peerDependencies": {

"./vite": {
"types": "./dist/vite.d.ts",
"import": "./dist/vite.js",
"svelte": "./dist/vite.js",
"default": "./dist/vite.js"
"types": "./vite/vite.d.ts",
"import": "./vite/vite.js",
"require": "./vite/vite.cjs",
"default": "./vite/vite.js"
}

@@ -88,7 +89,9 @@ },

"files": [
"dist"
"dist",
"vite"
],
"scripts": {
"dev": "vite dev",
"package": "svelte-kit sync && svelte-package && node ./scripts/cleanupPackage.js && node ./scripts/fix-extensions.js && publint",
"build:vite-plugin": "tsup",
"package": "svelte-kit sync && svelte-package && pnpm run build:vite-plugin && node ./scripts/cleanupPackage.js && publint",
"check": "svelte-check --tsconfig ./tsconfig.json",

@@ -95,0 +98,0 @@ "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",