@realsee/dnalogel 2.0.0-alpha.13 → 2.0.0-alpha.16

package/CHANGELOG.md

@@ -0,0 +1,56 @@
+# CHANGELOG
+
+## 2.0.0-alpha.16
+- 1.fix: 修复 z-index 问题；
+- 2.fix: 修复 ModelItemLabelPlugin 事件监听问题。
+
+## 2.0.0-alpha.15
+- 1.refactor: 优化 ModelItemLabelPlugin 在调用 five.setState() 时的动画显示。
+
+## 2.0.0-alpha.14
+- 1.feat: 新增 ModelTVVideoPlugin 插件；
+- 2.fix: 修复 ModelItemLabelPlugin disable & enable 方法逻辑；
+- 3.refactor: 增加 ModelItemLabelPlugin 类型导出。
+
+## 2.0.0-alpha.13
+- 1.chore: 修改 tsconfig.json target 配置项为 es6。
+
+## 2.0.0-alpha.12
+- 1.feat: 新增 ModelItemLabelPlugin
+
+## 2.0.0-alpha.11
+- 1.fix: 修复 ModelRoomLabelPlugin 未监听多楼层切换 rerender 问题。
+- 2.feat: ModelFloorplanPlugin & TopviewFloorplanPlugin 新增 `northDesc?: string` 配置项，支持用户修改指北针名称。
+
+## 2.0.0-alpha.10
+- 1.feat: 新增空间三维标签插件 PanoSpatialTagPlugin
+- 2.feat: 新增轻量 ejs 渲染模板函数 shared-utils/tinyEJSrender.js
+
+## 2.0.0-alpha.9
+- 1.refactor: 增加插件独立 js 输出及对 svelte 的编译。
+
+## 2.0.0-alpha.8
+- 1.fix: 修复 ModelViewPlugin 实景 VR 模型不居中问题；
+- 2.fix: 修复 ModelRoomLabelPlugin fov 更新未 rerender 问题；
+- 2.fix: 修复 ModelRoomLabelPlugin enable 判断问题；
+- 4.fix: 修改 ModelFloorplanPlugin 在全景态满足户型图的俯仰角时会自动切换户型图问题。
+
+## 2.0.0-alpha.7
+- 1.fix: PanoCompassPlugin 向下兼容；
+- 2.feat: 新增 PC 全景测量插件：PanoMeasurePlugin；
+- 3.docs: 修改 README.md；
+
+## 2.0.0-alpha.6
+- 1.fix: 标尺插件 PanoRulerPlugin 所有标尺仅展示一次问题；
+- 2.fix: TopviewFloorplanPlugin && ModelFloorplanPlugin 插件小雷达位置显示不正确问题；
+- 3.feat: 为 TopviewFloorplanPlugin && ModelFloorplanPlugin 插件新增线框图吸附位置配置选项。 
+  - 可选地板、天花板、模型中心，默认吸附选项为模型中心。
+
+## 2.0.0-alpha.5
+1.修复全景指南针插件 PanoCompassPlugin 默认导出 name
+
+## 2.0.0-alpha.4
+1.新增全景标尺插件 PanoRulerPlugin
+
+## 2.0.0-alpha.3
+1.新增全景指南针插件 PanoCompassPlugin

package/README.md

@@ -1,50 +1,100 @@
-# 注意
-2.x 版本依赖 `svelte`， 使用时请同时安装 
-```bash
-npm install svelte 
-```
+<p align="center">
+	<a href="https://realsee.js.org/"><img src="https://vrlab-public.ljcdn.com/common/file/web/ea031fa5-ad82-46b3-86c8-7b20ec1e635a.jpg" width="60" /></a>
+</p>
 
-# 如视 -- "Dnalogel"
+<p align="center">
+  <a href="https://www.npmjs.com/package/@realsee/dnalogel">
+    <img src="https://img.shields.io/npm/v/@realsee/dnalogel.svg" alt="npm version" >
+  </a>
+  <a href="https://packagephobia.now.sh/result?p=@realsee/dnalogel">
+    <img src="https://packagephobia.now.sh/badge?p=@realsee/dnalogel" alt="install size" >
+  </a>
+  <a href="https://github.com/realsee-developer/dnalogel/blob/main/plugins/TERMS.txt">
+    <img src="https://img.shields.io/npm/l/@realsee/dnalogel.svg" alt="license">
+  </a>
+</p>
 
