@base2datadesign/viewer-kit 0.1.3 → 0.2.0

package/dist/materials/presets.js

@@ -0,0 +1,217 @@
+import { findMaterial } from "./catalogue";
+export const BASELINE_MATERIAL_PRESET_ID = "calenv-baseline";
+const materialSlot = (catalogId, overrides) => ({
+    catalogId,
+    overrides,
+});
+export const MATERIAL_PRESET_DATA = {
+    [BASELINE_MATERIAL_PRESET_ID]: {
+        id: BASELINE_MATERIAL_PRESET_ID,
+        label: "calenv baseline surfaces",
+        materials: {
+            walls: materialSlot("white_wall", { reflectance: 0.7, roughness: 0.3 }),
+            floor: materialSlot("stone_light", {
+                color: { r: 232, g: 234, b: 240 },
+                reflectance: 0.52,
+                roughness: 0.4,
+            }),
+            ceiling: materialSlot("acoustic_ceiling_white", { reflectance: 0.7, roughness: 0.3 }),
+        },
+    },
+    studio: {
+        id: "studio",
+        label: "studio high-contrast surfaces",
+        materials: {
+            walls: materialSlot("concrete_charcoal", {
+                color: { r: 48, g: 52, b: 58 },
+                reflectance: 0.22,
+                roughness: 0.45,
+            }),
+            floor: materialSlot("stone_dark", {
+                color: { r: 28, g: 30, b: 34 },
+                reflectance: 0.18,
+                roughness: 0.4,
+            }),
+            ceiling: materialSlot("white_wall", {
+                color: { r: 220, g: 222, b: 228 },
+                reflectance: 0.58,
+                roughness: 0.25,
+            }),
+        },
+    },
+    daylight: {
+        id: "daylight",
+        label: "daylight pavilion surfaces",
+        materials: {
+            walls: materialSlot("white_wall", {
+                color: { r: 240, g: 242, b: 248 },
+                reflectance: 0.68,
+                roughness: 0.35,
+            }),
+            floor: materialSlot("stone_light", {
+                color: { r: 214, g: 206, b: 190 },
+                reflectance: 0.45,
+                roughness: 0.5,
+            }),
+            ceiling: materialSlot("acoustic_ceiling_white", {
+                color: { r: 252, g: 252, b: 248 },
+                reflectance: 0.78,
+                roughness: 0.22,
+            }),
+        },
+    },
+    "gallery-spot": {
+        id: "gallery-spot",
+        label: "immersive gallery surfaces",
+        materials: {
+            walls: materialSlot("white_wall", {
+                color: { r: 246, g: 237, b: 225 },
+                reflectance: 0.6,
+                roughness: 0.25,
+            }),
+            floor: materialSlot("stone_dark", {
+                color: { r: 90, g: 88, b: 83 },
+                reflectance: 0.32,
+                roughness: 0.6,
+                pattern: "grid",
+                patternScale: 0.4,
+            }),
+            ceiling: materialSlot("acoustic_ceiling_white", {
+                color: { r: 255, g: 250, b: 245 },
+                reflectance: 0.75,
+                roughness: 0.2,
+            }),
+        },
+    },
+    "lab-neutral": {
+        id: "lab-neutral",
+        label: "neutral lab surfaces",
+        materials: {
+            walls: materialSlot("white_wall", {
+                color: { r: 240, g: 240, b: 246 },
+                reflectance: 0.82,
+                roughness: 0.3,
+            }),
+            floor: materialSlot("timber_floor_warm", {
+                color: { r: 172, g: 168, b: 160 },
+                reflectance: 0.35,
+                roughness: 0.55,
+            }),
+            ceiling: materialSlot("acoustic_ceiling_white", {
+                color: { r: 233, g: 235, b: 239 },
+                reflectance: 0.88,
+                roughness: 0.25,
+            }),
+        },
+    },
+    "atrium-suntrack": {
+        id: "atrium-suntrack",
+        label: "atrium daylight surfaces",
+        materials: {
+            walls: materialSlot("stone_light", {
+                color: { r: 210, g: 210, b: 205 },
+                reflectance: 0.55,
+                roughness: 0.4,
+            }),
+            floor: materialSlot("stone_light", {
+                color: { r: 190, g: 190, b: 183 },
+                reflectance: 0.4,
+                roughness: 0.6,
+                pattern: "grid",
+                patternScale: 0.5,
+            }),
+            ceiling: materialSlot("glass_structural_clear", {
+                color: { r: 230, g: 238, b: 245 },
+                reflectance: 0.65,
+                roughness: 0.15,
+            }),
+        },
+    },
+    "flow-horizon": {
+        id: "flow-horizon",
+        label: "flow horizon surfaces",
+        materials: {
+            walls: materialSlot("glass_structural_clear", {
+                color: { r: 210, g: 225, b: 235 },
+                reflectance: 0.4,
+                roughness: 0.2,
+            }),
+            floor: materialSlot("timber_floor_warm", {
+                color: { r: 140, g: 110, b: 85 },
+                reflectance: 0.28,
+                roughness: 0.6,
+                pattern: "herringbone",
+                patternScale: 0.4,
+            }),
+            ceiling: materialSlot("timber_floor_warm", {
+                color: { r: 210, g: 200, b: 185 },
+                reflectance: 0.5,
+                roughness: 0.35,
+            }),
+        },
+    },
+    "biophilic-soft": {
+        id: "biophilic-soft",
+        label: "biophilic loft surfaces",
+        materials: {
+            walls: materialSlot("white_wall", {
+                color: { r: 214, g: 224, b: 214 },
+                reflectance: 0.58,
+                roughness: 0.35,
+            }),
+            floor: materialSlot("timber_floor_warm", {
+                color: { r: 170, g: 142, b: 110 },
+                reflectance: 0.32,
+                roughness: 0.55,
+            }),
+            ceiling: materialSlot("acoustic_ceiling_white", {
+                color: { r: 250, g: 248, b: 240 },
+                reflectance: 0.78,
+                roughness: 0.25,
+            }),
+        },
+    },
+};
+const DEFAULT_REFLECTANCE = 0.5;
+const hexToRgb = (hex) => {
+    const normalized = hex.replace("#", "");
+    const value = parseInt(normalized, 16);
+    return {
+        r: (value >> 16) & 0xff,
+        g: (value >> 8) & 0xff,
+        b: value & 0xff,
+    };
+};
+const resolveMaterialConfig = (definition, catalogId, overrides) => {
+    const baselineColor = definition?.baseline?.color ?? "#ffffff";
+    const baseColor = overrides?.color ?? hexToRgb(baselineColor);
+    return {
+        type: catalogId,
+        color: baseColor,
+        reflectance: overrides?.reflectance ?? DEFAULT_REFLECTANCE,
+        roughness: overrides?.roughness ?? definition?.pbr?.roughness ?? 0.6,
+        pattern: overrides?.pattern ?? "none",
+        patternScale: overrides?.patternScale ?? 0.5,
+    };
+};
+export function resolveMaterialSlot(slot) {
+    const definition = findMaterial(slot.catalogId);
+    return resolveMaterialConfig(definition, slot.catalogId, slot.overrides);
+}
+export function resolveMaterialPresetMaterials(preset) {
+    return {
+        walls: resolveMaterialSlot(preset.materials.walls),
+        floor: resolveMaterialSlot(preset.materials.floor),
+        ceiling: resolveMaterialSlot(preset.materials.ceiling),
+    };
+}
+export function listMaterialPresets() {
+    return Object.values(MATERIAL_PRESET_DATA);
+}
+export function getMaterialPreset(id) {
+    const preset = MATERIAL_PRESET_DATA[id];
+    if (!preset) {
+        throw new Error(`Material preset '${id}' not found.`);
+    }
+    return preset;
+}

