Files

T

Aymeric RabotandClaude Fable 5 9bfd75c2c7 chore(release): align core/viewer/editor to 0.9.0 ahead of v0.9.1

The v0.9.0 GitHub release declared the trio at 0.9.0 but the npm publish
never ran (npm still serves 0.8.0). Aligning manifests so the release
workflow's bump=patch lands everything at the announced-next 0.9.1
(mcp 0.3.0 -> 0.3.1, ifc-converter 0.1.0 -> 0.1.1 keep their own lines,
matching the per-package version table style of previous releases).
Inter-package peer/dev refs move to ^0.9.0 so the workspace stays
self-linked during the release run; the workflow re-syncs them to the
final versions after bumping.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

2026-06-09 19:54:42 -04:00

src

Support template scans and room preset workflows (#390 )

2026-06-09 16:36:31 -04:00

package.json

chore(release): align core/viewer/editor to 0.9.0 ahead of v0.9.1

2026-06-09 19:54:42 -04:00

README.md

packages

2026-02-05 08:22:19 +09:00

tsconfig.json

Reset core/viewer/editor/mcp packages and apps/editor from private-editor

2026-05-09 20:52:26 +00:00

README.md

@pascal-app/viewer

3D viewer component for Pascal building editor.

Installation

npm install @pascal-app/viewer @pascal-app/core

Peer Dependencies

npm install react three @react-three/fiber @react-three/drei

What's Included

Viewer Component - WebGPU-powered 3D viewer with camera controls
Node Renderers - React Three Fiber components for all node types
Post-Processing - SSGI (ambient occlusion + global illumination), TRAA (anti-aliasing), outline effects
Level System - Level visibility and positioning (stacked/exploded/solo modes)
Wall Cutout System - Dynamic wall hiding based on camera position
Asset URL Helpers - CDN URL resolution for models and textures

Usage

import { Viewer, useViewer } from '@pascal-app/viewer'
import { useScene } from '@pascal-app/core'

function App() {
  return (
    <div style={{ width: '100vw', height: '100vh' }}>
      <Viewer />
    </div>
  )
}

Custom Camera Controls

import { Viewer } from '@pascal-app/viewer'
import { CameraControls } from '@react-three/drei'

function App() {
  return (
    <Viewer selectionManager="custom">
      <CameraControls />
    </Viewer>
  )
}

Viewer State

import { useViewer } from '@pascal-app/viewer'

function ViewerControls() {
  const levelMode = useViewer(s => s.levelMode)
  const setLevelMode = useViewer(s => s.setLevelMode)
  const wallMode = useViewer(s => s.wallMode)
  const setWallMode = useViewer(s => s.setWallMode)

  return (
    <div>
      <button onClick={() => setLevelMode('stacked')}>Stacked</button>
      <button onClick={() => setLevelMode('exploded')}>Exploded</button>
      <button onClick={() => setWallMode('cutaway')}>Cutaway</button>
      <button onClick={() => setWallMode('up')}>Full Height</button>
    </div>
  )
}

Asset CDN Helpers

import { resolveCdnUrl, ASSETS_CDN_URL } from '@pascal-app/viewer'

// Resolves relative paths to CDN URLs
const url = resolveCdnUrl('/items/chair/model.glb')
// → 'https://pascal-cdn.wawasensei.dev/items/chair/model.glb'

// Handles external URLs and asset:// protocol
const externalUrl = resolveCdnUrl('https://example.com/model.glb')
// → 'https://example.com/model.glb' (unchanged)

Features

WebGPU Rendering - Hardware-accelerated rendering via Three.js WebGPU
Post-Processing - SSGI for realistic lighting, outline effects for selection
Level Modes - Stacked, exploded, or solo level display
Wall Cutaway - Automatic wall hiding for interior views
Camera Modes - Perspective and orthographic projection
Scan/Guide Support - 3D scans and 2D guide images

License

MIT