react-three-game 0.0.39 → 0.0.41

package/dist/tools/prefabeditor/styles.js

@@ -1,168 +0,0 @@
-// Shared editor styles - single source of truth for all prefab editor UI
-export const colors = {
-    bg: 'rgba(0,0,0,0.6)',
-    bgLight: 'rgba(255,255,255,0.06)',
-    bgHover: 'rgba(255,255,255,0.1)',
-    border: 'rgba(255,255,255,0.15)',
-    borderLight: 'rgba(255,255,255,0.1)',
-    borderFaint: 'rgba(255,255,255,0.05)',
-    text: '#fff',
-    textMuted: 'rgba(255,255,255,0.7)',
-    danger: '#ffaaaa',
-    dangerBg: 'rgba(255,80,80,0.2)',
-    dangerBorder: 'rgba(255,80,80,0.4)',
-};
-export const fonts = {
-    family: 'system-ui, sans-serif',
-    size: 11,
-    sizeSm: 10,
-};
-// Base component styles
-export const base = {
-    panel: {
-        background: colors.bg,
-        color: colors.text,
-        border: `1px solid ${colors.border}`,
-        borderRadius: 4,
-        overflow: 'hidden',
-        backdropFilter: 'blur(8px)',
-        fontFamily: fonts.family,
-        fontSize: fonts.size,
-    },
-    header: {
-        padding: '6px 8px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        cursor: 'pointer',
-        background: colors.bgLight,
-        borderBottom: `1px solid ${colors.borderLight}`,
-        fontSize: fonts.size,
-        fontWeight: 500,
-        textTransform: 'uppercase',
-        letterSpacing: 0.5,
-    },
-    input: {
-        width: '100%',
-        background: colors.bgHover,
-        border: `1px solid ${colors.border}`,
-        borderRadius: 3,
-        padding: '4px 6px',
-        color: colors.text,
-        fontSize: fonts.size,
-        outline: 'none',
-    },
-    btn: {
-        background: colors.bgHover,
-        border: `1px solid ${colors.border}`,
-        borderRadius: 3,
-        padding: '4px 8px',
-        color: colors.text,
-        fontSize: fonts.size,
-        cursor: 'pointer',
-        outline: 'none',
-    },
-    btnDanger: {
-        background: colors.dangerBg,
-        borderColor: colors.dangerBorder,
-        color: colors.danger,
-    },
-    label: {
-        fontSize: fonts.sizeSm,
-        opacity: 0.7,
-        marginBottom: 4,
-        textTransform: 'uppercase',
-        letterSpacing: 0.5,
-    },
-    row: {
-        display: 'flex',
-        gap: 6,
-    },
-    section: {
-        paddingBottom: 8,
-        borderBottom: `1px solid ${colors.borderLight}`,
-    },
-};
-// Specific panel styles
-export const inspector = {
-    panel: Object.assign(Object.assign({}, base.panel), { position: 'absolute', top: 8, right: 8, zIndex: 20, width: 260 }),
-    content: {
-        padding: 8,
-        maxHeight: '80vh',
-        overflowY: 'auto',
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 8,
-    },
-};
-export const tree = {
-    panel: Object.assign(Object.assign({}, base.panel), { maxHeight: '85vh', display: 'flex', flexDirection: 'column', userSelect: 'none' }),
-    scroll: {
-        overflowY: 'auto',
-        padding: 4,
-    },
-    row: {
-        display: 'flex',
-        alignItems: 'center',
-        padding: '3px 6px',
-        borderBottom: `1px solid ${colors.borderFaint}`,
-        cursor: 'pointer',
-        whiteSpace: 'nowrap',
-    },
-    selected: {
-        background: 'rgba(255,255,255,0.12)',
-    },
-};
-export const menu = {
-    container: {
-        position: 'fixed',
-        zIndex: 50,
-        minWidth: 120,
-        background: 'rgba(0,0,0,0.85)',
-        border: `1px solid ${colors.border}`,
-        borderRadius: 4,
-        overflow: 'hidden',
-        boxShadow: '0 8px 24px rgba(0,0,0,0.5)',
-        backdropFilter: 'blur(8px)',
-    },
-    item: {
-        width: '100%',
-        textAlign: 'left',
-        padding: '6px 8px',
-        background: 'transparent',
-        border: 'none',
-        color: colors.text,
-        fontSize: fonts.size,
-        cursor: 'pointer',
-        outline: 'none',
-    },
-    danger: {
-        color: colors.danger,
-    },
-};
-export const toolbar = {
-    panel: {
-        position: 'absolute',
-        top: 8,
-        left: '50%',
-        transform: 'translateX(-50%)',
-        display: 'flex',
-        gap: 6,
-        padding: '4px 6px',
-        background: colors.bg,
-        border: `1px solid ${colors.border}`,
-        borderRadius: 4,
-        color: colors.text,
-        fontFamily: fonts.family,
-        fontSize: fonts.size,
-        backdropFilter: 'blur(8px)',
-    },
-    divider: {
-        width: 1,
-        background: 'rgba(255,255,255,0.2)',
-    },
-    disabled: {
-        opacity: 0.4,
-        cursor: 'not-allowed',
-    },
-};