package/dist/materials/renderMetadata.d.ts

@@ -0,0 +1,15 @@
+import type { MaterialId } from "./types";
+export type TextureMap = {
+    albedo?: string;
+    normal?: string;
+    roughness?: string;
+    ao?: string;
+    scale?: [number, number];
+};
+export type RenderMaterialMetadata = {
+    materialId: MaterialId;
+    doubleSided?: boolean;
+    textures?: TextureMap;
+};
+export declare function getRenderMaterialMetadata(materialId: MaterialId): RenderMaterialMetadata | undefined;
+//# sourceMappingURL=renderMetadata.d.ts.map

package/dist/materials/renderMetadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMetadata.d.ts","sourceRoot":"","sources":["../../src/materials/renderMetadata.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,UAAU,CAAC;CACvB,CAAC;AAgEF,wBAAgB,yBAAyB,CAAC,UAAU,EAAE,UAAU,GAAG,sBAAsB,GAAG,SAAS,CAEpG"}

package/dist/materials/renderMetadata.js

@@ -0,0 +1,64 @@
+const RENDER_MATERIAL_METADATA = {
+    white_wall: {
+        materialId: "white_wall",
+        doubleSided: true,
+        textures: {
+            normal: "/textures/plaster/normal.png",
+            ao: "/textures/stone/roughness.png",
+            scale: [4, 4],
+        },
+    },
+    acoustic_ceiling_white: {
+        materialId: "acoustic_ceiling_white",
+        doubleSided: true,
+        textures: {
+            normal: "/textures/plaster/normal.png",
+            ao: "/textures/stone/roughness.png",
+            scale: [2, 2],
+        },
+    },
+    timber_floor_warm: {
+        materialId: "timber_floor_warm",
+        doubleSided: false,
+        textures: {
+            albedo: "/textures/wood/albedo.png",
+            normal: "/textures/wood/normal.png",
+            roughness: "/textures/stone/roughness.png",
+            scale: [6, 6],
+        },
+    },
+    stone_dark: {
+        materialId: "stone_dark",
+        doubleSided: false,
+        textures: {
+            roughness: "/textures/stone/roughness.png",
+            ao: "/textures/stone/roughness.png",
+            scale: [3, 3],
+        },
+    },
+    stone_light: {
+        materialId: "stone_light",
+        doubleSided: false,
+        textures: {
+            roughness: "/textures/stone/roughness.png",
+            ao: "/textures/stone/roughness.png",
+            scale: [3, 3],
+        },
+    },
+    concrete_charcoal: {
+        materialId: "concrete_charcoal",
+        doubleSided: true,
+        textures: {
+            normal: "/textures/plaster/normal.png",
+            roughness: "/textures/stone/roughness.png",
+            scale: [2, 2],
+        },
+    },
+    glass_structural_clear: {
+        materialId: "glass_structural_clear",
+        doubleSided: false,
+    },
+};
+export function getRenderMaterialMetadata(materialId) {
+    return RENDER_MATERIAL_METADATA[materialId];
+}

