@pascal-app/viewer 0.8.0 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pascal-app/viewer",
-  "version": "0.8.0",
+  "version": "0.9.2",
   "description": "3D viewer component for Pascal building editor",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,18 +18,17 @@
   ],
   "scripts": {
     "build": "tsc --build",
-    "dev": "tsc --build --watch",
+    "dev": "tsgo --build --watch",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
-    "@pascal-app/core": "^0.7.0",
+    "@pascal-app/core": "^0.9.2",
     "@react-three/drei": "^10",
     "@react-three/fiber": "^9",
     "react": "^18 || ^19",
-    "three": "^0.184"
+    "three": "^0.185"
   },
   "dependencies": {
-    "polygon-clipping": "^0.15.7",
     "three-bvh-csg": "^0.0.18",
     "three-mesh-bvh": "^0.9.8",
     "zustand": "^5"
@@ -39,7 +38,7 @@
     "@types/node": "^22",
     "@types/react": "^19.2.2",
     "@types/three": "^0.184.0",
-    "typescript": "6.0.2"
+    "typescript": "6.0.3"
   },
   "keywords": [
     "3d",

package/dist/components/renderers/building/building-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type BuildingNode } from '@pascal-app/core';
-export declare const BuildingRenderer: ({ node }: {
-    node: BuildingNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=building-renderer.d.ts.map

package/dist/components/renderers/building/building-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"building-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/building/building-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,kBAAkB,CAAA;AAMjE,eAAO,MAAM,gBAAgB,GAAI,UAAU;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,4CAkBhE,CAAA"}

package/dist/components/renderers/building/building-renderer.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRegistry } from '@pascal-app/core';
-import { useRef } from 'react';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import { NodeRenderer } from '../node-renderer';
-export const BuildingRenderer = ({ node }) => {
-    const ref = useRef(null);
-    useRegistry(node.id, node.type, ref);
-    const handlers = useNodeEvents(node, 'building');
-    return (_jsx("group", { position: node.position, ref: ref, rotation: [node.rotation[0], node.rotation[1], node.rotation[2]], ...handlers, children: node.children.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId))) }));
-};

package/dist/components/renderers/ceiling/ceiling-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type CeilingNode } from '@pascal-app/core';
-export declare const CeilingRenderer: ({ node }: {
-    node: CeilingNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ceiling-renderer.d.ts.map

package/dist/components/renderers/ceiling/ceiling-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ceiling-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/ceiling/ceiling-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAIjB,MAAM,kBAAkB,CAAA;AA8CzB,eAAO,MAAM,eAAe,GAAI,UAAU;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,4CAoC9D,CAAA"}

package/dist/components/renderers/ceiling/ceiling-renderer.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getMaterialPresetByRef, resolveMaterial, useRegistry, } from '@pascal-app/core';
-import { useMemo, useRef } from 'react';
-import { float, mix, positionWorld, smoothstep } from 'three/tsl';
-import { BackSide, FrontSide, MeshBasicNodeMaterial } from 'three/webgpu';
-import { useNodeEvents } from '../../../hooks/use-node-events';
-import { NodeRenderer } from '../node-renderer';
-const gridScale = 5;
-const gridX = positionWorld.x.mul(gridScale).fract();
-const gridY = positionWorld.z.mul(gridScale).fract();
-const lineWidth = 0.05;
-const lineX = smoothstep(lineWidth, 0, gridX).add(smoothstep(1.0 - lineWidth, 1.0, gridX));
-const lineY = smoothstep(lineWidth, 0, gridY).add(smoothstep(1.0 - lineWidth, 1.0, gridY));
-const gridPattern = lineX.max(lineY);
-const gridOpacity = mix(float(0.2), float(0.6), gridPattern);
-function createCeilingMaterials(color = '#999999') {
-    const topMaterial = new MeshBasicNodeMaterial({
-        color,
-        transparent: true,
-        depthWrite: false,
-        side: FrontSide,
-    });
-    topMaterial.opacityNode = gridOpacity;
-    const bottomMaterial = new MeshBasicNodeMaterial({
-        color,
-        transparent: true,
-        side: BackSide,
-    });
-    return { topMaterial, bottomMaterial };
-}
-const ceilingMaterialCache = new Map();
-function getCeilingMaterials(color = '#999999') {
-    const cacheKey = color;
-    const cached = ceilingMaterialCache.get(cacheKey);
-    if (cached)
-        return cached;
-    const materials = createCeilingMaterials(color);
-    ceilingMaterialCache.set(cacheKey, materials);
-    return materials;
-}
-export const CeilingRenderer = ({ node }) => {
-    const ref = useRef(null);
-    useRegistry(node.id, 'ceiling', ref);
-    const handlers = useNodeEvents(node, 'ceiling');
-    const materials = useMemo(() => {
-        const preset = getMaterialPresetByRef(node.materialPreset);
-        const props = preset?.mapProperties ?? resolveMaterial(node.material);
-        const color = props.color || '#999999';
-        return getCeilingMaterials(color);
-    }, [
-        node.materialPreset,
-        node.material,
-        node.material?.preset,
-        node.material?.properties,
-        node.material?.texture,
-    ]);
-    return (_jsxs("mesh", { material: materials.bottomMaterial, ref: ref, children: [_jsx("boxGeometry", { args: [0, 0, 0] }), _jsx("mesh", { material: materials.topMaterial, name: "ceiling-grid", ...handlers, scale: 0, visible: false, children: _jsx("boxGeometry", { args: [0, 0, 0] }) }), node.children.map((childId) => (_jsx(NodeRenderer, { nodeId: childId }, childId)))] }));
-};

package/dist/components/renderers/column/column-renderer.d.ts

@@ -1,5 +0,0 @@
-import { type ColumnNode } from '@pascal-app/core';
-export declare const ColumnRenderer: ({ node }: {
-    node: ColumnNode;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=column-renderer.d.ts.map

package/dist/components/renderers/column/column-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"column-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/renderers/column/column-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAkC,MAAM,kBAAkB,CAAA;AAs6ClF,eAAO,MAAM,cAAc,GAAI,UAAU;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,4CA0E5D,CAAA"}