@vyr/engine 0.0.33 → 0.0.35

package/src/actor/{HTMTransformControllerActor.ts → HTMLTransformControllerActor.ts}

@@ -1,9 +1,9 @@
 import { Vector2 } from "../math"
-import { Asset } from "../asset"
-import { Descriptor, HTMLDescriptor, HTMLTransformControllerChangeArgs, HTMLTransformControllerDescriptor } from "../descriptor"
-import { Scriptable } from "../interaction/Scriptable"
+import { Descriptor, HTML, HTMLTransformController } from "../descriptor"
+import { Scriptable } from "../Scriptable"
 import { Actor } from "./Actor"
-import { HTMLActor } from "./HTMActor"
+import { HTMLActor } from "./HTMLActor"
+import { isHTML } from "../utils"
 
 class HTMLTransformState {
     isDragging = false
@@ -25,14 +25,14 @@ class HTMLTransformState {
     }
 }
 
-class HTMLTransformControllerActor extends Actor {
+export class HTMLTransformControllerActor extends Actor {
     state = new HTMLTransformState()
     offset = new Vector2()
     events: number[] = []
     element: HTMLElement
     circles: HTMLElement[]
-    target!: HTMLDescriptor
-    descriptor!: HTMLTransformControllerDescriptor
+    target!: HTML
+    descriptor!: HTMLTransformController
 
     constructor() {
         super()
@@ -98,22 +98,21 @@ class HTMLTransformControllerActor extends Actor {
         circle.style.cursor = [1, 3].includes(index) ? 'nesw-resize' : 'nwse-resize'
     }
 
-    listen(descriptor: HTMLTransformControllerDescriptor) {
-        this.reset()
+    transform(descriptor: HTMLTransformController) {
         const graphics = Actor.getGraphics(this)
         const target = graphics.variableProxy.get<Descriptor>(descriptor.target, graphics)
-        if (target instanceof HTMLDescriptor) {
+        if (isHTML(target)) {
 
             const targetActor = graphics.getActor<HTMLActor>(target)
             if (targetActor === null) return
 
-            const wrapper = targetActor.getWrapper()
-            if (wrapper === null) return
+            const DOM = targetActor.getDOM()
+            if (DOM === null) return
 
             this.descriptor = descriptor
             this.target = target
 
-            this.selectTargetElement(wrapper)
+            this.selectTargetElement(DOM)
 
             this.events.push(graphics.engine.inputSystem.listen('mousedown', this.handleDragStart, { target: this.element }))
             for (const circle of this.circles) {
@@ -124,25 +123,46 @@ class HTMLTransformControllerActor extends Actor {
         }
     }
 
+    highlight(descriptor: HTMLTransformController) {
+        const graphics = Actor.getGraphics(this)
+        const target = graphics.variableProxy.get<Descriptor>(descriptor.highlight, graphics)
+        if (isHTML(target)) {
+
+            const targetActor = graphics.getActor<HTMLActor>(target)
+            if (targetActor === null) return
+
+            const DOM = targetActor.getDOM()
+            if (DOM === null) return
+
+            this.descriptor = descriptor
+            this.target = target
+
+            this.selectTargetElement(DOM)
+        }
+    }
+
+    listen(descriptor: HTMLTransformController) {
+        this.reset()
+        if (descriptor.highlight) {
+            this.highlight(descriptor)
+        } else {
+            this.transform(descriptor)
+        }
+    }
+
     unlisten() {
         this.reset()
     }
 
-    update(descriptor: HTMLTransformControllerDescriptor) {
+    update(descriptor: HTMLTransformController) {
         this.listen(descriptor)
     }
 
     change = (type = 'change') => {
-        const scriptable = Asset.get<Scriptable<HTMLTransformControllerChangeArgs>>(this.descriptor.event)
+        const scriptable = Scriptable.use(this.descriptor.event)
         if (scriptable === null) return
         const graphics = Actor.getGraphics(this)
-        const _args: HTMLTransformControllerChangeArgs = {
-            event: { type, target: this.descriptor.target },
-            trigger: this.descriptor,
-            input: undefined,
-            result: undefined,
-        }
-        scriptable.execute(graphics, _args)
+        scriptable.execute(graphics, this.descriptor.uuid, { type, target: this.descriptor.target })
     }
 
     reset() {
@@ -174,10 +194,18 @@ class HTMLTransformControllerActor extends Actor {
     }
 
     updateOffset(rect: DOMRect = this.state.target.initialRect) {
-        this.offset.set(
-            rect.width * (this.target.translate.x / 100),
-            rect.height * (this.target.translate.y / 100)
-        )
+        // 从 style 中解析 translate 值
+        const transform = this.target.htmlAttributes.style.transform || '';
+        const translateMatch = transform.match(/translate\(([^)]+)\)/);
+        if (translateMatch) {
+            const [x, y] = translateMatch[1].split(',').map(v => parseFloat(v.trim()));
+            this.offset.set(
+                rect.width * (x / 100),
+                rect.height * (y / 100)
+            );
+        } else {
+            this.offset.set(0, 0);
+        }
     }
 
     // 更新拖拽元素以匹配目标
@@ -202,12 +230,26 @@ class HTMLTransformControllerActor extends Actor {
 
         // 设置尺寸
         if (resize) {
-            this.setDimension('width', draggableRect.width - this.state.resizeData.calcWidth, parentRect.width, this.target.wUnit);
-            this.setDimension('height', draggableRect.height - this.state.resizeData.calcHeight, parentRect.height, this.target.hUnit);
+            const computedStyle = getComputedStyle(this.state.target.element);
+            const paddingLeft = parseFloat(computedStyle.paddingLeft);
+            const paddingRight = parseFloat(computedStyle.paddingRight);
+            const paddingTop = parseFloat(computedStyle.paddingTop);
+            const paddingBottom = parseFloat(computedStyle.paddingBottom);
+            const borderLeft = parseFloat(computedStyle.borderLeftWidth);
+            const borderRight = parseFloat(computedStyle.borderRightWidth);
+            const borderTop = parseFloat(computedStyle.borderTopWidth);
+            const borderBottom = parseFloat(computedStyle.borderBottomWidth);
+
+            const calcWidth = paddingLeft + paddingRight + borderLeft + borderRight;
+            const calcHeight = paddingTop + paddingBottom + borderTop + borderBottom;
+
+            this.setDimension('width', draggableRect.width - calcWidth, parentRect.width);
+            this.setDimension('height', draggableRect.height - calcHeight, parentRect.height);
         }
 
         // 设置位置
-        if (this.target.position === 'fixed') {
+        const position = this.target.htmlAttributes.style.position || 'static';
+        if (position === 'fixed') {
             this.setFixedPosition(draggableRect)
         } else {
             this.setRelativePosition(draggableRect, parentRect);
@@ -216,62 +258,113 @@ class HTMLTransformControllerActor extends Actor {
         this.target.setNeedsUpdate()
     }
 
+    // 从 style 中获取单位
+    getUnitFromStyle = (property: string): string => {
+        const value = this.target.htmlAttributes.style[property as any] || '';
+        if (value.endsWith('%')) return '%';
+        if (value.endsWith('px')) return 'px';
+        if (value.endsWith('em')) return 'em';
+        if (value.endsWith('rem')) return 'rem';
+        return 'px';
+    }
+
     // 设置元素尺寸
-    setDimension = (prop: string, value: number, parentSize: number, unit: string) => {
-        //@ts-ignore
-        this.target[prop] = unit === '%' ? (value / parentSize) * 100 : value
+    setDimension = (prop: 'width' | 'height', value: number, parentSize: number) => {
+        const unit = this.getUnitFromStyle(prop);
+        if (unit === '%') {
+            this.target.htmlAttributes.style[prop] = `${(value / parentSize) * 100}%`;
+        } else {
+            this.target.htmlAttributes.style[prop] = `${value}${unit}`;
+        }
     }
 
     // 设置固定定位
     setFixedPosition = (rect: DOMRect) => {
-        if (this.target.xAxis === 'left') {
-            const leftPos = rect.left - this.offset.x
-            this.target.location.x = this.target.xUnit === '%' ? (leftPos / window.innerWidth) * 100
-                : leftPos
+        const xAxis = this.target.htmlAttributes.style.left !== undefined ? 'left' : 'right';
+        const yAxis = this.target.htmlAttributes.style.top !== undefined ? 'top' : 'bottom';
+
+        const xUnit = this.getUnitFromStyle(xAxis);
+        const yUnit = this.getUnitFromStyle(yAxis);
+
+        if (xAxis === 'left') {
+            const leftPos = rect.left - this.offset.x;
+            if (xUnit === '%') {
+                this.target.htmlAttributes.style.left = `${(leftPos / window.innerWidth) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.left = `${leftPos}px`;
+            }
+            this.target.htmlAttributes.style.right = '';
         } else {
-            const rightPos = window.innerWidth - rect.right + this.offset.x
-            this.target.location.x = this.target.xUnit === '%'
-                ? (rightPos / window.innerWidth) * 100
-                : rightPos
+            const rightPos = window.innerWidth - rect.right + this.offset.x;
+            if (xUnit === '%') {
+                this.target.htmlAttributes.style.right = `${(rightPos / window.innerWidth) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.right = `${rightPos}px`;
+            }
+            this.target.htmlAttributes.style.left = '';
         }
 
-        if (this.target.yAxis === 'top') {
-            const topPos = rect.top - this.offset.y
-            this.target.location.y = this.target.yUnit === '%'
-                ? (topPos / window.innerHeight) * 100
-                : topPos
+        if (yAxis === 'top') {
+            const topPos = rect.top - this.offset.y;
+            if (yUnit === '%') {
+                this.target.htmlAttributes.style.top = `${(topPos / window.innerHeight) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.top = `${topPos}px`;
+            }
+            this.target.htmlAttributes.style.bottom = '';
         } else {
-            const bottomPos = window.innerHeight - rect.bottom + this.offset.y
-            this.target.location.y = this.target.yUnit === '%'
-                ? (bottomPos / window.innerHeight) * 100
-                : bottomPos
+            const bottomPos = window.innerHeight - rect.bottom + this.offset.y;
+            if (yUnit === '%') {
+                this.target.htmlAttributes.style.bottom = `${(bottomPos / window.innerHeight) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.bottom = `${bottomPos}px`;
+            }
+            this.target.htmlAttributes.style.top = '';
         }
     }
 
     // 设置相对/绝对定位
     setRelativePosition = (draggableRect: DOMRect, parentRect: DOMRect) => {
-        if (this.target.xAxis === 'left') {
+        const xAxis = this.target.htmlAttributes.style.left !== undefined ? 'left' : 'right';
+        const yAxis = this.target.htmlAttributes.style.top !== undefined ? 'top' : 'bottom';
+
+        const xUnit = this.getUnitFromStyle(xAxis);
+        const yUnit = this.getUnitFromStyle(yAxis);
+
+        if (xAxis === 'left') {
             const leftPos = draggableRect.left - parentRect.left - this.offset.x;
-            this.target.location.x = this.target.xUnit === '%'
-                ? (leftPos / parentRect.width) * 100
-                : leftPos
+            if (xUnit === '%') {
+                this.target.htmlAttributes.style.left = `${(leftPos / parentRect.width) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.left = `${leftPos}px`;
+            }
+            this.target.htmlAttributes.style.right = '';
         } else {
             const rightPos = parentRect.right - draggableRect.right + this.offset.x;
-            this.target.location.x = this.target.xUnit === '%'
-                ? (rightPos / parentRect.width) * 100
-                : rightPos
+            if (xUnit === '%') {
+                this.target.htmlAttributes.style.right = `${(rightPos / parentRect.width) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.right = `${rightPos}px`;
+            }
+            this.target.htmlAttributes.style.left = '';
         }
 
-        if (this.target.yAxis === 'top') {
+        if (yAxis === 'top') {
             const topPos = draggableRect.top - parentRect.top - this.offset.y;
-            this.target.location.y = this.target.yUnit === '%'
-                ? (topPos / parentRect.height) * 100
-                : topPos
+            if (yUnit === '%') {
+                this.target.htmlAttributes.style.top = `${(topPos / parentRect.height) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.top = `${topPos}px`;
+            }
+            this.target.htmlAttributes.style.bottom = '';
         } else {
             const bottomPos = parentRect.bottom - draggableRect.bottom + this.offset.y;
-            this.target.location.y = this.target.yUnit === '%'
-                ? (bottomPos / parentRect.height) * 100
-                : bottomPos
+            if (yUnit === '%') {
+                this.target.htmlAttributes.style.bottom = `${(bottomPos / parentRect.height) * 100}%`;
+            } else {
+                this.target.htmlAttributes.style.bottom = `${bottomPos}px`;
+            }
+            this.target.htmlAttributes.style.top = '';
         }
     }
 
@@ -279,7 +372,9 @@ class HTMLTransformControllerActor extends Actor {
     handleDragStart = (e: MouseEvent) => {
         if (this.descriptor.enabled === false) return
         if (!this.state.target.element) return
-        if (this.target.position === 'static' || this.target.position === 'relative') return
+
+        const position = this.target.htmlAttributes.style.position || 'static';
+        if (position === 'static' || position === 'relative') return
 
         if (e.target instanceof HTMLElement && e.target.classList.contains('resize-handle') === false) {
 
@@ -295,22 +390,37 @@ class HTMLTransformControllerActor extends Actor {
 
             this.change('mousedown')
         }
-
     }
 
     // 调整大小开始
     handleResizeStart = (e: MouseEvent) => {
         if (this.descriptor.enabled === false) return
         if (!this.state.target.element) return;
-        if (this.target.position === 'static' || this.target.position === 'relative') return
+
+        const position = this.target.htmlAttributes.style.position || 'static';
+        if (position === 'static' || position === 'relative') return
+
         if (e.target instanceof HTMLElement) {
 
             this.state.isResizing = true;
             this.state.resizeData.direction = e.target.classList[1];
 
             const rect = this.element.getBoundingClientRect();
-            this.state.resizeData.calcWidth = this.target.calcWidth
-            this.state.resizeData.calcHeight = this.target.calcHeight
+
+            // 获取计算后的 padding 和 border 值
+            const computedStyle = getComputedStyle(this.state.target.element);
+            const paddingLeft = parseFloat(computedStyle.paddingLeft);
+            const paddingRight = parseFloat(computedStyle.paddingRight);
+            const paddingTop = parseFloat(computedStyle.paddingTop);
+            const paddingBottom = parseFloat(computedStyle.paddingBottom);
+            const borderLeft = parseFloat(computedStyle.borderLeftWidth);
+            const borderRight = parseFloat(computedStyle.borderRightWidth);
+            const borderTop = parseFloat(computedStyle.borderTopWidth);
+            const borderBottom = parseFloat(computedStyle.borderBottomWidth);
+
+            this.state.resizeData.calcWidth = paddingLeft + paddingRight + borderLeft + borderRight;
+            this.state.resizeData.calcHeight = paddingTop + paddingBottom + borderTop + borderBottom;
+
             this.state.resizeData.startWidth = rect.width;
             this.state.resizeData.startHeight = rect.height;
             this.state.resizeData.startX = rect.left;
@@ -404,6 +514,3 @@ class HTMLTransformControllerActor extends Actor {
     }
 }
 
-export {
-    HTMLTransformControllerActor
-}

package/src/actor/InputActor.ts

@@ -0,0 +1,50 @@
+import { createInputDOM } from "../utils"
+import { Input } from "../descriptor"
+import { Actor } from "./Actor"
+import { HTMLActor } from "./HTMLActor"
+
+export class InputActor extends HTMLActor {
+    private _wrapper: HTMLElement | null = null
+
+    constructor(uuid: string) {
+        super(uuid)
+    }
+
+    protected createWrapper() {
+        const DOM = createInputDOM(this.uuid)
+        return DOM
+    }
+
+    getDOM() {
+        if (this._wrapper === null) {
+            this._wrapper = this.createWrapper()
+        }
+
+        return this._wrapper
+    }
+
+    add(actor: Actor) {
+        if (actor instanceof HTMLActor) {
+            const child = actor.getDOM()
+            if (child === null) return
+            const DOM = this.getDOM()
+            if (DOM.contains(child)) return
+            DOM.appendChild(child)
+        }
+    }
+
+    remove(actor: Actor) {
+        if (actor instanceof HTMLActor) {
+            const child = actor.getDOM()
+            if (child === null) return
+            const DOM = this.getDOM()
+            if (DOM.contains(child)) DOM.removeChild(child)
+        }
+    }
+
+    update(descriptor: Input) {
+        const DOM = this.getDOM()
+        this.setHtmlAttributes(DOM, descriptor)
+        this.setHTMLInteraction(DOM, descriptor)
+    }
+}

package/src/actor/TextActor.ts

@@ -0,0 +1,51 @@
+import { createTextDOM } from "../utils"
+import { Text } from "../descriptor"
+import { Actor } from "./Actor"
+import { HTMLActor } from "./HTMLActor"
+
+export class TextActor extends HTMLActor {
+    private _wrapper: HTMLElement | null = null
+
+    constructor(uuid: string) {
+        super(uuid)
+    }
+
+    protected createWrapper() {
+        const DOM = createTextDOM(this.uuid)
+        return DOM
+    }
+
+    getDOM() {
+        if (this._wrapper === null) {
+            this._wrapper = this.createWrapper()
+        }
+
+        return this._wrapper
+    }
+
+    add(actor: Actor) {
+        if (actor instanceof HTMLActor) {
+            const child = actor.getDOM()
+            if (child === null) return
+            const DOM = this.getDOM()
+            if (DOM.contains(child)) return
+            DOM.appendChild(child)
+        }
+    }
+
+    remove(actor: Actor) {
+        if (actor instanceof HTMLActor) {
+            const child = actor.getDOM()
+            if (child === null) return
+            const DOM = this.getDOM()
+            if (DOM.contains(child)) DOM.removeChild(child)
+        }
+    }
+
+    update(descriptor: Text) {
+        const DOM = this.getDOM()
+        this.setHtmlAttributes(DOM, descriptor)
+        this.setHTMLInteraction(DOM, descriptor)
+        DOM.innerText = descriptor.content
+    }
+}

package/src/actor/index.ts

@@ -1,8 +1,9 @@
 export * from './Actor'
-export * from './StyleActor'
-export * from './AnimationUnitActor'
 export * from './FragmentActor'
-export * from './HTMActor'
+export * from './AnimationUnitActor'
+export * from './HTMLActor'
 export * from './DivActor'
-export * from './HTMServiceActor'
-export * from './HTMTransformControllerActor'
+export * from './InputActor'
+export * from './TextActor'
+export * from './HTMLServiceActor'
+export * from './HTMLTransformControllerActor'

package/src/asset/Asset.ts

@@ -1,25 +1,16 @@
 import { language } from "../locale"
-import { Category } from "../Category"
+import { Category, Suffix } from "../Category"
 import { AsyncTask } from "../AsyncTask"
-import { DatasetDescriptor, Descriptor, ServiceSchedulerDescriptor } from "../descriptor"
-import { InteractionDescriptor, Scriptable, ScriptableArgs } from "../interaction"
-import { compile } from "../utils/compile"
+import { Store, Descriptor, Interaction, Scene } from "../descriptor"
+import { DescriptorProvider, RawAsset, StaticFactory } from "../schema"
 import { AssetGraph } from "./AssetGraph"
 import { Engine } from "../Engine"
 
-type JsonAsset = { [k: string]: any }
-type RawAsset = HTMLImageElement | ImageBitmap | HTMLAudioElement | AudioBuffer | HTMLVideoElement | string | JsonAsset
-type StaticFactory = (url: string, forced?: boolean) => Promise<any>
-type DescriptorProvider = () => Promise<Descriptor>
-type ScriptableProvider = () => Promise<{ default: typeof Scriptable<ScriptableArgs<any, any, any>> }>
-type AssetProperty = { url: string }
-type AssetPropertyCollection<T extends AssetProperty = AssetProperty> = T[]
-
-const privateState = {
+export const privateState = {
     requestpPrefix: ['http://', 'https://'],
     assetCache: new Map<string, RawAsset | Descriptor>(),
     idToUrlCache: new Map<string, string>(),
-    providerCollection: new Map<string, DescriptorProvider | ScriptableProvider>(),
+    providerCollection: new Map<string, DescriptorProvider>(),
     assetFactoryCollection: new Map<string, StaticFactory>(),
     taskCollection: new Map<string, AsyncTask>(),
     activeAssets: [] as string[],
@@ -28,12 +19,12 @@ const privateState = {
         const name = urlClips[urlClips.length - 1]
         if (name === undefined) return null
 
-        return Category.parseName(name.split('?')[0])
+        return Suffix.parseName(name.split('?')[0])
     },
     baseUrl: null as unknown as string,
 }
 
-class Asset {
+export class Asset {
     static virtual = 'virtual'
     static get baseUrl() {
         if (privateState.baseUrl === null) {
@@ -50,6 +41,10 @@ class Asset {
     }
     static graph = new AssetGraph()
 
+    static isStaticURL(url: string) {
+        return url.startsWith('/static:/')
+    }
+
     static fetch(url: string, params?: any) {
         return new Promise<Response>(async (resolve, reject) => {
             const res = await fetch(url, params)
@@ -65,7 +60,7 @@ class Asset {
         return `/${this.virtual}:/${fileName}`
     }
 
-    static setProvider(url: string, provider: DescriptorProvider | ScriptableProvider) {
+    static setProvider(url: string, provider: DescriptorProvider) {
         privateState.providerCollection.set(url, provider)
     }
 
@@ -113,7 +108,7 @@ class Asset {
             if (status === null) continue
 
             let factory = privateState.assetFactoryCollection.get(status.category)
-            if (factory === undefined) throw new Error(language.get('asset.load.fail', { category: status.category }))
+            if (factory === undefined) throw new Error(language.get('asset.load.failed', { category: status.category }))
 
             const task = new AsyncTask(async () => {
                 const asset = await factory(assetUrl, forced)
@@ -155,8 +150,8 @@ class Asset {
 
     static get<U extends keyof SnowAssets>(url: U): SnowAssets[U]
     static get<T extends SnowAssets[keyof SnowAssets] = SnowAssets[keyof SnowAssets]>(url: keyof SnowAssets): T
-    static get<T extends RawAsset | InteractionDescriptor | Descriptor | null = Descriptor | null>(url: string): T
-    static get<T extends RawAsset | InteractionDescriptor | Descriptor | null = Descriptor | null>(url: string) {
+    static get<T extends RawAsset | Interaction | Descriptor | null = Descriptor | null>(url: string): T
+    static get<T extends RawAsset | Interaction | Descriptor | null = Descriptor | null>(url: string) {
         return (privateState.assetCache.get(url) ?? null) as T
     }
 
@@ -185,21 +180,6 @@ class Asset {
         privateState.activeAssets.length = 0
     }
 
-    static async compileDataset(url: string, engine: Engine) {
-        const descriptor = this.get<ServiceSchedulerDescriptor>(url)
-        if (descriptor === null) return
-        const graphics = engine.ensureGraphics(url, descriptor)
-        const dependencide = Asset.graph.getDependencide(url)
-
-        const queue: Promise<void>[] = []
-        for (const dataset of dependencide.dataset) {
-            const trigger = Asset.get<DatasetDescriptor>(dataset)
-            compile(trigger, graphics)
-        }
-
-        await Promise.all(queue)
-    }
-
     static async loadAll(url: string, forced = false, record: string[] = []) {
         await Asset.load(url, forced)
         Asset.graph.create(url)
@@ -218,60 +198,35 @@ class Asset {
     }
 }
 
-export { Asset, JsonAsset, RawAsset, DescriptorProvider, ScriptableProvider, AssetProperty, AssetPropertyCollection, privateState }
-
-const getAssetByProvider = async (url: string) => {
+export const getAssetByProvider = async (url: string) => {
     const provider = privateState.providerCollection.get(url)
     if (provider === undefined) return null
     return await provider() as unknown as any
 }
 
-const factoryDescriptor = async (url: string) => {
-    const preset = await getAssetByProvider(url)
-    if (preset !== null) return preset
+export const factoryDescriptor = async (url: string) => {
+    const provider = await getAssetByProvider(url)
+    if (provider !== null) return provider
     const res = await Asset.fetch(Asset.joinUrl(url))
     const text = await res.text()
     const asset = Descriptor.create(Descriptor.deserialization(text))
     return asset
 }
-Asset.register(Category.style, factoryDescriptor)
+Asset.register(Category.store, factoryDescriptor)
+Asset.register(Category.interaction, factoryDescriptor)
 Asset.register(Category.material, factoryDescriptor)
 Asset.register(Category.geometry, factoryDescriptor)
 Asset.register(Category.texture, factoryDescriptor)
-Asset.register(Category.prefab, factoryDescriptor)
-Asset.register(Category.interaction, factoryDescriptor)
 Asset.register(Category.scene, factoryDescriptor)
-Asset.register(Category.dataset, factoryDescriptor)
 
-const factoryJson = async (url: string) => {
+export const factoryJson = async (url: string) => {
     const res = await Asset.fetch(Asset.joinUrl(url))
     const text = await res.text()
     return Descriptor.deserialization(text)
 }
 Asset.register(Category.json, factoryJson)
 
-const factoryScript = (url: string) => {
-    return new Promise(async (resolve, reject) => {
-        try {
-            const module = await getAssetByProvider(url)
-            if (module === null) return reject(language.get('asset.provider.notFound', { url }))
-
-            /**
-            * Class constructor { ClassName } cannot be invoked without 'new'
-            * 
-            * 将代码的编译目标(webpack、ts、vite等配置文件)调整为es6
-            */
-            const scriptable = new module.default(url)
-            await scriptable.ready()
-            resolve(scriptable)
-        } catch (error) {
-            reject(error)
-        }
-    })
-}
-Asset.register(Category.ts, factoryScript)
-
-const factoryOther = async (url: string) => {
+export const factoryOther = async (url: string) => {
     const res = await Asset.fetch(Asset.joinUrl(url))
     return await res.arrayBuffer()
 }