react-three-game 0.0.59 → 0.0.61

package/dist/tools/dragdrop/DragDropLoader.d.ts

@@ -1,22 +1,22 @@
 import type { HTMLAttributes, ReactNode } from "react";
-import type { LoadedModel } from "./modelLoader";
-export interface FileLoadOptions {
+import type { LoadedModel, LoadedTexture } from "./modelLoader";
+export interface AssetLoadOptions {
     onModelLoaded?: (model: LoadedModel, filename: string, file: File) => void | Promise<void>;
-    onFileLoaded?: (file: File) => void | Promise<void>;
+    onTextureLoaded?: (texture: LoadedTexture, filename: string, file: File) => void | Promise<void>;
+    onUnhandledFile?: (file: File) => void | Promise<void>;
     onFilesLoaded?: (files: File[]) => void | Promise<void>;
-    onModelError?: (error: unknown, filename: string, file: File) => void | Promise<void>;
-    parseModels?: boolean;
+    onLoadError?: (error: unknown, filename: string, file: File) => void | Promise<void>;
 }
 type DivProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "onDrop" | "onDragOver">;
-export interface DragDropLoaderProps extends FileLoadOptions, DivProps {
+export interface DragDropLoaderProps extends AssetLoadOptions, DivProps {
     children?: ReactNode;
 }
-export interface FilePickerProps extends FileLoadOptions, DivProps {
+export interface FilePickerProps extends AssetLoadOptions, DivProps {
     accept?: string;
     children?: ReactNode;
     multiple?: boolean;
 }
-export declare function loadFiles(files: File[], { onModelLoaded, onFileLoaded, onFilesLoaded, onModelError, parseModels }: FileLoadOptions): Promise<void>;
+export declare function loadFiles(files: File[], { onModelLoaded, onTextureLoaded, onUnhandledFile, onFilesLoaded, onLoadError }: AssetLoadOptions): Promise<void>;
 export declare function DragDropLoader({ children, ...divProps }: DragDropLoaderProps): import("react/jsx-runtime").JSX.Element;
 export declare function FilePicker({ accept, children, multiple, ...divProps }: FilePickerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/tools/dragdrop/DragDropLoader.js

@@ -20,27 +20,45 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
-import { canParseModelFile, parseModelFromFile } from "./modelLoader";
+import { canParseModelFile, canParseTextureFile, parseModelFromFile, parseTextureFromFile } from "./modelLoader";
+const DEFAULT_ACCEPT = ".glb,.gltf,.fbx,.png,.jpg,.jpeg,.webp,.gif,.bmp,.svg";
 function getFiles(fileList) {
     return fileList ? Array.from(fileList) : [];
 }
 export function loadFiles(files_1, _a) {
-    return __awaiter(this, arguments, void 0, function* (files, { onModelLoaded, onFileLoaded, onFilesLoaded, onModelError, parseModels = true }) {
+    return __awaiter(this, arguments, void 0, function* (files, { onModelLoaded, onTextureLoaded, onUnhandledFile, onFilesLoaded, onLoadError }) {
         yield Promise.all(files.map((file) => __awaiter(this, void 0, void 0, function* () {
-            yield (onFileLoaded === null || onFileLoaded === void 0 ? void 0 : onFileLoaded(file));
-            if (!parseModels || !canParseModelFile(file) || (!onModelLoaded && !onModelError)) {
+            const shouldParseModel = canParseModelFile(file);
+            const shouldParseTexture = canParseTextureFile(file);
+            if (shouldParseModel) {
+                const result = yield parseModelFromFile(file);
+                if (result.success && result.model) {
+                    yield (onModelLoaded === null || onModelLoaded === void 0 ? void 0 : onModelLoaded(result.model, file.name, file));
+                    return;
+                }
+                if (onLoadError) {
+                    yield onLoadError(result.error, file.name, file);
+                    return;
+                }
+                console.error("Model parse error:", result.error);
                 return;
             }
-            const result = yield parseModelFromFile(file);
-            if (result.success && result.model) {
-                yield (onModelLoaded === null || onModelLoaded === void 0 ? void 0 : onModelLoaded(result.model, file.name, file));
+            if (shouldParseTexture) {
+                const result = yield parseTextureFromFile(file);
+                if (result.success && result.texture) {
+                    yield (onTextureLoaded === null || onTextureLoaded === void 0 ? void 0 : onTextureLoaded(result.texture, file.name, file));
+                    return;
+                }
+                if (onLoadError) {
+                    yield onLoadError(result.error, file.name, file);
+                    return;
+                }
+                console.error("Texture parse error:", result.error);
                 return;
             }
-            if (onModelError) {
-                yield onModelError(result.error, file.name, file);
-                return;
+            if (onUnhandledFile) {
+                yield onUnhandledFile(file);
             }
-            console.error("Model parse error:", result.error);
         })));
         yield (onFilesLoaded === null || onFilesLoaded === void 0 ? void 0 : onFilesLoaded(files));
     });
@@ -50,11 +68,11 @@ function reportFileLoadError(error) {
 }
 function createLoadHandlers(options) {
     return {
-        onFileLoaded: options.onFileLoaded,
         onFilesLoaded: options.onFilesLoaded,
-        onModelError: options.onModelError,
         onModelLoaded: options.onModelLoaded,
-        parseModels: options.parseModels,
+        onTextureLoaded: options.onTextureLoaded,
+        onUnhandledFile: options.onUnhandledFile,
+        onLoadError: options.onLoadError,
     };
 }
 export function DragDropLoader(_a) {
@@ -73,7 +91,7 @@ export function DragDropLoader(_a) {
     return (_jsx("div", Object.assign({}, divProps, { onDrop: handleDrop, onDragOver: handleDragOver, children: children })));
 }
 export function FilePicker(_a) {
-    var { accept = ".glb,.gltf,.fbx", children, multiple = true } = _a, divProps = __rest(_a, ["accept", "children", "multiple"]);
+    var { accept = DEFAULT_ACCEPT, children, multiple = true } = _a, divProps = __rest(_a, ["accept", "children", "multiple"]);
     const inputRef = useRef(null);
     const { onClick } = divProps, wrapperProps = __rest(divProps, ["onClick"]);
     const loadOptions = createLoadHandlers(divProps);

package/dist/tools/dragdrop/index.d.ts

@@ -1,4 +1,4 @@
 export { DragDropLoader, FilePicker, loadFiles } from "./DragDropLoader";
-export type { DragDropLoaderProps, FileLoadOptions, FilePickerProps } from "./DragDropLoader";
-export { loadModel, parseModelFromFile } from "./modelLoader";
-export type { LoadedModel, ModelLoadResult, ProgressCallback } from "./modelLoader";
+export type { AssetLoadOptions, DragDropLoaderProps, FilePickerProps } from "./DragDropLoader";
+export { loadModel, loadTexture, parseModelFromFile, parseTextureFromFile } from "./modelLoader";
+export type { LoadedModel, LoadedTexture, ModelLoadResult, ProgressCallback, TextureLoadResult } from "./modelLoader";

package/dist/tools/dragdrop/index.js

@@ -1,2 +1,2 @@
 export { DragDropLoader, FilePicker, loadFiles } from "./DragDropLoader";
-export { loadModel, parseModelFromFile } from "./modelLoader";
+export { loadModel, loadTexture, parseModelFromFile, parseTextureFromFile } from "./modelLoader";

package/dist/tools/dragdrop/modelLoader.d.ts

@@ -1,11 +1,20 @@
-import type { Object3D } from "three";
+import type { Object3D, Texture } from "three";
 export type LoadedModel = Object3D;
+export type LoadedTexture = Texture;
 export type ModelLoadResult = {
     success: boolean;
     model?: LoadedModel;
     error?: unknown;
 };
+export type TextureLoadResult = {
+    success: boolean;
+    texture?: LoadedTexture;
+    error?: unknown;
+};
 export type ProgressCallback = (filename: string, loaded: number, total: number) => void;
 export declare function canParseModelFile(file: File | string): boolean;
+export declare function canParseTextureFile(file: File | string): boolean;
 export declare function parseModelFromFile(file: File): Promise<ModelLoadResult>;
+export declare function parseTextureFromFile(file: File): Promise<TextureLoadResult>;
 export declare function loadModel(filename: string, onProgress?: ProgressCallback): Promise<ModelLoadResult>;
+export declare function loadTexture(filename: string): Promise<TextureLoadResult>;

package/dist/tools/dragdrop/modelLoader.js

@@ -7,12 +7,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { SRGBColorSpace, TextureLoader } from "three";
 import { DRACOLoader, FBXLoader, GLTFLoader } from "three/examples/jsm/Addons.js";
 const dracoLoader = new DRACOLoader();
 dracoLoader.setDecoderPath("https://www.gstatic.com/draco/v1/decoders/");
 const gltfLoader = new GLTFLoader();
 gltfLoader.setDRACOLoader(dracoLoader);
 const fbxLoader = new FBXLoader();
+const textureLoader = new TextureLoader();
+const TEXTURE_FILE_EXTENSIONS = [".png", ".jpg", ".jpeg", ".webp", ".gif", ".bmp", ".svg"];
 function normalizeModelPath(name) {
     return name.split(/[?#]/, 1)[0].toLowerCase();
 }
@@ -30,6 +33,11 @@ export function canParseModelFile(file) {
     const filename = typeof file === "string" ? file : file.name;
     return getModelFileKind(filename) !== null;
 }
+export function canParseTextureFile(file) {
+    const filename = typeof file === "string" ? file : file.name;
+    const normalizedName = normalizeModelPath(filename);
+    return TEXTURE_FILE_EXTENSIONS.some(extension => normalizedName.endsWith(extension));
+}
 function parseModelBuffer(arrayBuffer, sourceName) {
     const modelFileKind = getModelFileKind(sourceName);
     if (modelFileKind === "gltf") {
@@ -68,6 +76,19 @@ export function parseModelFromFile(file) {
         reader.readAsArrayBuffer(file);
     });
 }
+export function parseTextureFromFile(file) {
+    return new Promise(resolve => {
+        const url = URL.createObjectURL(file);
+        textureLoader.load(url, texture => {
+            texture.colorSpace = SRGBColorSpace;
+            resolve({ success: true, texture });
+            URL.revokeObjectURL(url);
+        }, undefined, error => {
+            resolve({ success: false, error });
+            URL.revokeObjectURL(url);
+        });
+    });
+}
 export function loadModel(filename, onProgress) {
     return __awaiter(this, void 0, void 0, function* () {
         try {
@@ -102,3 +123,21 @@ export function loadModel(filename, onProgress) {
         }
     });
 }
+export function loadTexture(filename) {
+    return __awaiter(this, void 0, void 0, function* () {
+        try {
+            if (!canParseTextureFile(filename)) {
+                return { success: false, error: new Error(`Unsupported file format: ${filename}`) };
+            }
+            return yield new Promise(resolve => {
+                textureLoader.load(filename, texture => {
+                    texture.colorSpace = SRGBColorSpace;
+                    resolve({ success: true, texture });
+                }, undefined, error => resolve({ success: false, error }));
+            });
+        }
+        catch (error) {
+            return { success: false, error };
+        }
+    });
+}

package/dist/tools/prefabeditor/PrefabEditor.js

@@ -7,7 +7,7 @@ import EditorUI from "./EditorUI";
 import { base, toolbar } from "./styles";
 import { EditorContext } from "./EditorContext";
 import { exportGLB, createModelNode, createImageNode } from "./utils";
-import { parseModelFromFile } from "../dragdrop";
+import { loadFiles } from "../dragdrop";
 const DEFAULT_PREFAB = {
     id: "prefab-default",
     name: "New Prefab",
@@ -120,8 +120,6 @@ const PrefabEditor = forwardRef(({ basePath, initialPrefab, physics = true, onPr
     }, []);
     // --- Drag & drop files to add nodes ---
     useEffect(() => {
-        const IMAGE_EXTS = ['png', 'jpg', 'jpeg', 'webp', 'gif', 'bmp', 'svg'];
-        const MODEL_EXTS = ['glb', 'gltf', 'fbx'];
         function handleDragOver(e) {
             e.preventDefault();
             e.stopPropagation();
@@ -131,39 +129,32 @@ const PrefabEditor = forwardRef(({ basePath, initialPrefab, physics = true, onPr
             e.preventDefault();
             e.stopPropagation();
             const files = ((_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.files) ? Array.from(e.dataTransfer.files) : [];
-            files.forEach(file => {
-                var _a, _b;
-                const ext = (_a = file.name.split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
-                if (!ext)
-                    return;
-                const baseName = file.name.replace(/\.[^.]+$/, '');
-                if (MODEL_EXTS.includes(ext)) {
-                    const modelPath = `models/${file.name}`;
+            void loadFiles(files, {
+                onModelLoaded: (model, filename) => {
+                    var _a;
+                    const modelPath = `models/${filename}`;
+                    const baseName = filename.replace(/\.[^.]+$/, '');
                     const newNode = createModelNode(modelPath, baseName);
                     updatePrefab(prev => {
                         var _a;
                         return (Object.assign(Object.assign({}, prev), { root: Object.assign(Object.assign({}, prev.root), { children: [...((_a = prev.root.children) !== null && _a !== void 0 ? _a : []), newNode] }) }));
                     });
-                    parseModelFromFile(file).then(result => {
-                        var _a;
-                        if (result.success && result.model) {
-                            (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.injectModel(modelPath, result.model);
-                        }
-                        else {
-                            console.error('Drop parse error:', result.error);
-                        }
-                    });
-                }
-                else if (IMAGE_EXTS.includes(ext)) {
-                    const texturePath = `textures/${file.name}`;
+                    (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.injectModel(modelPath, model);
+                },
+                onTextureLoaded: (texture, filename) => {
+                    var _a;
+                    const texturePath = `textures/${filename}`;
+                    const baseName = filename.replace(/\.[^.]+$/, '');
                     const newNode = createImageNode(texturePath, baseName);
                     updatePrefab(prev => {
                         var _a;
                         return (Object.assign(Object.assign({}, prev), { root: Object.assign(Object.assign({}, prev.root), { children: [...((_a = prev.root.children) !== null && _a !== void 0 ? _a : []), newNode] }) }));
                     });
-                    // Inject a blob URL texture so it renders immediately
-                    (_b = prefabRootRef.current) === null || _b === void 0 ? void 0 : _b.injectTexture(texturePath, file);
-                }
+                    (_a = prefabRootRef.current) === null || _a === void 0 ? void 0 : _a.injectTexture(texturePath, texture);
+                },
+                onLoadError: error => {
+                    console.error('Drop asset error:', error);
+                },
             });
         }
         window.addEventListener('dragover', handleDragOver);

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

@@ -5,7 +5,7 @@ export interface PrefabRootRef {
     root: Group | null;
     rigidBodyRefs: Map<string, any>;
     injectModel: (filename: string, model: Object3D) => void;
-    injectTexture: (filename: string, file: File) => void;
+    injectTexture: (filename: string, texture: Texture) => void;
     focusNode: (nodeId: string) => void;
 }
 export declare const PrefabRoot: import("react").ForwardRefExoticComponent<{

package/dist/tools/prefabeditor/PrefabRoot.js

@@ -40,15 +40,9 @@ export const PrefabRoot = forwardRef(({ editMode, data, onPrefabChange, selected
     const injectModel = useCallback((filename, model) => {
         setModels(m => (Object.assign(Object.assign({}, m), { [filename]: model })));
     }, []);
-    const injectTexture = useCallback((filename, file) => {
+    const injectTexture = useCallback((filename, texture) => {
         loading.current.add(filename);
-        const url = URL.createObjectURL(file);
-        const loader = new TextureLoader();
-        loader.load(url, tex => {
-            tex.colorSpace = SRGBColorSpace;
-            setTextures(t => (Object.assign(Object.assign({}, t), { [filename]: tex })));
-            URL.revokeObjectURL(url);
-        }, undefined, () => URL.revokeObjectURL(url));
+        setTextures(t => (Object.assign(Object.assign({}, t), { [filename]: texture })));
     }, []);
     useImperativeHandle(ref, () => ({
         root: rootRef.current,

package/package.json

@@ -1,14 +1,20 @@
 {
   "name": "react-three-game",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "description": "high performance 3D game engine for React",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
   "scripts": {
-    "watch": "tsc --watch",
+    "clean": "rm -rf dist",
+    "watch": "npm run clean && tsc --watch",
     "dev": "concurrently \"npm run watch\" \"cd docs && npm run dev\"",
-    "build": "tsc",
+    "build": "npm run clean && tsc",
     "release": "npm run build && npm publish --access public"
   },
   "keywords": [],

package/.gitattributes

@@ -1,2 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto

package/.github/copilot-instructions.md

@@ -1,83 +0,0 @@
-# react-three-game - AI Coding Agent Instructions
-
-## Project Overview
-AI-native 3D game engine where **scenes are JSON prefabs**. Unity-like GameObject+Component architecture built on React Three Fiber + WebGPU.
-
-## Monorepo Structure
-- **`/src`** → Library source, builds to `/dist`, published as `react-three-game`
-- **`/docs`** → Next.js 16 site, imports library via `"react-three-game": "file:.."`
-- **`npm run dev`** → Runs `tsc --watch` + Next.js concurrently (hot reload works)
-
-## Prefab JSON Schema
-```typescript
-// See docs/app/samples/*.json for examples
-interface Prefab { id?: string; name?: string; root: GameObject; }
-interface GameObject {
-  id: string;                    // Use crypto.randomUUID() for new nodes
-  disabled?: boolean;
-  components?: Record<string, { type: string; properties: any }>;
-  children?: GameObject[];
-}
-```
-**Transforms are LOCAL** (parent-relative). Rotations in radians. Colors as CSS strings.
-
-## Component System (`src/tools/prefabeditor/components/`)
-Every component has `Editor` (inspector UI) + optional `View` (Three.js render):
-```typescript
-const MyComponent: Component = {
-  name: 'MyComponent',  // TitleCase for registry, lowercase key in JSON
-  Editor: ({ component, onUpdate }) => <input onChange={e => onUpdate({ value: e.target.value })} />,
-  View: ({ properties, children }) => <group>{children}</group>,  // Wrapper components accept children
-  defaultProperties: { value: 0 }
-};
-```
-**To add a component:** Create file → export from `components/index.ts` → auto-registered in `PrefabRoot.tsx`.
-
-## Key Files
-| File | Purpose |
-|------|---------|
-| `src/index.ts` | All public exports - add new features here |
-| `src/tools/prefabeditor/PrefabRoot.tsx` | Pure renderer - renders prefab as Three.js objects for R3F integration |
-| `src/tools/prefabeditor/PrefabEditor.tsx` | Managed scene with editor UI and play/pause controls for physics |
-| `src/tools/prefabeditor/utils.ts` | Tree helpers: `findNode`, `updateNode`, `deleteNode`, `cloneNode` |
-| `src/shared/GameCanvas.tsx` | WebGPU renderer setup (use `MeshStandardNodeMaterial`) |
-
-## Usage Modes
-
-**PrefabRoot**: Pure renderer for embedding prefab data in standard R3F applications. Render it inside a regular `@react-three/fiber` `Canvas`. `GameCanvas` provides the WebGPU canvas setup. Add a `Physics` wrapper to enable physics. Use this to integrate prefabs into larger R3F scenes.
-
-**PrefabEditor**: Managed scene with editor UI and play/pause controls for physics. Full authoring tool for level design and prototyping. Includes canvas, physics, transform gizmos, and inspector. Physics only runs in play mode. Can pass R3F components as children.
-
-## Critical Patterns
-
-### Tree Manipulation (Immutable)
-```typescript
-import { updateNode, findNode, deleteNode } from 'react-three-game';
-const newRoot = updateNode(root, nodeId, node => ({ ...node, components: { ...node.components, physics: {...} } }));
-```
-
-### WebGPU Materials
-Use node materials only: `MeshStandardNodeMaterial`, `MeshBasicNodeMaterial` (not `MeshStandardMaterial`).
-
-### Physics Wrapping
-`PhysicsComponent.View` wraps children in `<RigidBody>` only when `editMode=false`. Edit mode pauses physics.
-
-### Model Instancing
-Set `model.properties.instanced = true` → uses `InstanceProvider.tsx` for batched rendering with physics.
-
-## Built-in Components
-`Transform`, `Geometry` (box/sphere/plane/cylinder), `Material` (color/texture), `Physics` (dynamic/fixed), `Model` (GLB/FBX), `SpotLight`, `DirectionalLight`, `AmbientLight`, `Text`
-
-## Custom Components (User-space)
-See `docs/app/demo/editor/RotatorComponent.tsx` for runtime behavior example using `useFrame`. Register with `registerComponent()` before rendering `<PrefabEditor>`.
-
-## Development Workflow
-1. **Edit library**: Modify `/src`, auto-rebuilds via `tsc --watch`
-2. **Test in docs**: Changes reflect at `http://localhost:3000`
-3. **Add sample prefabs**: `docs/app/samples/*.json`
-4. **Release**: `npm run release` (builds + publishes)
-
-## Conventions
-- Component keys: lowercase in JSON (`"transform"`), TitleCase in registry (`"Transform"`)
-- Asset paths: Relative to `/public` (e.g., `models/cars/taxi/model.glb`)
-- All Three.js renders must be inside `<GameCanvas>` (WebGPU init required)

package/.github/workflows/nextjs.yml

@@ -1,99 +0,0 @@
-# Sample workflow for building and deploying a Next.js site to GitHub Pages
-#
-# To get started with Next.js see: https://nextjs.org/docs/getting-started
-#
-name: Deploy Next.js site to Pages
-
-on:
-  # Runs on pushes targeting the default branch
-  push:
-    branches: ["main"]
-
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
-# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
-concurrency:
-  group: "pages"
-  cancel-in-progress: false
-
-jobs:
-  # Build job
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-      - name: Detect package manager
-        id: detect-package-manager
-        run: |
-          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
-            echo "manager=yarn" >> $GITHUB_OUTPUT
-            echo "command=install" >> $GITHUB_OUTPUT
-            echo "runner=yarn" >> $GITHUB_OUTPUT
-            exit 0
-          elif [ -f "${{ github.workspace }}/package.json" ]; then
-            echo "manager=npm" >> $GITHUB_OUTPUT
-            echo "command=install" >> $GITHUB_OUTPUT
-            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
-            exit 0
-          else
-            echo "Unable to determine package manager"
-            exit 1
-          fi
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20"
-          cache: ${{ steps.detect-package-manager.outputs.manager }}
-      - name: Setup Pages
-        uses: actions/configure-pages@v5
-        with:
-          # Automatically inject basePath in your Next.js configuration file and disable
-          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
-          #
-          # You may remove this line if you want to manage the configuration yourself.
-          static_site_generator: next
-      - name: Restore cache
-        uses: actions/cache@v4
-        with:
-          path: |
-            docs/.next/cache
-          # Generate a new cache whenever packages or source files change.
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
-          # If source files changed but packages didn't, rebuild from a prior cache.
-          restore-keys: |
-            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
-      - name: Install root dependencies
-        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
-      - name: Build library
-        run: npm run build
-      - name: Install docs dependencies
-        working-directory: ./docs
-        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
-      - name: Build Next.js docs
-        working-directory: ./docs
-        run: ${{ steps.detect-package-manager.outputs.runner }} next build
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
-        with:
-          path: ./docs/out
-
-  # Deployment job
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    needs: build
-    steps:
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v4

package/.gitmodules

@@ -1,3 +0,0 @@
-[submodule "react-three-game-skill"]
-	path = react-three-game-skill
-	url = https://github.com/prnthh/react-three-game-skill

package/dist/tools/dragdrop/page.d.ts

@@ -1 +0,0 @@
-export default function Home(): import("react/jsx-runtime").JSX.Element;

package/dist/tools/dragdrop/page.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Physics, RigidBody } from "@react-three/rapier";
-import { OrbitControls } from "@react-three/drei";
-import { useState } from "react";
-import { DragDropLoader } from "./index";
-import GameCanvas from "../../shared/GameCanvas";
-export default function Home() {
-    const [models, setModels] = useState([]);
-    return (_jsx(DragDropLoader, { onModelLoaded: model => setModels(prev => [...prev, model]), className: "w-full items-center justify-items-center min-h-screen", style: { height: "100vh" }, children: _jsx("div", { className: "w-full items-center justify-items-center min-h-screen", style: { height: "100vh" }, children: _jsx(GameCanvas, { children: _jsxs(Physics, { children: [_jsx(RigidBody, { children: _jsxs("mesh", { castShadow: true, children: [_jsx("boxGeometry", { args: [1, 1, 1] }), _jsx("meshStandardMaterial", { color: "orange" })] }) }), _jsx(RigidBody, { type: "fixed", children: _jsxs("mesh", { position: [0, -2, 0], scale: [10, 0.1, 10], receiveShadow: true, children: [_jsx("boxGeometry", {}), _jsx("meshStandardMaterial", { color: "gray" })] }) }), models.map((model, idx) => (_jsx("primitive", { object: model, position: [0, 0, 0] }, idx))), _jsx("ambientLight", { intensity: 0.5 }), _jsx("pointLight", { position: [10, 10, 10], castShadow: true, intensity: 1000 }), _jsx(OrbitControls, {})] }) }) }) }));
-}

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

@@ -1,54 +0,0 @@
-import type { RapierRigidBody } from '@react-three/rapier';
-export type EntityEventType = 'sensor:enter' | 'sensor:exit' | 'collision:enter' | 'collision:exit';
-export interface EntityEventPayload {
-    sourceEntityId: string;
-    targetEntityId: string | null;
-    targetRigidBody: RapierRigidBody | null | undefined;
-}
-type EventHandler = (payload: EntityEventPayload) => void;
-/**
- * Entity event system for physics interactions.
- *
- * Events:
- * - sensor:enter - Fired when something enters a sensor collider
- * - sensor:exit - Fired when something exits a sensor collider
- * - collision:enter - Fired when a collision starts
- * - collision:exit - Fired when a collision ends
- */
-export declare const entityEvents: {
-    /**
-     * Emit an event to all subscribers
-     */
-    emit(type: EntityEventType, payload: EntityEventPayload): void;
-    /**
-     * Subscribe to an event type
-     * @returns Unsubscribe function
-     */
-    on(type: EntityEventType, handler: EventHandler): () => void;
-    /**
-     * Unsubscribe from an event type
-     */
-    off(type: EntityEventType, handler: EventHandler): void;
-    /**
-     * Remove all subscribers (useful for cleanup)
-     */
-    clear(): void;
-};
-/**
- * React hook to subscribe to entity events.
- * Automatically cleans up on unmount.
- *
- * @example
- * useEntityEvent('sensor:enter', (payload) => {
- *   if (payload.sourceEntityId === 'trigger-zone') {
- *     console.log('Player entered trigger zone!');
- *   }
- * });
- */
-export declare function useEntityEvent(type: EntityEventType, handler: EventHandler, deps?: any[]): void;
-/**
- * Helper to extract entity ID from Rapier collision data.
- * Entity IDs are stored in RigidBody userData.
- */
-export declare function getEntityIdFromRigidBody(rigidBody: RapierRigidBody | null | undefined): string | null;
-export {};