@vctrl/embed 0.22.0 → 0.25.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [0.25.0](https://github.com/Vectreal/vectreal-platform/compare/embed-v0.24.1...embed-v0.25.0) (2026-08-04)
+
+
+### Bug Fixes
+
+* **packages:** match repository.url org casing for npm provenance ([455caa9](https://github.com/Vectreal/vectreal-platform/commit/455caa927ff7a668ea2b6af6a633d9057d69f203))
+* **packages:** match repository.url org casing for npm provenance ([7289fdc](https://github.com/Vectreal/vectreal-platform/commit/7289fdcbc5678588acccaf5b650d62a4d70a7e10))
+
+## [0.24.1](https://github.com/Vectreal/vectreal-platform/compare/embed-v0.24.0...embed-v0.24.1) (2026-08-02)
+
+
+### Bug Fixes
+
+* **ci:** resolve workspace protocol at publish time and publish via OIDC ([07e4b62](https://github.com/Vectreal/vectreal-platform/commit/07e4b628be16b61f3ddea9c91cc36c052d60bc8f))
+* **ci:** resolve workspace protocol at publish time and publish via OIDC ([03b9305](https://github.com/Vectreal/vectreal-platform/commit/03b9305719b1cf67548f62730493ca6e3a84c823))
+
+## [0.24.0](https://github.com/Vectreal/vectreal-platform/compare/embed-v0.22.0...embed-v0.24.0) (2026-08-01)
+
+
+### Features
+
+* **platform:** split /embed from /preview ([#662](https://github.com/Vectreal/vectreal-platform/issues/662)) ([19d9ec5](https://github.com/Vectreal/vectreal-platform/commit/19d9ec5cfa63a83fd04efbebb16ccac588fc325b))
+
 ## [0.22.0](https://github.com/Vectreal/vectreal-platform/compare/embed-v0.21.0...embed-v0.22.0) (2026-07-01)
 
 

package/README.md

@@ -11,19 +11,26 @@ Framework-agnostic JavaScript SDK for controlling Vectreal embedded 3D scene pre
 npm install @vctrl/embed
 ```
 
-**CDN (UMD — no bundler needed):**
+**CDN (UMD, no bundler needed):** the package ships a UMD build that any npm CDN can serve. Because the entry point uses named exports, the global is a namespace object and the class is `VectrealEmbed.VectrealEmbed`.
 
 ```html
-<script src="https://cdn.vectreal.com/embed/latest/vectreal-embed.umd.js"></script>
+<script src="https://unpkg.com/@vctrl/embed/vectreal-embed.umd.js"></script>
+<script>
+	const embed = new VectrealEmbed.VectrealEmbed(
+		document.getElementById('vectreal-scene')
+	)
+</script>
 ```
 
+For production, pin a version (`@vctrl/embed@<version>`) and add a [Subresource Integrity](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity) hash for it.
+
 ## Quick start
 
 ```html
 <div style="width: 100%; height: 400px;">
 	<iframe
 		id="vectreal-scene"
-		src="https://vectreal.com/preview/fullscreen/<projectId>/<sceneId>?token=YOUR_PREVIEW_API_KEY"
+		src="https://vectreal.com/embed/<projectId>/<sceneId>?token=YOUR_PREVIEW_API_KEY"
 		style="width: 100%; height: 100%; border: 0;"
 		allow="autoplay; xr-spatial-tracking"
 		allowfullscreen

package/embed.d.ts

@@ -0,0 +1,86 @@
+import { EmbedCameraDescriptor } from './protocol';
+export interface EmbedOptions {
+    /** Override the detected iframe origin for postMessage targeting. */
+    iframeOrigin?: string;
+    /** Milliseconds before ready() rejects. Default: 15 000. */
+    readyTimeout?: number;
+}
+export interface EmbedReadyInfo {
+    sceneId: string | undefined;
+    cameras: EmbedCameraDescriptor[];
+}
+export interface SetTransitionOptions {
+    type: 'none' | 'linear' | 'object_avoidance';
+    duration?: number;
+    easing?: 'linear' | 'ease_in' | 'ease_out' | 'ease_in_out';
+}
+export type EmbedEventMap = {
+    viewer_ready: void;
+    model_loaded: void;
+    camera_changed: {
+        cameraId: string;
+    };
+    auto_rotate_changed: {
+        enabled: boolean;
+    };
+    interaction_event: {
+        interactionId?: string;
+        eventName: string;
+        payload?: Record<string, unknown>;
+    };
+};
+export type EmbedEventType = keyof EmbedEventMap;
+export type EmbedEventHandler<K extends EmbedEventType> = (data: EmbedEventMap[K]) => void;
+export declare class VectrealEmbed {
+    private readonly iframe;
+    private readonly targetOrigin;
+    private readonly readyTimeout;
+    private handlers;
+    private pendingCommands;
+    private isReady;
+    private boundListener;
+    private pingIntervalId;
+    constructor(iframe: HTMLIFrameElement, options?: EmbedOptions);
+    /**
+     * Resolves when the embedded viewer emits viewer_ready.
+     * Rejects if no response within readyTimeout.
+     */
+    ready(): Promise<EmbedReadyInfo>;
+    /** Remove all listeners and stop responding to messages. */
+    destroy(): void;
+    /** Switch to a named camera. */
+    activateCamera(cameraId: string): void;
+    /** Override the transition behaviour for subsequent camera switches. */
+    setTransition(options: SetTransitionOptions): void;
+    /** Enable or disable orbit controls. */
+    setControlsEnabled(enabled: boolean): void;
+    /** Toggle auto-rotate. */
+    setAutoRotate(enabled: boolean, speed?: number): void;
+    /** Toggle scroll-zoom. */
+    setZoomEnabled(enabled: boolean): void;
+    /** Toggle right-click pan. */
+    setPanEnabled(enabled: boolean): void;
+    /**
+     * Drive scroll-triggered interactions defined in the Publisher.
+     * @param progress 0 (page top) – 1 (page bottom)
+     */
+    sendScrollProgress(progress: number): void;
+    /**
+     * Trigger a named host_message interaction defined in the Publisher.
+     */
+    sendMessage(message: string, payload?: Record<string, unknown>): void;
+    /** Subscribe to a viewer event. Returns an unsubscribe function. */
+    on<K extends EmbedEventType>(type: K, handler: EmbedEventHandler<K>): () => void;
+    /** Remove a specific handler. */
+    off<K extends EmbedEventType>(type: K, handler: EmbedEventHandler<K>): void;
+    private sceneId;
+    private cameras;
+    private sendCommand;
+    private postToIframe;
+    private startPingPolling;
+    private stopPingPolling;
+    private flushPendingCommands;
+    private emit;
+    private handleMessage;
+    private handleViewerEvent;
+}

package/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`vectreal-host`,t=`vectreal-preview`;function n(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function r(e){if(!n(e)||typeof e.type!=`string`)return!1;switch(e.type){case`activate_camera`:return typeof e.cameraId==`string`&&e.cameraId.trim().length>0;case`set_controls_enabled`:return typeof e.enabled==`boolean`;case`set_auto_rotate`:return typeof e.enabled==`boolean`&&(e.speed===void 0||typeof e.speed==`number`);case`set_controls_options`:return(e.zoom===void 0||typeof e.zoom==`boolean`)&&(e.pan===void 0||typeof e.pan==`boolean`);case`set_transition`:return typeof e.transitionType==`string`&&[`none`,`linear`,`object_avoidance`].includes(e.transitionType);default:return!1}}function i(e){if(!n(e)||e.source!==`vectreal-host`||typeof e.type!=`string`)return!1;switch(e.type){case`ping`:return!0;case`viewer_command`:return r(e.command);case`host_scroll_progress`:return typeof e.progress==`number`&&Number.isFinite(e.progress);case`host_message`:return typeof e.message==`string`&&e.message.trim().length>0&&(e.payload===void 0||n(e.payload));default:return!1}}var a=15e3,o=class{constructor(e,t={}){this.handlers=new Map,this.pendingCommands=[],this.isReady=!1,this.pingIntervalId=null,this.sceneId=void 0,this.cameras=[],this.iframe=e,this.readyTimeout=t.readyTimeout??a;let n=e.src||e.getAttribute(`src`)||``,r;if(n)try{r=new URL(n,window.location.href).origin}catch{}if(!t.iframeOrigin&&!r)throw Error(`VectrealEmbed: cannot determine iframe origin from src. Pass options.iframeOrigin explicitly.`);this.targetOrigin=t.iframeOrigin??r,this.boundListener=this.handleMessage.bind(this),window.addEventListener(`message`,this.boundListener),this.startPingPolling()}ready(){return new Promise((e,t)=>{let n=window.setTimeout(()=>{this.off(`viewer_ready`,r),t(Error(`VectrealEmbed: viewer did not become ready within ${this.readyTimeout}ms`))},this.readyTimeout),r=()=>{window.clearTimeout(n),e({sceneId:this.sceneId,cameras:this.cameras})};if(this.isReady){window.clearTimeout(n),e({sceneId:this.sceneId,cameras:this.cameras});return}this.on(`viewer_ready`,r)})}destroy(){this.stopPingPolling(),window.removeEventListener(`message`,this.boundListener),this.handlers.clear(),this.pendingCommands=[]}activateCamera(e){this.sendCommand({type:`activate_camera`,cameraId:e})}setTransition(e){this.sendCommand({type:`set_transition`,transitionType:e.type,duration:e.duration,easing:e.easing})}setControlsEnabled(e){this.sendCommand({type:`set_controls_enabled`,enabled:e})}setAutoRotate(e,t){this.sendCommand({type:`set_auto_rotate`,enabled:e,speed:t})}setZoomEnabled(e){this.sendCommand({type:`set_controls_options`,zoom:e})}setPanEnabled(e){this.sendCommand({type:`set_controls_options`,pan:e})}sendScrollProgress(t){this.postToIframe({source:e,type:`host_scroll_progress`,progress:Math.min(1,Math.max(0,t))})}sendMessage(t,n){this.postToIframe({source:e,type:`host_message`,message:t,payload:n})}on(e,t){return this.handlers.has(e)||this.handlers.set(e,new Set),this.handlers.get(e).add(t),()=>this.off(e,t)}off(e,t){this.handlers.get(e)?.delete(t)}sendCommand(t){let n={source:e,type:`viewer_command`,command:t};if(!this.isReady){this.pendingCommands.push(n);return}this.postToIframe(n)}postToIframe(e){try{this.iframe.contentWindow?.postMessage(e,this.targetOrigin)}catch{}}startPingPolling(){this.postToIframe({source:e,type:`ping`}),this.pingIntervalId=window.setInterval(()=>{if(this.isReady){this.stopPingPolling();return}this.postToIframe({source:e,type:`ping`})},500)}stopPingPolling(){this.pingIntervalId!==null&&(window.clearInterval(this.pingIntervalId),this.pingIntervalId=null)}flushPendingCommands(){for(let e of this.pendingCommands)this.postToIframe(e);this.pendingCommands=[]}emit(e,t){this.handlers.get(e)?.forEach(e=>{e(t)})}handleMessage(e){let t=e.data;if(!(!t||typeof t!=`object`||t.source!==`vectreal-preview`)&&!(this.targetOrigin!==`*`&&e.origin!==this.targetOrigin))switch(t.type){case`pong`:this.stopPingPolling(),this.sceneId=t.sceneId,this.cameras=t.cameras,this.isReady=!0,this.flushPendingCommands();break;case`viewer_event`:this.handleViewerEvent(t.event);break;case`interaction_event`:this.emit(`interaction_event`,{interactionId:t.interactionId,eventName:t.eventName,payload:t.payload});break}}handleViewerEvent(e){switch(e.type){case`viewer_ready`:this.isReady=!0,this.flushPendingCommands(),this.emit(`viewer_ready`,void 0);break;case`model_loaded`:this.emit(`model_loaded`,void 0);break;case`camera_changed`:this.emit(`camera_changed`,{cameraId:e.cameraId});break;case`auto_rotate_changed`:this.emit(`auto_rotate_changed`,{enabled:e.enabled});break;case`initial_framing_completed`:this.emit(`model_loaded`,void 0);break}}};exports.HOSTED_PREVIEW_HOST_SOURCE=e,exports.HOSTED_PREVIEW_VIEWER_SOURCE=t,exports.VectrealEmbed=o,exports.isHostedPreviewIncomingMessage=i,exports.isViewerCommand=r;

package/index.d.ts

@@ -0,0 +1,4 @@
+export { VectrealEmbed } from './embed';
+export type { EmbedEventHandler, EmbedEventMap, EmbedEventType, EmbedOptions, EmbedReadyInfo, SetTransitionOptions } from './embed';
+export { HOSTED_PREVIEW_HOST_SOURCE, HOSTED_PREVIEW_VIEWER_SOURCE, isHostedPreviewIncomingMessage, isViewerCommand } from './protocol';
+export type { EmbedCameraDescriptor, HostedPreviewCustomEventMessage, HostedPreviewHostMessage, HostedPreviewIncomingMessage, HostedPreviewOutgoingMessage, HostedPreviewPingMessage, HostedPreviewPongMessage, HostedPreviewScrollProgressMessage, HostedPreviewViewerCommandMessage, HostedPreviewViewerEventMessage } from './protocol';

package/index.js

@@ -0,0 +1,209 @@
+//#region packages/embed/src/protocol.ts
+var e = "vectreal-host", t = "vectreal-preview";
+function n(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function r(e) {
+	if (!n(e) || typeof e.type != "string") return !1;
+	switch (e.type) {
+		case "activate_camera": return typeof e.cameraId == "string" && e.cameraId.trim().length > 0;
+		case "set_controls_enabled": return typeof e.enabled == "boolean";
+		case "set_auto_rotate": return typeof e.enabled == "boolean" && (e.speed === void 0 || typeof e.speed == "number");
+		case "set_controls_options": return (e.zoom === void 0 || typeof e.zoom == "boolean") && (e.pan === void 0 || typeof e.pan == "boolean");
+		case "set_transition": return typeof e.transitionType == "string" && [
+			"none",
+			"linear",
+			"object_avoidance"
+		].includes(e.transitionType);
+		default: return !1;
+	}
+}
+function i(e) {
+	if (!n(e) || e.source !== "vectreal-host" || typeof e.type != "string") return !1;
+	switch (e.type) {
+		case "ping": return !0;
+		case "viewer_command": return r(e.command);
+		case "host_scroll_progress": return typeof e.progress == "number" && Number.isFinite(e.progress);
+		case "host_message": return typeof e.message == "string" && e.message.trim().length > 0 && (e.payload === void 0 || n(e.payload));
+		default: return !1;
+	}
+}
+//#endregion
+//#region packages/embed/src/embed.ts
+var a = 15e3, o = class {
+	constructor(e, t = {}) {
+		this.handlers = /* @__PURE__ */ new Map(), this.pendingCommands = [], this.isReady = !1, this.pingIntervalId = null, this.sceneId = void 0, this.cameras = [], this.iframe = e, this.readyTimeout = t.readyTimeout ?? a;
+		let n = e.src || e.getAttribute("src") || "", r;
+		if (n) try {
+			r = new URL(n, window.location.href).origin;
+		} catch {}
+		if (!t.iframeOrigin && !r) throw Error("VectrealEmbed: cannot determine iframe origin from src. Pass options.iframeOrigin explicitly.");
+		this.targetOrigin = t.iframeOrigin ?? r, this.boundListener = this.handleMessage.bind(this), window.addEventListener("message", this.boundListener), this.startPingPolling();
+	}
+	ready() {
+		return new Promise((e, t) => {
+			let n = window.setTimeout(() => {
+				this.off("viewer_ready", r), t(/* @__PURE__ */ Error(`VectrealEmbed: viewer did not become ready within ${this.readyTimeout}ms`));
+			}, this.readyTimeout), r = () => {
+				window.clearTimeout(n), e({
+					sceneId: this.sceneId,
+					cameras: this.cameras
+				});
+			};
+			if (this.isReady) {
+				window.clearTimeout(n), e({
+					sceneId: this.sceneId,
+					cameras: this.cameras
+				});
+				return;
+			}
+			this.on("viewer_ready", r);
+		});
+	}
+	destroy() {
+		this.stopPingPolling(), window.removeEventListener("message", this.boundListener), this.handlers.clear(), this.pendingCommands = [];
+	}
+	activateCamera(e) {
+		this.sendCommand({
+			type: "activate_camera",
+			cameraId: e
+		});
+	}
+	setTransition(e) {
+		this.sendCommand({
+			type: "set_transition",
+			transitionType: e.type,
+			duration: e.duration,
+			easing: e.easing
+		});
+	}
+	setControlsEnabled(e) {
+		this.sendCommand({
+			type: "set_controls_enabled",
+			enabled: e
+		});
+	}
+	setAutoRotate(e, t) {
+		this.sendCommand({
+			type: "set_auto_rotate",
+			enabled: e,
+			speed: t
+		});
+	}
+	setZoomEnabled(e) {
+		this.sendCommand({
+			type: "set_controls_options",
+			zoom: e
+		});
+	}
+	setPanEnabled(e) {
+		this.sendCommand({
+			type: "set_controls_options",
+			pan: e
+		});
+	}
+	sendScrollProgress(t) {
+		this.postToIframe({
+			source: e,
+			type: "host_scroll_progress",
+			progress: Math.min(1, Math.max(0, t))
+		});
+	}
+	sendMessage(t, n) {
+		this.postToIframe({
+			source: e,
+			type: "host_message",
+			message: t,
+			payload: n
+		});
+	}
+	on(e, t) {
+		return this.handlers.has(e) || this.handlers.set(e, /* @__PURE__ */ new Set()), this.handlers.get(e).add(t), () => this.off(e, t);
+	}
+	off(e, t) {
+		this.handlers.get(e)?.delete(t);
+	}
+	sendCommand(t) {
+		let n = {
+			source: e,
+			type: "viewer_command",
+			command: t
+		};
+		if (!this.isReady) {
+			this.pendingCommands.push(n);
+			return;
+		}
+		this.postToIframe(n);
+	}
+	postToIframe(e) {
+		try {
+			this.iframe.contentWindow?.postMessage(e, this.targetOrigin);
+		} catch {}
+	}
+	startPingPolling() {
+		this.postToIframe({
+			source: e,
+			type: "ping"
+		}), this.pingIntervalId = window.setInterval(() => {
+			if (this.isReady) {
+				this.stopPingPolling();
+				return;
+			}
+			this.postToIframe({
+				source: e,
+				type: "ping"
+			});
+		}, 500);
+	}
+	stopPingPolling() {
+		this.pingIntervalId !== null && (window.clearInterval(this.pingIntervalId), this.pingIntervalId = null);
+	}
+	flushPendingCommands() {
+		for (let e of this.pendingCommands) this.postToIframe(e);
+		this.pendingCommands = [];
+	}
+	emit(e, t) {
+		this.handlers.get(e)?.forEach((e) => {
+			e(t);
+		});
+	}
+	handleMessage(e) {
+		let t = e.data;
+		if (!(!t || typeof t != "object" || t.source !== "vectreal-preview") && !(this.targetOrigin !== "*" && e.origin !== this.targetOrigin)) switch (t.type) {
+			case "pong":
+				this.stopPingPolling(), this.sceneId = t.sceneId, this.cameras = t.cameras, this.isReady = !0, this.flushPendingCommands();
+				break;
+			case "viewer_event":
+				this.handleViewerEvent(t.event);
+				break;
+			case "interaction_event":
+				this.emit("interaction_event", {
+					interactionId: t.interactionId,
+					eventName: t.eventName,
+					payload: t.payload
+				});
+				break;
+		}
+	}
+	handleViewerEvent(e) {
+		switch (e.type) {
+			case "viewer_ready":
+				this.isReady = !0, this.flushPendingCommands(), this.emit("viewer_ready", void 0);
+				break;
+			case "model_loaded":
+				this.emit("model_loaded", void 0);
+				break;
+			case "camera_changed":
+				this.emit("camera_changed", { cameraId: e.cameraId });
+				break;
+			case "auto_rotate_changed":
+				this.emit("auto_rotate_changed", { enabled: e.enabled });
+				break;
+			case "initial_framing_completed":
+				this.emit("model_loaded", void 0);
+				break;
+		}
+	}
+};
+//#endregion
+export { e as HOSTED_PREVIEW_HOST_SOURCE, t as HOSTED_PREVIEW_VIEWER_SOURCE, o as VectrealEmbed, i as isHostedPreviewIncomingMessage, r as isViewerCommand };

package/package.json

@@ -1,9 +1,9 @@
 {
-  "version": "0.22.0",
+  "version": "0.25.0",
   "name": "@vctrl/embed",
   "description": "Framework-agnostic JavaScript SDK for controlling Vectreal embedded 3D scene previews via postMessage.",
   "bugs": {
-    "url": "https://github.com/vectreal/vectreal-platform/issues"
+    "url": "https://github.com/Vectreal/vectreal-platform/issues"
   },
   "homepage": "https://vectreal.com",
   "keywords": [
@@ -19,7 +19,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vectreal/vectreal-platform.git"
+    "url": "git+https://github.com/Vectreal/vectreal-platform.git"
   },
   "license": "AGPL-3.0-only",
   "main": "./index.cjs",

package/protocol.d.ts

@@ -0,0 +1,52 @@
+import { ViewerCommand, ViewerInteractionEvent } from '../../viewer/src/index.ts';
+export declare const HOSTED_PREVIEW_HOST_SOURCE = "vectreal-host";
+export declare const HOSTED_PREVIEW_VIEWER_SOURCE = "vectreal-preview";
+export interface HostedPreviewPingMessage {
+    source: typeof HOSTED_PREVIEW_HOST_SOURCE;
+    type: 'ping';
+}
+export interface HostedPreviewViewerCommandMessage {
+    source: typeof HOSTED_PREVIEW_HOST_SOURCE;
+    type: 'viewer_command';
+    command: ViewerCommand;
+}
+export interface HostedPreviewScrollProgressMessage {
+    source: typeof HOSTED_PREVIEW_HOST_SOURCE;
+    type: 'host_scroll_progress';
+    progress: number;
+}
+export interface HostedPreviewHostMessage {
+    source: typeof HOSTED_PREVIEW_HOST_SOURCE;
+    type: 'host_message';
+    message: string;
+    payload?: Record<string, unknown>;
+}
+export type HostedPreviewIncomingMessage = HostedPreviewHostMessage | HostedPreviewPingMessage | HostedPreviewScrollProgressMessage | HostedPreviewViewerCommandMessage;
+export interface EmbedCameraDescriptor {
+    id: string;
+    name: string;
+    fov?: number;
+}
+export interface HostedPreviewPongMessage {
+    source: typeof HOSTED_PREVIEW_VIEWER_SOURCE;
+    type: 'pong';
+    sceneId?: string;
+    cameras: EmbedCameraDescriptor[];
+}
+export interface HostedPreviewViewerEventMessage {
+    source: typeof HOSTED_PREVIEW_VIEWER_SOURCE;
+    type: 'viewer_event';
+    sceneId?: string;
+    event: ViewerInteractionEvent;
+}
+export interface HostedPreviewCustomEventMessage {
+    source: typeof HOSTED_PREVIEW_VIEWER_SOURCE;
+    type: 'interaction_event';
+    sceneId?: string;
+    interactionId?: string;
+    eventName: string;
+    payload?: Record<string, unknown>;
+}
+export type HostedPreviewOutgoingMessage = HostedPreviewCustomEventMessage | HostedPreviewPongMessage | HostedPreviewViewerEventMessage;
+export declare function isViewerCommand(value: unknown): value is ViewerCommand;
+export declare function isHostedPreviewIncomingMessage(value: unknown): value is HostedPreviewIncomingMessage;

package/vectreal-embed.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.VectrealEmbed={}))})(this,function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=`vectreal-host`,n=`vectreal-preview`;function r(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function i(e){if(!r(e)||typeof e.type!=`string`)return!1;switch(e.type){case`activate_camera`:return typeof e.cameraId==`string`&&e.cameraId.trim().length>0;case`set_controls_enabled`:return typeof e.enabled==`boolean`;case`set_auto_rotate`:return typeof e.enabled==`boolean`&&(e.speed===void 0||typeof e.speed==`number`);case`set_controls_options`:return(e.zoom===void 0||typeof e.zoom==`boolean`)&&(e.pan===void 0||typeof e.pan==`boolean`);case`set_transition`:return typeof e.transitionType==`string`&&[`none`,`linear`,`object_avoidance`].includes(e.transitionType);default:return!1}}function a(e){if(!r(e)||e.source!==`vectreal-host`||typeof e.type!=`string`)return!1;switch(e.type){case`ping`:return!0;case`viewer_command`:return i(e.command);case`host_scroll_progress`:return typeof e.progress==`number`&&Number.isFinite(e.progress);case`host_message`:return typeof e.message==`string`&&e.message.trim().length>0&&(e.payload===void 0||r(e.payload));default:return!1}}var o=15e3,s=class{constructor(e,t={}){this.handlers=new Map,this.pendingCommands=[],this.isReady=!1,this.pingIntervalId=null,this.sceneId=void 0,this.cameras=[],this.iframe=e,this.readyTimeout=t.readyTimeout??o;let n=e.src||e.getAttribute(`src`)||``,r;if(n)try{r=new URL(n,window.location.href).origin}catch{}if(!t.iframeOrigin&&!r)throw Error(`VectrealEmbed: cannot determine iframe origin from src. Pass options.iframeOrigin explicitly.`);this.targetOrigin=t.iframeOrigin??r,this.boundListener=this.handleMessage.bind(this),window.addEventListener(`message`,this.boundListener),this.startPingPolling()}ready(){return new Promise((e,t)=>{let n=window.setTimeout(()=>{this.off(`viewer_ready`,r),t(Error(`VectrealEmbed: viewer did not become ready within ${this.readyTimeout}ms`))},this.readyTimeout),r=()=>{window.clearTimeout(n),e({sceneId:this.sceneId,cameras:this.cameras})};if(this.isReady){window.clearTimeout(n),e({sceneId:this.sceneId,cameras:this.cameras});return}this.on(`viewer_ready`,r)})}destroy(){this.stopPingPolling(),window.removeEventListener(`message`,this.boundListener),this.handlers.clear(),this.pendingCommands=[]}activateCamera(e){this.sendCommand({type:`activate_camera`,cameraId:e})}setTransition(e){this.sendCommand({type:`set_transition`,transitionType:e.type,duration:e.duration,easing:e.easing})}setControlsEnabled(e){this.sendCommand({type:`set_controls_enabled`,enabled:e})}setAutoRotate(e,t){this.sendCommand({type:`set_auto_rotate`,enabled:e,speed:t})}setZoomEnabled(e){this.sendCommand({type:`set_controls_options`,zoom:e})}setPanEnabled(e){this.sendCommand({type:`set_controls_options`,pan:e})}sendScrollProgress(e){this.postToIframe({source:t,type:`host_scroll_progress`,progress:Math.min(1,Math.max(0,e))})}sendMessage(e,n){this.postToIframe({source:t,type:`host_message`,message:e,payload:n})}on(e,t){return this.handlers.has(e)||this.handlers.set(e,new Set),this.handlers.get(e).add(t),()=>this.off(e,t)}off(e,t){this.handlers.get(e)?.delete(t)}sendCommand(e){let n={source:t,type:`viewer_command`,command:e};if(!this.isReady){this.pendingCommands.push(n);return}this.postToIframe(n)}postToIframe(e){try{this.iframe.contentWindow?.postMessage(e,this.targetOrigin)}catch{}}startPingPolling(){this.postToIframe({source:t,type:`ping`}),this.pingIntervalId=window.setInterval(()=>{if(this.isReady){this.stopPingPolling();return}this.postToIframe({source:t,type:`ping`})},500)}stopPingPolling(){this.pingIntervalId!==null&&(window.clearInterval(this.pingIntervalId),this.pingIntervalId=null)}flushPendingCommands(){for(let e of this.pendingCommands)this.postToIframe(e);this.pendingCommands=[]}emit(e,t){this.handlers.get(e)?.forEach(e=>{e(t)})}handleMessage(e){let t=e.data;if(!(!t||typeof t!=`object`||t.source!==`vectreal-preview`)&&!(this.targetOrigin!==`*`&&e.origin!==this.targetOrigin))switch(t.type){case`pong`:this.stopPingPolling(),this.sceneId=t.sceneId,this.cameras=t.cameras,this.isReady=!0,this.flushPendingCommands();break;case`viewer_event`:this.handleViewerEvent(t.event);break;case`interaction_event`:this.emit(`interaction_event`,{interactionId:t.interactionId,eventName:t.eventName,payload:t.payload});break}}handleViewerEvent(e){switch(e.type){case`viewer_ready`:this.isReady=!0,this.flushPendingCommands(),this.emit(`viewer_ready`,void 0);break;case`model_loaded`:this.emit(`model_loaded`,void 0);break;case`camera_changed`:this.emit(`camera_changed`,{cameraId:e.cameraId});break;case`auto_rotate_changed`:this.emit(`auto_rotate_changed`,{enabled:e.enabled});break;case`initial_framing_completed`:this.emit(`model_loaded`,void 0);break}}};e.HOSTED_PREVIEW_HOST_SOURCE=t,e.HOSTED_PREVIEW_VIEWER_SOURCE=n,e.VectrealEmbed=s,e.isHostedPreviewIncomingMessage=a,e.isViewerCommand=i});

package/project.json

@@ -1,63 +0,0 @@
-{
-	"name": "vctrl/embed",
-	"$schema": "../../node_modules/nx/schemas/project-schema.json",
-	"sourceRoot": "packages/embed/src",
-	"projectType": "library",
-	"tags": [],
-	"targets": {
-		"lint": {
-			"executor": "@nx/eslint:lint",
-			"outputs": ["{options.outputFile}"],
-			"options": {
-				"fix": true,
-				"lintFilePatterns": [
-					"packages/embed/src/**/*.{ts,js}",
-					"packages/embed/vite.config.ts",
-					"packages/embed/package.json"
-				]
-			}
-		},
-		"typecheck": {
-			"executor": "nx:run-commands",
-			"outputs": [],
-			"options": {
-				"command": "tsc --noEmit -p packages/embed/tsconfig.json"
-			}
-		},
-		"build": {
-			"executor": "@nx/vite:build",
-			"outputs": ["{options.outputPath}"],
-			"options": {
-				"outputPath": "build/packages/vctrl/embed",
-				"configFile": "packages/embed/vite.config.ts"
-			}
-		},
-		"build-ci": {
-			"executor": "@nx/vite:build",
-			"outputs": ["{options.outputPath}"],
-			"options": {
-				"outputPath": "build/packages/vctrl/embed",
-				"configFile": "packages/embed/vite.config.ts"
-			}
-		},
-		"copy-md": {
-			"dependsOn": ["build"],
-			"executor": "nx:run-commands",
-			"outputs": [],
-			"options": {
-				"commands": [
-					"rsync -rat packages/embed/*.md build/packages/vctrl/embed/"
-				]
-			}
-		},
-		"publish": {
-			"dependsOn": ["copy-md"],
-			"executor": "nx:run-commands",
-			"outputs": [],
-			"options": {
-				"command": "pnpm publish --no-git-checks --access public",
-				"cwd": "build/packages/vctrl/embed"
-			}
-		}
-	}
-}

package/src/embed.ts

@@ -1,362 +0,0 @@
-import {
-	HOSTED_PREVIEW_HOST_SOURCE,
-	HOSTED_PREVIEW_VIEWER_SOURCE,
-	type EmbedCameraDescriptor,
-	type HostedPreviewOutgoingMessage
-} from './protocol'
-
-import type { ViewerCommand, ViewerInteractionEvent } from '@vctrl/viewer'
-
-// ---------------------------------------------------------------------------
-// Public types
-// ---------------------------------------------------------------------------
-
-export interface EmbedOptions {
-	/** Override the detected iframe origin for postMessage targeting. */
-	iframeOrigin?: string
-	/** Milliseconds before ready() rejects. Default: 15 000. */
-	readyTimeout?: number
-}
-
-export interface EmbedReadyInfo {
-	sceneId: string | undefined
-	cameras: EmbedCameraDescriptor[]
-}
-
-export interface SetTransitionOptions {
-	type: 'none' | 'linear' | 'object_avoidance'
-	duration?: number
-	easing?: 'linear' | 'ease_in' | 'ease_out' | 'ease_in_out'
-}
-
-export type EmbedEventMap = {
-	viewer_ready: void
-	model_loaded: void
-	camera_changed: { cameraId: string }
-	auto_rotate_changed: { enabled: boolean }
-	interaction_event: {
-		interactionId?: string
-		eventName: string
-		payload?: Record<string, unknown>
-	}
-}
-
-export type EmbedEventType = keyof EmbedEventMap
-export type EmbedEventHandler<K extends EmbedEventType> = (
-	data: EmbedEventMap[K]
-) => void
-
-// ---------------------------------------------------------------------------
-// VectrealEmbed
-// ---------------------------------------------------------------------------
-
-const DEFAULT_READY_TIMEOUT_MS = 15_000
-
-export class VectrealEmbed {
-	private readonly iframe: HTMLIFrameElement
-	private readonly targetOrigin: string
-	private readonly readyTimeout: number
-
-	private handlers = new Map<
-		EmbedEventType,
-		Set<EmbedEventHandler<EmbedEventType>>
-	>()
-	private pendingCommands: Array<{
-		source: string
-		type: string
-		[key: string]: unknown
-	}> = []
-	private isReady = false
-	private boundListener: (event: MessageEvent<unknown>) => void
-	private pingIntervalId: number | null = null
-
-	constructor(iframe: HTMLIFrameElement, options: EmbedOptions = {}) {
-		this.iframe = iframe
-		this.readyTimeout = options.readyTimeout ?? DEFAULT_READY_TIMEOUT_MS
-
-		const src = iframe.src || iframe.getAttribute('src') || ''
-		let detectedOrigin: string | undefined
-		if (src) {
-			try {
-				detectedOrigin = new URL(src, window.location.href).origin
-			} catch {
-				// unparseable src - fall through to require explicit iframeOrigin
-			}
-		}
-		if (!options.iframeOrigin && !detectedOrigin) {
-			throw new Error(
-				'VectrealEmbed: cannot determine iframe origin from src. Pass options.iframeOrigin explicitly.'
-			)
-		}
-		this.targetOrigin = options.iframeOrigin ?? detectedOrigin!
-
-		this.boundListener = this.handleMessage.bind(this)
-		window.addEventListener('message', this.boundListener)
-
-		// Retry ping every 500 ms until we receive a pong. The iframe's React app
-		// may not have hydrated and registered its message listener yet when the
-		// constructor runs, so a single fire-and-forget ping is unreliable.
-		this.startPingPolling()
-	}
-
-	// ---------------------------------------------------------------------------
-	// Lifecycle
-	// ---------------------------------------------------------------------------
-
-	/**
-	 * Resolves when the embedded viewer emits viewer_ready.
-	 * Rejects if no response within readyTimeout.
-	 */
-	ready(): Promise<EmbedReadyInfo> {
-		return new Promise((resolve, reject) => {
-			const timer = window.setTimeout(() => {
-				this.off('viewer_ready', onReady as EmbedEventHandler<'viewer_ready'>)
-				reject(
-					new Error(
-						`VectrealEmbed: viewer did not become ready within ${this.readyTimeout}ms`
-					)
-				)
-			}, this.readyTimeout)
-
-			const onReady = () => {
-				window.clearTimeout(timer)
-				resolve({
-					sceneId: this.sceneId,
-					cameras: this.cameras
-				})
-			}
-
-			if (this.isReady) {
-				window.clearTimeout(timer)
-				resolve({ sceneId: this.sceneId, cameras: this.cameras })
-				return
-			}
-
-			this.on('viewer_ready', onReady as EmbedEventHandler<'viewer_ready'>)
-		})
-	}
-
-	/** Remove all listeners and stop responding to messages. */
-	destroy(): void {
-		this.stopPingPolling()
-		window.removeEventListener('message', this.boundListener)
-		this.handlers.clear()
-		this.pendingCommands = []
-	}
-
-	// ---------------------------------------------------------------------------
-	// Commands
-	// ---------------------------------------------------------------------------
-
-	/** Switch to a named camera. */
-	activateCamera(cameraId: string): void {
-		this.sendCommand({ type: 'activate_camera', cameraId })
-	}
-
-	/** Override the transition behaviour for subsequent camera switches. */
-	setTransition(options: SetTransitionOptions): void {
-		this.sendCommand({
-			type: 'set_transition',
-			transitionType: options.type,
-			duration: options.duration,
-			easing: options.easing
-		})
-	}
-
-	/** Enable or disable orbit controls. */
-	setControlsEnabled(enabled: boolean): void {
-		this.sendCommand({ type: 'set_controls_enabled', enabled })
-	}
-
-	/** Toggle auto-rotate. */
-	setAutoRotate(enabled: boolean, speed?: number): void {
-		this.sendCommand({ type: 'set_auto_rotate', enabled, speed })
-	}
-
-	/** Toggle scroll-zoom. */
-	setZoomEnabled(enabled: boolean): void {
-		this.sendCommand({ type: 'set_controls_options', zoom: enabled })
-	}
-
-	/** Toggle right-click pan. */
-	setPanEnabled(enabled: boolean): void {
-		this.sendCommand({ type: 'set_controls_options', pan: enabled })
-	}
-
-	/**
-	 * Drive scroll-triggered interactions defined in the Publisher.
-	 * @param progress 0 (page top) – 1 (page bottom)
-	 */
-	sendScrollProgress(progress: number): void {
-		this.postToIframe({
-			source: HOSTED_PREVIEW_HOST_SOURCE,
-			type: 'host_scroll_progress',
-			progress: Math.min(1, Math.max(0, progress))
-		})
-	}
-
-	/**
-	 * Trigger a named host_message interaction defined in the Publisher.
-	 */
-	sendMessage(message: string, payload?: Record<string, unknown>): void {
-		this.postToIframe({
-			source: HOSTED_PREVIEW_HOST_SOURCE,
-			type: 'host_message',
-			message,
-			payload
-		})
-	}
-
-	// ---------------------------------------------------------------------------
-	// Events
-	// ---------------------------------------------------------------------------
-
-	/** Subscribe to a viewer event. Returns an unsubscribe function. */
-	on<K extends EmbedEventType>(
-		type: K,
-		handler: EmbedEventHandler<K>
-	): () => void {
-		if (!this.handlers.has(type)) {
-			this.handlers.set(type, new Set())
-		}
-		this.handlers.get(type)!.add(handler as EmbedEventHandler<EmbedEventType>)
-		return () => this.off(type, handler)
-	}
-
-	/** Remove a specific handler. */
-	off<K extends EmbedEventType>(type: K, handler: EmbedEventHandler<K>): void {
-		this.handlers
-			.get(type)
-			?.delete(handler as EmbedEventHandler<EmbedEventType>)
-	}
-
-	// ---------------------------------------------------------------------------
-	// Internal state (populated via pong)
-	// ---------------------------------------------------------------------------
-
-	private sceneId: string | undefined = undefined
-	private cameras: EmbedCameraDescriptor[] = []
-
-	// ---------------------------------------------------------------------------
-	// Private helpers
-	// ---------------------------------------------------------------------------
-
-	private sendCommand(command: ViewerCommand): void {
-		const message = {
-			source: HOSTED_PREVIEW_HOST_SOURCE,
-			type: 'viewer_command' as const,
-			command
-		}
-
-		if (!this.isReady) {
-			this.pendingCommands.push(message)
-			return
-		}
-
-		this.postToIframe(message)
-	}
-
-	private postToIframe(message: Record<string, unknown>): void {
-		try {
-			this.iframe.contentWindow?.postMessage(message, this.targetOrigin)
-		} catch {
-			// iframe may not be loaded yet; silently discard
-		}
-	}
-
-	private startPingPolling(): void {
-		this.postToIframe({ source: HOSTED_PREVIEW_HOST_SOURCE, type: 'ping' })
-		this.pingIntervalId = window.setInterval(() => {
-			if (this.isReady) {
-				this.stopPingPolling()
-				return
-			}
-			this.postToIframe({ source: HOSTED_PREVIEW_HOST_SOURCE, type: 'ping' })
-		}, 500)
-	}
-
-	private stopPingPolling(): void {
-		if (this.pingIntervalId !== null) {
-			window.clearInterval(this.pingIntervalId)
-			this.pingIntervalId = null
-		}
-	}
-
-	private flushPendingCommands(): void {
-		for (const cmd of this.pendingCommands) {
-			this.postToIframe(cmd)
-		}
-		this.pendingCommands = []
-	}
-
-	private emit<K extends EmbedEventType>(
-		type: K,
-		data: EmbedEventMap[K]
-	): void {
-		this.handlers.get(type)?.forEach((handler) => {
-			;(handler as EmbedEventHandler<K>)(data)
-		})
-	}
-
-	private handleMessage(event: MessageEvent<unknown>): void {
-		const data = event.data as HostedPreviewOutgoingMessage
-
-		if (
-			!data ||
-			typeof data !== 'object' ||
-			data.source !== HOSTED_PREVIEW_VIEWER_SOURCE
-		) {
-			return
-		}
-
-		// Validate the message origin matches our iframe
-		if (this.targetOrigin !== '*' && event.origin !== this.targetOrigin) {
-			return
-		}
-
-		switch (data.type) {
-			case 'pong':
-				this.stopPingPolling()
-				this.sceneId = data.sceneId
-				this.cameras = data.cameras
-				this.isReady = true
-				this.flushPendingCommands()
-				break
-
-			case 'viewer_event':
-				this.handleViewerEvent(data.event)
-				break
-
-			case 'interaction_event':
-				this.emit('interaction_event', {
-					interactionId: data.interactionId,
-					eventName: data.eventName,
-					payload: data.payload
-				})
-				break
-		}
-	}
-
-	private handleViewerEvent(event: ViewerInteractionEvent): void {
-		switch (event.type) {
-			case 'viewer_ready':
-				this.isReady = true
-				this.flushPendingCommands()
-				this.emit('viewer_ready', undefined as void)
-				break
-			case 'model_loaded':
-				this.emit('model_loaded', undefined as void)
-				break
-			case 'camera_changed':
-				this.emit('camera_changed', { cameraId: event.cameraId })
-				break
-			case 'auto_rotate_changed':
-				this.emit('auto_rotate_changed', { enabled: event.enabled })
-				break
-			case 'initial_framing_completed':
-				// Translate to model_loaded for embed consumers - signals scene is visible
-				this.emit('model_loaded', undefined as void)
-				break
-		}
-	}
-}

package/src/index.ts

@@ -1,28 +0,0 @@
-export { VectrealEmbed } from './embed'
-export type {
-	EmbedEventHandler,
-	EmbedEventMap,
-	EmbedEventType,
-	EmbedOptions,
-	EmbedReadyInfo,
-	SetTransitionOptions
-} from './embed'
-
-export {
-	HOSTED_PREVIEW_HOST_SOURCE,
-	HOSTED_PREVIEW_VIEWER_SOURCE,
-	isHostedPreviewIncomingMessage,
-	isViewerCommand
-} from './protocol'
-export type {
-	EmbedCameraDescriptor,
-	HostedPreviewCustomEventMessage,
-	HostedPreviewHostMessage,
-	HostedPreviewIncomingMessage,
-	HostedPreviewOutgoingMessage,
-	HostedPreviewPingMessage,
-	HostedPreviewPongMessage,
-	HostedPreviewScrollProgressMessage,
-	HostedPreviewViewerCommandMessage,
-	HostedPreviewViewerEventMessage
-} from './protocol'

package/src/protocol.ts

@@ -1,149 +0,0 @@
-import type { ViewerCommand, ViewerInteractionEvent } from '@vctrl/viewer'
-
-export const HOSTED_PREVIEW_HOST_SOURCE = 'vectreal-host'
-export const HOSTED_PREVIEW_VIEWER_SOURCE = 'vectreal-preview'
-
-// ---------------------------------------------------------------------------
-// Incoming messages (parent page → iframe)
-// ---------------------------------------------------------------------------
-
-export interface HostedPreviewPingMessage {
-	source: typeof HOSTED_PREVIEW_HOST_SOURCE
-	type: 'ping'
-}
-
-export interface HostedPreviewViewerCommandMessage {
-	source: typeof HOSTED_PREVIEW_HOST_SOURCE
-	type: 'viewer_command'
-	command: ViewerCommand
-}
-
-export interface HostedPreviewScrollProgressMessage {
-	source: typeof HOSTED_PREVIEW_HOST_SOURCE
-	type: 'host_scroll_progress'
-	progress: number
-}
-
-export interface HostedPreviewHostMessage {
-	source: typeof HOSTED_PREVIEW_HOST_SOURCE
-	type: 'host_message'
-	message: string
-	payload?: Record<string, unknown>
-}
-
-export type HostedPreviewIncomingMessage =
-	| HostedPreviewHostMessage
-	| HostedPreviewPingMessage
-	| HostedPreviewScrollProgressMessage
-	| HostedPreviewViewerCommandMessage
-
-// ---------------------------------------------------------------------------
-// Outgoing messages (iframe → parent page)
-// ---------------------------------------------------------------------------
-
-export interface EmbedCameraDescriptor {
-	id: string
-	name: string
-	fov?: number
-}
-
-export interface HostedPreviewPongMessage {
-	source: typeof HOSTED_PREVIEW_VIEWER_SOURCE
-	type: 'pong'
-	sceneId?: string
-	cameras: EmbedCameraDescriptor[]
-}
-
-export interface HostedPreviewViewerEventMessage {
-	source: typeof HOSTED_PREVIEW_VIEWER_SOURCE
-	type: 'viewer_event'
-	sceneId?: string
-	event: ViewerInteractionEvent
-}
-
-export interface HostedPreviewCustomEventMessage {
-	source: typeof HOSTED_PREVIEW_VIEWER_SOURCE
-	type: 'interaction_event'
-	sceneId?: string
-	interactionId?: string
-	eventName: string
-	payload?: Record<string, unknown>
-}
-
-export type HostedPreviewOutgoingMessage =
-	| HostedPreviewCustomEventMessage
-	| HostedPreviewPongMessage
-	| HostedPreviewViewerEventMessage
-
-// ---------------------------------------------------------------------------
-// Type guards
-// ---------------------------------------------------------------------------
-
-function isRecord(value: unknown): value is Record<string, unknown> {
-	return typeof value === 'object' && value !== null && !Array.isArray(value)
-}
-
-export function isViewerCommand(value: unknown): value is ViewerCommand {
-	if (!isRecord(value) || typeof value.type !== 'string') {
-		return false
-	}
-
-	switch (value.type) {
-		case 'activate_camera':
-			return (
-				typeof value.cameraId === 'string' && value.cameraId.trim().length > 0
-			)
-		case 'set_controls_enabled':
-			return typeof value.enabled === 'boolean'
-		case 'set_auto_rotate':
-			return (
-				typeof value.enabled === 'boolean' &&
-				(value.speed === undefined || typeof value.speed === 'number')
-			)
-		case 'set_controls_options':
-			return (
-				(value.zoom === undefined || typeof value.zoom === 'boolean') &&
-				(value.pan === undefined || typeof value.pan === 'boolean')
-			)
-		case 'set_transition':
-			return (
-				typeof value.transitionType === 'string' &&
-				['none', 'linear', 'object_avoidance'].includes(
-					value.transitionType as string
-				)
-			)
-		default:
-			return false
-	}
-}
-
-export function isHostedPreviewIncomingMessage(
-	value: unknown
-): value is HostedPreviewIncomingMessage {
-	if (
-		!isRecord(value) ||
-		value.source !== HOSTED_PREVIEW_HOST_SOURCE ||
-		typeof value.type !== 'string'
-	) {
-		return false
-	}
-
-	switch (value.type) {
-		case 'ping':
-			return true
-		case 'viewer_command':
-			return isViewerCommand(value.command)
-		case 'host_scroll_progress':
-			return (
-				typeof value.progress === 'number' && Number.isFinite(value.progress)
-			)
-		case 'host_message':
-			return (
-				typeof value.message === 'string' &&
-				value.message.trim().length > 0 &&
-				(value.payload === undefined || isRecord(value.payload))
-			)
-		default:
-			return false
-	}
-}

package/tsconfig.json

@@ -1,19 +0,0 @@
-{
-	"compilerOptions": {
-		"jsx": "react-jsx",
-		"allowJs": false,
-		"esModuleInterop": false,
-		"allowSyntheticDefaultImports": true,
-		"strict": true,
-		"lib": ["ESNext", "DOM", "DOM.Iterable"],
-		"types": ["vite/client"]
-	},
-	"files": [],
-	"include": [],
-	"references": [
-		{
-			"path": "./tsconfig.lib.json"
-		}
-	],
-	"extends": "../../tsconfig.base.json"
-}

package/tsconfig.lib.json

@@ -1,15 +0,0 @@
-{
-	"extends": "./tsconfig.json",
-	"compilerOptions": {
-		"outDir": "../../dist/out-tsc",
-		"declaration": true,
-		"types": ["node", "vite/client"]
-	},
-	"exclude": [
-		"**/*.spec.ts",
-		"**/*.test.ts",
-		"**/*.spec.js",
-		"**/*.test.js"
-	],
-	"include": ["src/**/*.ts"]
-}

package/vite.config.ts

@@ -1,49 +0,0 @@
-import * as path from 'path'
-
-import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin'
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-
-export default defineConfig({
-	root: __dirname,
-	cacheDir: '../../node_modules/.vite/packages/@vctrl/embed',
-	plugins: [
-		nxViteTsPaths(),
-		dts({
-			entryRoot: 'src',
-			tsconfigPath: path.join(__dirname, 'tsconfig.lib.json')
-		})
-	],
-
-	build: {
-		emptyOutDir: true,
-		reportCompressedSize: true,
-		commonjsOptions: {
-			transformMixedEsModules: true
-		},
-		lib: {
-			entry: 'src/index.ts',
-			name: '@vctrl/embed',
-			fileName: 'index',
-			formats: ['es', 'cjs']
-		},
-		rollupOptions: {
-			output: [
-				{
-					format: 'es',
-					entryFileNames: 'index.js'
-				},
-				{
-					format: 'cjs',
-					entryFileNames: 'index.cjs'
-				},
-				{
-					format: 'umd',
-					name: 'VectrealEmbed',
-					entryFileNames: 'vectreal-embed.umd.js',
-					exports: 'named'
-				}
-			]
-		}
-	}
-})