-[如视(realsee.com)](https://realsee.com) 提供了在浏览器环境中的渲染三维空间 [VR 看房 SDK Five](https://open-platform.realsee.com/developer/docs/front/3d-space/get-started/rendering-engine/) 。
-通过 [如视开放 API](https://open-platform.realsee.com/developer/open/api/#/) 并结合 Five 的渲染能力可以制作丰富多彩的三维空间应用。
+<h1 align="center">@realsee/dnalogel</h1>
 
-除了 Five 强大的三维空间渲染能力之外，我们也积累了大量的 **VR 看房** 常用功能，并以 `Five Plugins` 的形式进行抽象。
+# 👀 Overview
 
-无论是经过线上环境千锤百炼的刚需功能，还是灵感一现的炫酷尝试，凡是最终落地的功能我们均毫无保留的开源至 github [realsee-developer](https://github.com/realsee-developer) 空间。
+@realsee/dnalogel 将 [如视(realsee.com)](https://realsee.com) **VR 看房** 常用能力沉淀，并以 `Five Plugins` 形式进行抽象。
+结合[如视 VR 看房 SDK Five](https://open-platform.realsee.com/developer/docs/front/3d-space/get-started/rendering-engine/) 
+与 [如视开放 API](https://open-platform.realsee.com/developer/open/api/#/) ,可以制作出丰富多彩的三维空间应用。不论是经过线上环境千锤百炼的刚需功能，还是灵感一现的炫酷尝试，所有已经落地的功能我们均毫无保留的开源至github [realsee-developer/dnalogel](https://github.com/realsee-developer/dnalogel) 。
 
-如果插件满足您的需求，`npm install @realsee/dnalogel`一键安装使用。
+# 🔨 Usage
 
-如果不满足需求，没关系，把我们当作代码示例，我们抛砖引玉。
+**1、安装**
 
-我们也很期待您基于 [Three.js](https://threejs.org/) 、[Five.js](https://www.npmjs.com/package/@realsee/five) 等这类渲染库做出有意思的功能。
+```bash
+npm install @realsee/dnalogel
+```
 
+```bash
+yarn add @realsee/dnalogel
+```
 
-### 插件列表
-- ModelViewPlugin：模型小窗插件
-- PanoFloorplanRadarPlugin：全景户型雷达图插件
-- ModelRoomLabelPlugin：模型态房屋标签插件
-- TopviewFloorplanPlugin：俯视模型户型图插件
-- ModelChassisCompassPlugin：模型底盘指南针插件
-- ModelEntryDoorGuidePlugin：模型入户门引导插件
-- CSS3DRenderPlugin：CSS3D渲染插件
-- CameraMovementPlugin：相机运镜插件
-- ModelFloorplanPlugin：模型户型图插件
-- PanoRulerPlugin：全景标尺插件
-- PanoCompassPlugin：全景指南针插件
-- ... 待补充
+2.x 版本依赖 `svelte`， 使用时请同时安装:
+```bash
+npm install svelte 
+```
+
+```bash
+yarn add svelte 
+```
 
-### 使用方式
+**2、插件注册**
 
 ```js
 import { Five } from '@realsee/five'
-import Plugin from '@realsee/dnalogel/plugins/Plugin'
+import { Plugin } from '@realsee/dnalogel'
 const five = new Five({
   plugins: [[Plugin, 'PluginName', initOptions]],
 })
+```
+
+**3、插件方法使用**
 
+```js
 // 不同插件提供的方法可能存在差异,请参考各插件 API 文档
 five.plugins.PluginName.load(data)
 five.plugins.PluginName.enable()
 five.plugins.PluginName.disable()
+five.plugins.PluginName.dispose()
 ```
+
+**4、插件依赖数据获取**
+
+您可以通过 [open API](https://open-platform.realsee.com/developer/open/api#/) 查看数据获取方式及相关 open API 。
+
+# 📖 Documents
+
+- [说明文档](https://open-platform.realsee.com/developer/docs/front/3d-space/advanced/dnalogel/ModelViewPlugin/)
+- [API 文档](https://unpkg.com/@realsee/dnalogel/docs/index.html)
+- [demo 源码](https://github.com/realsee-developer/dnalogel/tree/main/examples/src)
+- [数据依赖来源：open API](https://open-platform.realsee.com/developer/open/api/)
+- [CHANGELOG](https://github.com/realsee-developer/dnalogel/blob/main/plugins/CHANGELOG.md)
+
+# 💡 Preview
+
+我们为每个插件书写了简单的效果示例，您可点击预览：
+[@realsee/dnalogel showcase](https://realsee.js.org/dnalogel/)
+
+
+# 🧾 Lists
+
+- 🔌 ModelViewPlugin：模型小窗插件
+- 🔌 PanoFloorplanRadarPlugin：全景户型雷达图插件
+- 🔌 ModelRoomLabelPlugin：模型态房屋标签插件
+- 🔌 TopviewFloorplanPlugin：俯视模型户型图插件
+- 🔌 ModelChassisCompassPlugin：模型底盘指南针插件
+- 🔌 ModelEntryDoorGuidePlugin：模型入户门引导插件
+- 🔌 CSS3DRenderPlugin：CSS3D渲染插件
+- 🔌 CameraMovementPlugin：相机运镜插件
+- 🔌 ModelFloorplanPlugin：模型户型图插件
+- 🔌 PanoRulerPlugin：全景标尺插件
+- 🔌 PanoCompassPlugin：全景指南针插件
+- 其他插件持续更新中...
+
+# License
+[TERMS](https://github.com/realsee-developer/dnalogel/blob/main/plugins/TERMS.txt)

package/dist/ModelItemLabelPlugin/index.js

@@ -36,6 +36,7 @@ var DISPLAY_STRATEGY_TYPE;
     DISPLAY_STRATEGY_TYPE["SMALL"] = "small";
     DISPLAY_STRATEGY_TYPE["MIDLLE"] = "middle";
     DISPLAY_STRATEGY_TYPE["LARGE"] = "large";
+    DISPLAY_STRATEGY_TYPE["EXTRA_LARGE"] = "x-large";
 })(DISPLAY_STRATEGY_TYPE || (DISPLAY_STRATEGY_TYPE = {}));
 
 /* src/ModelItemLabelPlugin/ItemLabelItem.svelte generated by Svelte v3.47.0 */
@@ -149,6 +150,21 @@ class ItemLabelItem extends internal.SvelteComponent {
 	}
 }
 
+/**
+ * 创建一个防抖动函数，该函数会在 wait 毫秒后调用 func 方法
+ * @param func - 要防抖动的函数
+ * @param [wait=0] - 需要延迟的毫秒数
+ */
+function debounce(func, wait = 200) {
+    let last;
+    return function (...args) {
+        clearTimeout(last);
+        last = setTimeout(() => {
+            func(...args);
+        }, wait);
+    };
+}
+
 /* src/ModelItemLabelPlugin/ItemLabelComponent.svelte generated by Svelte v3.47.0 */
 
 function add_css(target) {
@@ -157,11 +173,11 @@ function add_css(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[26] = list[i];
+	child_ctx[28] = list[i];
 	return child_ctx;
 }
 
-// (179:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
+// (162:1) {#each renderItemLabels as itemLabelItem (itemLabelItem.id)}
 function create_each_block(key_1, ctx) {
 	let first;
 	let itemlabelitem;
@@ -169,7 +185,7 @@ function create_each_block(key_1, ctx) {
 
 	itemlabelitem = new ItemLabelItem({
 			props: {
-				itemLabel: /*itemLabelItem*/ ctx[26],
+				itemLabel: /*itemLabelItem*/ ctx[28],
 				hooks: /*hooks*/ ctx[0]
 			}
 		});
@@ -190,7 +206,7 @@ function create_each_block(key_1, ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 			const itemlabelitem_changes = {};
-			if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[26];
+			if (dirty & /*renderItemLabels*/ 2) itemlabelitem_changes.itemLabel = /*itemLabelItem*/ ctx[28];
 			if (dirty & /*hooks*/ 1) itemlabelitem_changes.hooks = /*hooks*/ ctx[0];
 			itemlabelitem.$set(itemlabelitem_changes);
 		},
@@ -217,7 +233,7 @@ function create_fragment(ctx) {
 	let div_resize_listener;
 	let current;
 	let each_value = /*renderItemLabels*/ ctx[1];
-	const get_key = ctx => /*itemLabelItem*/ ctx[26].id;
+	const get_key = ctx => /*itemLabelItem*/ ctx[28].id;
 
 	for (let i = 0; i < each_value.length; i += 1) {
 		let child_ctx = get_each_context(ctx, each_value, i);
@@ -234,7 +250,8 @@ function create_fragment(ctx) {
 			}
 
 			internal.attr(div, "class", "item-labels-container svelte-rmdeb");
-			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[9].call(div));
+			internal.add_render_callback(() => /*div_elementresize_handler*/ ctx[10].call(div));
+			internal.set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
 		},
 		m(target, anchor) {
 			internal.insert(target, div, anchor);
@@ -243,7 +260,7 @@ function create_fragment(ctx) {
 				each_blocks[i].m(div, null);
 			}
 
-			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[9].bind(div));
+			div_resize_listener = internal.add_resize_listener(div, /*div_elementresize_handler*/ ctx[10].bind(div));
 			current = true;
 		},
 		p(ctx, [dirty]) {
@@ -253,6 +270,10 @@ function create_fragment(ctx) {
 				each_blocks = internal.update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, div, internal.outro_and_destroy_block, create_each_block, null, get_each_context);
 				internal.check_outros();
 			}
+
+			if (dirty & /*itemsVisible*/ 16) {
+				internal.set_style(div, "opacity", /*itemsVisible*/ ctx[4] ? 1 : 0, false);
+			}
 		},
 		i(local) {
 			if (current) return;
@@ -302,6 +323,14 @@ function instance($$self, $$props, $$invalidate) {
 	// 计算重叠
 	let cssOffsetLists = [];
 
+	// 动画过程中 itemsVisible 为 false
+	let itemsVisible = true;
+
+	/**
+ * 可见性策略：
+ * 1、当前楼层(假设先不考虑多楼层)
+ * 2、模型未被遮挡（一个 box 有没有被遮挡的计算？ TODO）
+ * */
 	const getLabelVisible = (five, itemLabel) => {
 		// 虚拟 VR 仅有一层，不考虑楼层信息
 		const raycaster = new Raycaster();
@@ -355,6 +384,8 @@ function instance($$self, $$props, $$invalidate) {
 				return Math.ceil(-38.9 * itemSpaceHeight + 130);
 			case DISPLAY_STRATEGY_TYPE.LARGE:
 				return Math.ceil(-44.44 * itemSpaceHeight + 140);
+			case DISPLAY_STRATEGY_TYPE.EXTRA_LARGE:
+				return Math.ceil(-92.59 * itemSpaceHeight + 300);
 		}
 	}
 
@@ -401,15 +432,27 @@ function instance($$self, $$props, $$invalidate) {
 		addDataUpdateListener();
 	});
 
+	const handleCameraUpdateCallback = () => {
+		$$invalidate(4, itemsVisible = false);
+		handleCameraUpdate();
+	};
+
 	svelte.onMount(() => {
 		$$invalidate(1, renderItemLabels = itemLabels);
 		curItemLabels = itemLabels;
 		onItemLabelUpdate();
-
-		// five.on('cameraUpdate', onItemLabelUpdate)
 		addResizeListener();
+		five.on('cameraUpdate', handleCameraUpdateCallback);
 	});
 
+	const handleCameraUpdate = debounce(
+		() => {
+			$$invalidate(4, itemsVisible = true);
+			onItemLabelUpdate();
+		},
+		300
+	);
+
 	const addResizeListener = () => {
 		wrapperSize = {
 			width: wrapper.clientWidth,
@@ -423,7 +466,6 @@ function instance($$self, $$props, $$invalidate) {
 		if (curItemLabels !== itemLabels) {
 			$$invalidate(1, renderItemLabels = itemLabels);
 			curItemLabels = itemLabels;
-			console.log('--debug--update--');
 			onItemLabelUpdate();
 		}
 	};
@@ -441,13 +483,11 @@ function instance($$self, $$props, $$invalidate) {
 		});
 
 	svelte.onDestroy(() => {
-		// five.off('cameraUpdate', onItemLabelUpdate)
+		five.off('cameraUpdate', handleCameraUpdateCallback);
 		resizeObserver.unobserve(wrapper);
-
-		curItemLabels = null;
-		$$invalidate(1, renderItemLabels = null);
-		wrapperSize = { width: 0, height: 0 };
-	});
+	}); // curItemLabels = null
+	// renderItemLabels = null
+	// wrapperSize = { width: 0, height: 0 }
 
 	function div_elementresize_handler() {
 		containerWidth = this.clientWidth;
@@ -457,12 +497,12 @@ function instance($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ('five' in $$props) $$invalidate(4, five = $$props.five);
-		if ('modelOcclusionEnable' in $$props) $$invalidate(5, modelOcclusionEnable = $$props.modelOcclusionEnable);
-		if ('itemLabels' in $$props) $$invalidate(6, itemLabels = $$props.itemLabels);
-		if ('wrapper' in $$props) $$invalidate(7, wrapper = $$props.wrapper);
+		if ('five' in $$props) $$invalidate(5, five = $$props.five);
+		if ('modelOcclusionEnable' in $$props) $$invalidate(6, modelOcclusionEnable = $$props.modelOcclusionEnable);
+		if ('itemLabels' in $$props) $$invalidate(7, itemLabels = $$props.itemLabels);
+		if ('wrapper' in $$props) $$invalidate(8, wrapper = $$props.wrapper);
 		if ('hooks' in $$props) $$invalidate(0, hooks = $$props.hooks);
-		if ('displayStrategyType' in $$props) $$invalidate(8, displayStrategyType = $$props.displayStrategyType);
+		if ('displayStrategyType' in $$props) $$invalidate(9, displayStrategyType = $$props.displayStrategyType);
 	};
 
 	return [
@@ -470,6 +510,7 @@ function instance($$self, $$props, $$invalidate) {
 		renderItemLabels,
 		containerWidth,
 		containerHeight,
+		itemsVisible,
 		five,
 		modelOcclusionEnable,
 		itemLabels,
@@ -490,12 +531,12 @@ class ItemLabelComponent extends internal.SvelteComponent {
 			create_fragment,
 			internal.safe_not_equal,
 			{
-				five: 4,
-				modelOcclusionEnable: 5,
-				itemLabels: 6,
-				wrapper: 7,
+				five: 5,
+				modelOcclusionEnable: 6,
+				itemLabels: 7,
+				wrapper: 8,
 				hooks: 0,
-				displayStrategyType: 8
+				displayStrategyType: 9
 			},
 			add_css
 		);
@@ -519,7 +560,7 @@ const ModelItemLabelPlugin = (five$1, params) => {
         app: undefined,
         hooks: new five.Subscribe(),
         modelOcclusionEnable: (_a = params === null || params === void 0 ? void 0 : params.modelOcclusionEnable) !== null && _a !== void 0 ? _a : true,
-        displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : DISPLAY_STRATEGY_TYPE.SMALL
+        displayStrategyType: (_b = params === null || params === void 0 ? void 0 : params.displayStrategyType) !== null && _b !== void 0 ? _b : DISPLAY_STRATEGY_TYPE.SMALL,
     };
     pluginState.container.setAttribute('class', 'model-item-label-plugin-container');
     pluginState.container.style.cssText = `
@@ -528,8 +569,9 @@ const ModelItemLabelPlugin = (five$1, params) => {
         top: 0;
         width: 100%;
         height: 100%;
-        pointerEvents: none;
+        z-index: 5;
     `;
+    pluginState.container.style.pointerEvents = 'none'; // 写到 cssText 里不生效
     const appendTo = (wrapper) => {
         pluginState.wrapper = wrapper;
         wrapper.appendChild(pluginState.container);
@@ -537,7 +579,6 @@ const ModelItemLabelPlugin = (five$1, params) => {
         return true;
     };
     const load = (data) => {
-        console.log('🐶--当前标签总条数： ', data.model_item_labels.length);
         pluginState.itemLabels = parseModelItemLabelPluginData(data);
         render();
     };
@@ -559,40 +600,6 @@ const ModelItemLabelPlugin = (five$1, params) => {
         removeListener4Five();
         pluginState.container.remove();
     };
-    const handleRerender = () => {
-        if (!pluginState.enabled || !pluginState.fiveModeEnabled)
-            return;
-        disable();
-    };
-    const rerender = (a, b, c) => {
-        if (!pluginState.fiveModeEnabled)
-            return;
-        if (!c)
-            return;
-        enable();
-        render();
-    };
-    const handleInteriaPanRerender = (a, b) => {
-        if (!pluginState.fiveModeEnabled)
-            return;
-        if (!b)
-            return;
-        enable();
-        render();
-    };
-    const handleWantsPanGesture = (pose, final) => {
-        if (pose) {
-            handleRerender();
-        }
-    };
-    const handlePanGesture = (pose, final) => {
-        if (!pluginState.fiveModeEnabled)
-            return;
-        if (!final)
-            return;
-        enable();
-        render();
-    };
     const render = () => {
         var _a;
         if (!pluginState.wrapper)
@@ -628,32 +635,14 @@ const ModelItemLabelPlugin = (five$1, params) => {
     const addListener4Five = () => {
         five$1.on('modeChange', onFiveModeChange);
         five$1.once('dispose', dispose);
-        // five.on('wantsGesture', handleRerender)
-        // five.on('gesture', rerender)
-        five$1.on('wantsMouseWheel', handleRerender);
-        five$1.on('mouseWheel', rerender);
-        five$1.on('wantsInteriaPan', handleRerender);
-        five$1.on('interiaPan', handleInteriaPanRerender);
-        five$1.on('wantsPanGesture', handleWantsPanGesture);
-        five$1.on('panGesture', handlePanGesture);
-        five$1.on('wantsPinchGesture', handleRerender);
-        five$1.on('pinchGesture', rerender);
     };
     // 取消 five 监听
     const removeListener4Five = () => {
         five$1.off('modeChange', onFiveModeChange);
-        // five.off('wantsGesture', handleRerender)
-        // five.off('gesture', rerender)
-        five$1.off('wantsMouseWheel', handleRerender);
-        five$1.off('mouseWheel', rerender);
-        five$1.off('wantsInteriaPan', handleRerender);
-        five$1.off('interiaPan', handleInteriaPanRerender);
-        five$1.off('wantsPanGesture', handleWantsPanGesture);
-        five$1.off('panGesture', handlePanGesture);
-        five$1.off('wantsPinchGesture', handleRerender);
-        five$1.off('pinchGesture', rerender);
     };
     const onFiveModeChange = (mode) => {
+        if (!pluginState.enabled)
+            return;
         if (mode !== five.Five.Mode.Floorplan) {
             pluginState.fiveModeEnabled = false;
             render();

package/dist/ModelItemLabelPlugin/typings.d.ts

@@ -4,7 +4,8 @@ import { PluginEvent } from "./events.type";
 export declare enum DISPLAY_STRATEGY_TYPE {
     SMALL = "small",
     MIDLLE = "middle",
-    LARGE = "large"
+    LARGE = "large",
+    EXTRA_LARGE = "x-large"
 }
 export interface ModelItemLabelPluginParametersType {
     modelOcclusionEnable?: boolean;

package/dist/ModelRoomLabelPlugin/index.js

@@ -425,6 +425,7 @@ class ModelRoomLabelController {
         this.container.style.pointerEvents = 'none';
         this.container.style.left = '0';
         this.container.style.top = '0';
+        this.container.style.zIndex = '5';
         // five listener
         this.five.once('dispose', () => this.dispose());
         this.five.on('modeChange', this.onFiveModeChange);

package/dist/ModelTVVideoPlugin/index.d.ts

@@ -0,0 +1,4 @@
+import type { FivePlugin } from '@realsee/five';
+import { ModelTVVideoPluginExportType, ModelTVVideoPluginParameterType } from "./typings";
+export declare const ModelTVVideoPlugin: FivePlugin<ModelTVVideoPluginParameterType, ModelTVVideoPluginExportType>;
+export default ModelTVVideoPlugin;