package/dist/tools/prefabeditor/types.d.ts

@@ -1,19 +0,0 @@
-export interface Prefab {
-    id?: string;
-    name?: string;
-    root: GameObject;
-}
-export interface GameObject {
-    id: string;
-    name?: string;
-    disabled?: boolean;
-    hidden?: boolean;
-    children?: GameObject[];
-    components?: {
-        [key: string]: ComponentData | undefined;
-    };
-}
-export interface ComponentData {
-    type: string;
-    properties: Record<string, any>;
-}

package/dist/tools/prefabeditor/types.js

@@ -1 +0,0 @@
-export {};

package/dist/tools/prefabeditor/utils.d.ts

@@ -1,26 +0,0 @@
-import { GameObject, Prefab } from "./types";
-/** Save a prefab as JSON file */
-export declare function saveJson(data: Prefab, filename: string): void;
-/** Load a prefab from JSON file */
-export declare function loadJson(): Promise<Prefab | undefined>;
-/** Find a node by ID in the tree */
-export declare function findNode(root: GameObject, id: string): GameObject | null;
-/** Find the parent of a node by ID */
-export declare function findParent(root: GameObject, id: string): GameObject | null;
-/** Find all nodes matching a predicate */
-export declare function findAll(root: GameObject, predicate: (node: GameObject) => boolean): GameObject[];
-/** Find all nodes that have a specific component type */
-export declare function findByComponent(root: GameObject, componentType: string): GameObject[];
-/** Get a flattened list of all nodes */
-export declare function flatten(root: GameObject): GameObject[];
-/** Immutably update a node by ID */
-export declare function updateNode(root: GameObject, id: string, update: (node: GameObject) => GameObject): GameObject;
-/** Immutably delete a node by ID */
-export declare function deleteNode(root: GameObject, id: string): GameObject | null;
-/** Deep clone a node with new IDs */
-export declare function cloneNode(node: GameObject): GameObject;
-/** Recursively update all IDs in a node tree */
-export declare function regenerateIds(node: GameObject): GameObject;
-/** Get component data from a node */
-export declare function getComponent<T = any>(node: GameObject, type: string): T | undefined;
-export declare function updateNodeById(root: GameObject, id: string, updater: (node: GameObject) => GameObject): GameObject;

package/dist/tools/prefabeditor/utils.js