package/dist/materials/types.d.ts

@@ -0,0 +1,50 @@
+export type MaterialTextureConfig = {
+    type: string;
+    scale?: number;
+};
+export type MaterialPbrConfig = {
+    baseColor: string;
+    roughness: number;
+    metalness: number;
+    emissive: string;
+    emissiveIntensity: number;
+    texture?: MaterialTextureConfig;
+    transparent?: boolean;
+    opacity?: number;
+    ior?: number;
+};
+export type MaterialBaselineConfig = {
+    color: string;
+    finish: string;
+};
+export type MaterialDefinition = {
+    materialId: string;
+    label: string;
+    category: string;
+    baseline: MaterialBaselineConfig;
+    pbr: MaterialPbrConfig;
+};
+export type MaterialCatalogue = {
+    version: number;
+    materials: ReadonlyArray<MaterialDefinition>;
+};
+export type MaterialId = MaterialDefinition["materialId"];
+export type MaterialColor = {
+    r: number;
+    g: number;
+    b: number;
+};
+export type SurfaceMaterialConfig = {
+    type: MaterialId | "custom";
+    color: MaterialColor;
+    reflectance: number;
+    roughness: number;
+    pattern?: string;
+    patternScale?: number;
+};
+export type MaterialsConfig = {
+    walls: SurfaceMaterialConfig;
+    floor: SurfaceMaterialConfig;
+    ceiling: SurfaceMaterialConfig;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/materials/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/materials/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,sBAAsB,CAAC;IACjC,GAAG,EAAE,iBAAiB,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAE1D,MAAM,MAAM,aAAa,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhE,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,qBAAqB,CAAC;CAChC,CAAC"}

package/dist/materials/types.js

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

package/dist/presets/sciencePresets.d.ts

@@ -0,0 +1,7 @@
+import type { PresetCatalog } from "../engine/types";
+export declare const SCIENCE_PRESET_SUMMARIES: Record<string, string>;
+export declare const SCIENCE_DEFAULT_PRESET_ID = "architectural";
+export declare function buildViewerPresets(): PresetCatalog;
+export declare const buildSciencePresets: typeof buildViewerPresets;
+export declare const SCIENCE_PRESETS: PresetCatalog;
+//# sourceMappingURL=sciencePresets.d.ts.map

package/dist/presets/sciencePresets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sciencePresets.d.ts","sourceRoot":"","sources":["../../src/presets/sciencePresets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EAOd,MAAM,iBAAiB,CAAC;AA4fzB,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3D,CAAC;AAEF,eAAO,MAAM,yBAAyB,kBAA6B,CAAC;AAEpE,wBAAgB,kBAAkB,IAAI,aAAa,CA6BlD;AAGD,eAAO,MAAM,mBAAmB,2BAAqB,CAAC;AAEtD,eAAO,MAAM,eAAe,eAAuB,CAAC"}