@@ -1,131 +0,0 @@
-/** Save a prefab as JSON file */
-export function saveJson(data, filename) {
-    const a = document.createElement('a');
-    a.href = "data:text/json;charset=utf-8," + encodeURIComponent(JSON.stringify(data, null, 2));
-    a.download = `${filename || 'prefab'}.json`;
-    a.click();
-}
-/** Load a prefab from JSON file */
-export function loadJson() {
-    return new Promise(resolve => {
-        const input = document.createElement('input');
-        input.type = 'file';
-        input.accept = '.json,application/json';
-        input.onchange = e => {
-            var _a;
-            const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
-            if (!file)
-                return resolve(undefined);
-            const reader = new FileReader();
-            reader.onload = e => {
-                var _a;
-                try {
-                    const text = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
-                    if (typeof text === 'string')
-                        resolve(JSON.parse(text));
-                }
-                catch (err) {
-                    console.error('Error parsing prefab JSON:', err);
-                    resolve(undefined);
-                }
-            };
-            reader.readAsText(file);
-        };
-        input.click();
-    });
-}
-/** Find a node by ID in the tree */
-export function findNode(root, id) {
-    var _a;
-    if (root.id === id)
-        return root;
-    for (const child of (_a = root.children) !== null && _a !== void 0 ? _a : []) {
-        const found = findNode(child, id);
-        if (found)
-            return found;
-    }
-    return null;
-}
-/** Find the parent of a node by ID */
-export function findParent(root, id) {
-    var _a;
-    for (const child of (_a = root.children) !== null && _a !== void 0 ? _a : []) {
-        if (child.id === id)
-            return root;
-        const found = findParent(child, id);
-        if (found)
-            return found;
-    }
-    return null;
-}
-/** Find all nodes matching a predicate */
-export function findAll(root, predicate) {
-    var _a;
-    const results = [];
-    if (predicate(root))
-        results.push(root);
-    for (const child of (_a = root.children) !== null && _a !== void 0 ? _a : []) {
-        results.push(...findAll(child, predicate));
-    }
-    return results;
-}
-/** Find all nodes that have a specific component type */
-export function findByComponent(root, componentType) {
-    return findAll(root, node => { var _a; return Object.values((_a = node.components) !== null && _a !== void 0 ? _a : {}).some(c => (c === null || c === void 0 ? void 0 : c.type) === componentType); });
-}
-/** Get a flattened list of all nodes */
-export function flatten(root) {
-    return findAll(root, () => true);
-}
-/** Immutably update a node by ID */
-export function updateNode(root, id, update) {
-    if (root.id === id)
-        return update(root);
-    if (!root.children)
-        return root;
-    return Object.assign(Object.assign({}, root), { children: root.children.map(child => updateNode(child, id, update)) });
-}
-/** Immutably delete a node by ID */
-export function deleteNode(root, id) {
-    if (root.id === id)
-        return null;
-    if (!root.children)
-        return root;
-    return Object.assign(Object.assign({}, root), { children: root.children
-            .map(child => deleteNode(child, id))
-            .filter((child) => child !== null) });
-}
-/** Deep clone a node with new IDs */
-export function cloneNode(node) {
-    var _a, _b;
-    return Object.assign(Object.assign({}, node), { id: crypto.randomUUID(), name: `${(_a = node.name) !== null && _a !== void 0 ? _a : "Node"} Copy`, children: (_b = node.children) === null || _b === void 0 ? void 0 : _b.map(cloneNode) });
-}
-/** Recursively update all IDs in a node tree */
-export function regenerateIds(node) {
-    var _a;
-    return Object.assign(Object.assign({}, node), { id: crypto.randomUUID(), children: (_a = node.children) === null || _a === void 0 ? void 0 : _a.map(regenerateIds) });
-}
-/** Get component data from a node */
-export function getComponent(node, type) {
-    var _a;
-    const comp = Object.values((_a = node.components) !== null && _a !== void 0 ? _a : {}).find(c => (c === null || c === void 0 ? void 0 : c.type) === type);
-    return comp === null || comp === void 0 ? void 0 : comp.properties;
-}
-export function updateNodeById(root, id, updater) {
-    if (root.id === id) {
-        return updater(root);
-    }
-    if (!root.children) {
-        return root;
-    }
-    let didChange = false;
-    const newChildren = root.children.map(child => {
-        const updated = updateNodeById(child, id, updater);
-        if (updated !== child)
-            didChange = true;
-        return updated;
-    });
-    if (!didChange)
-        return root;
-    return Object.assign(Object.assign({}, root), { children: newChildren });
-}