From ed785936532f2259755913292c1d71f6112d560a Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Thu, 31 Oct 2024 15:52:57 +0800
Subject: [PATCH 01/18] feat: add script loader

---
 packages/core/src/asset/AssetType.ts |  4 +++-
 packages/loader/src/ScriptLoader.ts  | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 packages/loader/src/ScriptLoader.ts

diff --git a/packages/core/src/asset/AssetType.ts b/packages/core/src/asset/AssetType.ts
index e5d6fef91f..a4f6b2d9e6 100644
--- a/packages/core/src/asset/AssetType.ts
+++ b/packages/core/src/asset/AssetType.ts
@@ -56,5 +56,7 @@ export enum AssetType {
   /** Source Font, include ttf、 otf and woff. */
   SourceFont = "SourceFont",
   /** Project asset. */
-  Project = "project"
+  Project = "project",
+  /** Script in ES module */
+  Script = "Script"
 }
diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
new file mode 100644
index 0000000000..6caf574d15
--- /dev/null
+++ b/packages/loader/src/ScriptLoader.ts
@@ -0,0 +1,14 @@
+import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader, Script } from "@galacean/engine-core";
+
+@resourceLoader(AssetType.Script, ["js", "mjs"], false)
+class ScriptLoader extends Loader<Script> {
+  load(item: LoadItem): AssetPromise<Script> {
+    return new AssetPromise((resolve, reject) => {
+      const { url } = item;
+      (import(url) as Promise<Script>).then(esModule => {
+        resolve(esModule);
+      }).catch(reject);
+    });
+  }
+  
+}

From 2a1e40df56735f0e0b4a61f150e46a95e00ca10d Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Thu, 31 Oct 2024 15:57:10 +0800
Subject: [PATCH 02/18] fix: lint error

---
 packages/loader/src/ScriptLoader.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 6caf574d15..d391a61dcd 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -5,10 +5,11 @@ class ScriptLoader extends Loader<Script> {
   load(item: LoadItem): AssetPromise<Script> {
     return new AssetPromise((resolve, reject) => {
       const { url } = item;
-      (import(url) as Promise<Script>).then(esModule => {
-        resolve(esModule);
-      }).catch(reject);
+      (import(url) as Promise<Script>)
+        .then((esModule) => {
+          resolve(esModule);
+        })
+        .catch(reject);
     });
   }
-  
 }

From 0a214c7155f284af3246edbf5cc947701c011ee6 Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Fri, 1 Nov 2024 17:20:23 +0800
Subject: [PATCH 03/18] chore: add test

---
 packages/loader/src/ScriptLoader.ts   | 11 ++++--
 packages/loader/src/index.ts          |  2 ++
 tests/src/loader/ScriptLoader.test.ts | 52 +++++++++++++++++++++++++++
 3 files changed, 62 insertions(+), 3 deletions(-)
 create mode 100644 tests/src/loader/ScriptLoader.test.ts

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index d391a61dcd..1052cf84f7 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -1,11 +1,16 @@
 import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader, Script } from "@galacean/engine-core";
 
+interface ESModuleStructure {
+  default?: Script;
+  [key: string]: any;
+}
+
 @resourceLoader(AssetType.Script, ["js", "mjs"], false)
-class ScriptLoader extends Loader<Script> {
-  load(item: LoadItem): AssetPromise<Script> {
+export class ScriptLoader extends Loader<ESModuleStructure> {
+  load(item: LoadItem): AssetPromise<ESModuleStructure> {
     return new AssetPromise((resolve, reject) => {
       const { url } = item;
-      (import(url) as Promise<Script>)
+      (import(url) as Promise<ESModuleStructure>)
         .then((esModule) => {
           resolve(esModule);
         })
diff --git a/packages/loader/src/index.ts b/packages/loader/src/index.ts
index b1da2b95ee..cf24964cd5 100644
--- a/packages/loader/src/index.ts
+++ b/packages/loader/src/index.ts
@@ -19,12 +19,14 @@ import "./SpriteLoader";
 import "./Texture2DLoader";
 import "./TextureCubeLoader";
 import "./ktx2/KTX2Loader";
+import "./ScriptLoader";
 
 export { GLTFLoader } from "./GLTFLoader";
 export type { GLTFParams } from "./GLTFLoader";
 export * from "./SceneLoader";
 export type { Texture2DParams } from "./Texture2DLoader";
 export { parseSingleKTX } from "./compressed-texture";
+export { ScriptLoader } from './ScriptLoader'
 export * from "./gltf";
 export { KTX2Loader, KTX2Transcoder } from "./ktx2/KTX2Loader";
 export { KTX2TargetFormat } from "./ktx2/KTX2TargetFormat";
diff --git a/tests/src/loader/ScriptLoader.test.ts b/tests/src/loader/ScriptLoader.test.ts
new file mode 100644
index 0000000000..6627ce1d8d
--- /dev/null
+++ b/tests/src/loader/ScriptLoader.test.ts
@@ -0,0 +1,52 @@
+import { expect } from "chai";
+import { WebGLEngine, Script } from '@galacean/engine'
+import { AssetType } from "@galacean/engine-core";
+
+let engine: WebGLEngine;
+
+interface ESModuleStructure {
+  default?: Script;
+  [key: string]: any;
+}
+
+before(async () => {
+  const canvasDOM = document.createElement("canvas");
+  canvasDOM.width = 1024;
+  canvasDOM.height = 1024;
+  engine = await WebGLEngine.create({ canvas: canvasDOM });
+});
+
+describe("ScriptLoader test", function () {
+  it("loader from string url", async () => {
+    engine.resourceManager.load<ESModuleStructure>({
+      url: "https://cdn.jsdelivr.net/npm/colord@2.9.3/+esm",
+      type: AssetType.Script
+    })
+    .then((script) => {
+      expect(script).not.to.be.null;
+      expect(script.default).not.to.be.null;
+      expect(script.colord).not.to.be.null;
+      expect(script.getFormat).not.to.be.null;
+      expect(script.random).not.to.be.null;
+    });
+  });
+
+  it("loader from blob raw script text", async () => {
+    const esModuleString = `
+      export const colord = "colord";
+      export const getFormat = () => "getFormat";
+      export default colord;
+    `
+    engine.resourceManager.load<ESModuleStructure>({
+      url: URL.createObjectURL(new Blob([esModuleString], { type: "application/javascript" })),
+      type: AssetType.Script
+    })
+    .then((script) => {
+      expect(script).not.to.be.null;
+      expect(script.colord).not.to.be.null;
+      expect(script.getFormat).not.to.be.null;
+      expect(script.default).not.to.be.null;
+      expect(script.default).equal(script.colord)
+    });
+  });
+});
\ No newline at end of file

From 9081f74104ca32cb487ac7bf9527a3120439541b Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Fri, 1 Nov 2024 17:37:11 +0800
Subject: [PATCH 04/18] Update AssetType.ts

---
 packages/core/src/asset/AssetType.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/core/src/asset/AssetType.ts b/packages/core/src/asset/AssetType.ts
index a4f6b2d9e6..ecc650ead7 100644
--- a/packages/core/src/asset/AssetType.ts
+++ b/packages/core/src/asset/AssetType.ts
@@ -57,6 +57,6 @@ export enum AssetType {
   SourceFont = "SourceFont",
   /** Project asset. */
   Project = "project",
-  /** Script in ES module */
+  /** Script in ES module. */
   Script = "Script"
 }

From 2ef9c8e73ce10cdb7b60df9f29fc15bb349551a1 Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Fri, 1 Nov 2024 17:39:36 +0800
Subject: [PATCH 05/18] Update index.ts

---
 packages/loader/src/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/loader/src/index.ts b/packages/loader/src/index.ts
index cf24964cd5..89831aa5a8 100644
--- a/packages/loader/src/index.ts
+++ b/packages/loader/src/index.ts
@@ -26,7 +26,7 @@ export type { GLTFParams } from "./GLTFLoader";
 export * from "./SceneLoader";
 export type { Texture2DParams } from "./Texture2DLoader";
 export { parseSingleKTX } from "./compressed-texture";
-export { ScriptLoader } from './ScriptLoader'
+export { ScriptLoader } from "./ScriptLoader";
 export * from "./gltf";
 export { KTX2Loader, KTX2Transcoder } from "./ktx2/KTX2Loader";
 export { KTX2TargetFormat } from "./ktx2/KTX2TargetFormat";

From e7bf294780b05c5eacffd011bf32c782e6fedddd Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Sat, 2 Nov 2024 00:58:32 +0800
Subject: [PATCH 06/18] chore: add ScriptLoader test

---
 tests/src/loader/ScriptLoader.test.ts | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/tests/src/loader/ScriptLoader.test.ts b/tests/src/loader/ScriptLoader.test.ts
index 6627ce1d8d..b2e0bc7ee1 100644
--- a/tests/src/loader/ScriptLoader.test.ts
+++ b/tests/src/loader/ScriptLoader.test.ts
@@ -1,6 +1,7 @@
-import { expect } from "chai";
-import { WebGLEngine, Script } from '@galacean/engine'
-import { AssetType } from "@galacean/engine-core";
+import { WebGLEngine } from "@galacean/engine-rhi-webgl";
+import { AssetType, Script } from "@galacean/engine-core";
+import "@galacean/engine-loader";
+import { describe, it, expect, beforeAll } from "vitest";
 
 let engine: WebGLEngine;
 
@@ -9,7 +10,7 @@ interface ESModuleStructure {
   [key: string]: any;
 }
 
-before(async () => {
+beforeAll(async () => {
   const canvasDOM = document.createElement("canvas");
   canvasDOM.width = 1024;
   canvasDOM.height = 1024;
@@ -18,6 +19,7 @@ before(async () => {
 
 describe("ScriptLoader test", function () {
   it("loader from string url", async () => {
+    
     engine.resourceManager.load<ESModuleStructure>({
       url: "https://cdn.jsdelivr.net/npm/colord@2.9.3/+esm",
       type: AssetType.Script
@@ -47,6 +49,6 @@ describe("ScriptLoader test", function () {
       expect(script.getFormat).not.to.be.null;
       expect(script.default).not.to.be.null;
       expect(script.default).equal(script.colord)
-    });
+    })
   });
 });
\ No newline at end of file

From 12357bbcfe0066000eedefae29bc8aa927c33d74 Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Sat, 2 Nov 2024 01:04:30 +0800
Subject: [PATCH 07/18] chore: update Loader with clear context

---
 tests/src/loader/ScriptLoader.test.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/tests/src/loader/ScriptLoader.test.ts b/tests/src/loader/ScriptLoader.test.ts
index b2e0bc7ee1..d54b4038e5 100644
--- a/tests/src/loader/ScriptLoader.test.ts
+++ b/tests/src/loader/ScriptLoader.test.ts
@@ -1,7 +1,7 @@
 import { WebGLEngine } from "@galacean/engine-rhi-webgl";
 import { AssetType, Script } from "@galacean/engine-core";
 import "@galacean/engine-loader";
-import { describe, it, expect, beforeAll } from "vitest";
+import { describe, it, expect, beforeAll, afterAll } from "vitest";
 
 let engine: WebGLEngine;
 
@@ -51,4 +51,9 @@ describe("ScriptLoader test", function () {
       expect(script.default).equal(script.colord)
     })
   });
+
+  afterAll(function () {
+    engine.resourceManager.gc();
+    engine.destroy();
+  });
 });
\ No newline at end of file

From f67960e00586d16e11675b39e041f64842c2c673 Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Sat, 2 Nov 2024 18:38:17 +0800
Subject: [PATCH 08/18] feat: let import() as it is

---
 packages/loader/src/ScriptLoader.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 1052cf84f7..264465ed13 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -10,7 +10,7 @@ export class ScriptLoader extends Loader<ESModuleStructure> {
   load(item: LoadItem): AssetPromise<ESModuleStructure> {
     return new AssetPromise((resolve, reject) => {
       const { url } = item;
-      (import(url) as Promise<ESModuleStructure>)
+      (import(/* @vite-ignore */url) as Promise<ESModuleStructure>)
         .then((esModule) => {
           resolve(esModule);
         })

From 44025d76bdc1a7f7dd66f25f8a79765218e0bd84 Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Sat, 2 Nov 2024 19:12:33 +0800
Subject: [PATCH 09/18] chore: lint

---
 packages/core/src/animation/Keyframe.ts       | 20 +++++++++----------
 .../AnimationCurveOwner.ts                    | 12 +++++------
 packages/loader/src/ScriptLoader.ts           |  2 +-
 3 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/packages/core/src/animation/Keyframe.ts b/packages/core/src/animation/Keyframe.ts
index 1a52f721c4..b4a50c80ee 100644
--- a/packages/core/src/animation/Keyframe.ts
+++ b/packages/core/src/animation/Keyframe.ts
@@ -10,16 +10,16 @@ export class Keyframe<
   T = V extends number
     ? number
     : V extends Vector2
-    ? Vector2
-    : V extends Vector3
-    ? Vector3
-    : V extends Vector4 | Color | Quaternion | Rect
-    ? Vector4
-    : V extends number[] | Float32Array
-    ? number[]
-    : V extends ReferResource
-    ? ReferResource
-    : never
+      ? Vector2
+      : V extends Vector3
+        ? Vector3
+        : V extends Vector4 | Color | Quaternion | Rect
+          ? Vector4
+          : V extends number[] | Float32Array
+            ? number[]
+            : V extends ReferResource
+              ? ReferResource
+              : never
 > {
   /** The time of the Keyframe. */
   time: number;
diff --git a/packages/core/src/animation/internal/animationCurveOwner/AnimationCurveOwner.ts b/packages/core/src/animation/internal/animationCurveOwner/AnimationCurveOwner.ts
index 4bd51e0424..6406f380e6 100644
--- a/packages/core/src/animation/internal/animationCurveOwner/AnimationCurveOwner.ts
+++ b/packages/core/src/animation/internal/animationCurveOwner/AnimationCurveOwner.ts
@@ -92,8 +92,8 @@ export class AnimationCurveOwner<V extends KeyframeValueType> {
           ? srcCurve._evaluateAdditive(srcTime, this.baseEvaluateData)
           : srcCurve._evaluate(srcTime, this.baseEvaluateData)
         : additive
-        ? this.cureType._getZeroValue(this.baseEvaluateData.value)
-        : this.defaultValue;
+          ? this.cureType._getZeroValue(this.baseEvaluateData.value)
+          : this.defaultValue;
 
     const destValue =
       destCurve && destCurve.keys.length
@@ -101,8 +101,8 @@ export class AnimationCurveOwner<V extends KeyframeValueType> {
           ? destCurve._evaluateAdditive(destTime, this.crossEvaluateData)
           : destCurve._evaluate(destTime, this.crossEvaluateData)
         : additive
-        ? this.cureType._getZeroValue(this.crossEvaluateData.value)
-        : this.defaultValue;
+          ? this.cureType._getZeroValue(this.crossEvaluateData.value)
+          : this.defaultValue;
 
     return this._lerpValue(srcValue, destValue, crossWeight);
   }
@@ -126,8 +126,8 @@ export class AnimationCurveOwner<V extends KeyframeValueType> {
           ? destCurve._evaluateAdditive(destTime, this.crossEvaluateData)
           : destCurve._evaluate(destTime, this.crossEvaluateData)
         : additive
-        ? this.cureType._getZeroValue(this.crossEvaluateData.value)
-        : this.defaultValue;
+          ? this.cureType._getZeroValue(this.crossEvaluateData.value)
+          : this.defaultValue;
 
     return this._lerpValue(srcValue, destValue, crossWeight);
   }
diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 264465ed13..980df3b7c5 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -10,7 +10,7 @@ export class ScriptLoader extends Loader<ESModuleStructure> {
   load(item: LoadItem): AssetPromise<ESModuleStructure> {
     return new AssetPromise((resolve, reject) => {
       const { url } = item;
-      (import(/* @vite-ignore */url) as Promise<ESModuleStructure>)
+      (import(/* @vite-ignore */ url) as Promise<ESModuleStructure>)
         .then((esModule) => {
           resolve(esModule);
         })

From 89b957b3b0d7bc035fc307141022cb5e2e0fc778 Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Sun, 3 Nov 2024 18:57:35 +0800
Subject: [PATCH 10/18] Update ScriptLoader.ts

---
 packages/loader/src/ScriptLoader.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 980df3b7c5..c9b32865b7 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -9,8 +9,7 @@ interface ESModuleStructure {
 export class ScriptLoader extends Loader<ESModuleStructure> {
   load(item: LoadItem): AssetPromise<ESModuleStructure> {
     return new AssetPromise((resolve, reject) => {
-      const { url } = item;
-      (import(/* @vite-ignore */ url) as Promise<ESModuleStructure>)
+      (import(/* @vite-ignore */ item.url) as Promise<ESModuleStructure>)
         .then((esModule) => {
           resolve(esModule);
         })

From fde6eca42e8aa72375eea518cf66a2c6b97b4e3a Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Tue, 5 Nov 2024 11:38:17 +0800
Subject: [PATCH 11/18] chore: export ESModule type

---
 packages/loader/src/ScriptLoader.ts   | 11 ++++++-----
 packages/loader/src/index.ts          |  2 +-
 rollup.config.js                      |  2 +-
 tests/src/loader/ScriptLoader.test.ts | 12 ++++--------
 4 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index c9b32865b7..8067e9d5be 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -1,15 +1,16 @@
 import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader, Script } from "@galacean/engine-core";
 
-interface ESModuleStructure {
-  default?: Script;
+export interface ESModule {
+  default?: any;
   [key: string]: any;
 }
 
 @resourceLoader(AssetType.Script, ["js", "mjs"], false)
-export class ScriptLoader extends Loader<ESModuleStructure> {
-  load(item: LoadItem): AssetPromise<ESModuleStructure> {
+export class ScriptLoader extends Loader<ESModule> {
+  load(item: LoadItem): AssetPromise<ESModule> {
     return new AssetPromise((resolve, reject) => {
-      (import(/* @vite-ignore */ item.url) as Promise<ESModuleStructure>)
+      const { url } = item;
+      (import(/* @vite-ignore */ url) as Promise<ESModule>)
         .then((esModule) => {
           resolve(esModule);
         })
diff --git a/packages/loader/src/index.ts b/packages/loader/src/index.ts
index 89831aa5a8..4b08f3c12f 100644
--- a/packages/loader/src/index.ts
+++ b/packages/loader/src/index.ts
@@ -26,7 +26,7 @@ export type { GLTFParams } from "./GLTFLoader";
 export * from "./SceneLoader";
 export type { Texture2DParams } from "./Texture2DLoader";
 export { parseSingleKTX } from "./compressed-texture";
-export { ScriptLoader } from "./ScriptLoader";
+export { ScriptLoader, type ESModule } from "./ScriptLoader";
 export * from "./gltf";
 export { KTX2Loader, KTX2Transcoder } from "./ktx2/KTX2Loader";
 export { KTX2TargetFormat } from "./ktx2/KTX2TargetFormat";
diff --git a/rollup.config.js b/rollup.config.js
index f616b01aec..71fee30596 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -202,4 +202,4 @@ function getAll() {
   return [...getModule(), ...getMini(), ...getUMD()];
 }
 
-export default Promise.all(promises);
+export default Promise.all(promises);
\ No newline at end of file
diff --git a/tests/src/loader/ScriptLoader.test.ts b/tests/src/loader/ScriptLoader.test.ts
index d54b4038e5..06d8beeb04 100644
--- a/tests/src/loader/ScriptLoader.test.ts
+++ b/tests/src/loader/ScriptLoader.test.ts
@@ -1,15 +1,11 @@
 import { WebGLEngine } from "@galacean/engine-rhi-webgl";
-import { AssetType, Script } from "@galacean/engine-core";
+import { AssetType } from "@galacean/engine-core";
 import "@galacean/engine-loader";
+import type { ESModule } from "@galacean/engine-loader";
 import { describe, it, expect, beforeAll, afterAll } from "vitest";
 
 let engine: WebGLEngine;
 
-interface ESModuleStructure {
-  default?: Script;
-  [key: string]: any;
-}
-
 beforeAll(async () => {
   const canvasDOM = document.createElement("canvas");
   canvasDOM.width = 1024;
@@ -20,7 +16,7 @@ beforeAll(async () => {
 describe("ScriptLoader test", function () {
   it("loader from string url", async () => {
     
-    engine.resourceManager.load<ESModuleStructure>({
+    engine.resourceManager.load<ESModule>({
       url: "https://cdn.jsdelivr.net/npm/colord@2.9.3/+esm",
       type: AssetType.Script
     })
@@ -39,7 +35,7 @@ describe("ScriptLoader test", function () {
       export const getFormat = () => "getFormat";
       export default colord;
     `
-    engine.resourceManager.load<ESModuleStructure>({
+    engine.resourceManager.load<ESModule>({
       url: URL.createObjectURL(new Blob([esModuleString], { type: "application/javascript" })),
       type: AssetType.Script
     })

From e68253fef1385d1da7b004a9b0c711e006c2c81e Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Tue, 5 Nov 2024 14:35:38 +0800
Subject: [PATCH 12/18] Update ScriptLoader.ts

---
 packages/loader/src/ScriptLoader.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 8067e9d5be..823021b31a 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -1,6 +1,6 @@
 import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader, Script } from "@galacean/engine-core";
 
-export interface ESModule {
+export type interface ESModule {
   default?: any;
   [key: string]: any;
 }

From 80e4eed24a53b022678c59c7c86f9b0675cda6ea Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Tue, 5 Nov 2024 14:36:20 +0800
Subject: [PATCH 13/18] Update ScriptLoader.ts

---
 packages/loader/src/ScriptLoader.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 823021b31a..8067e9d5be 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -1,6 +1,6 @@
 import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader, Script } from "@galacean/engine-core";
 
-export type interface ESModule {
+export interface ESModule {
   default?: any;
   [key: string]: any;
 }

From 76d32a5c8fb60fb3cb6ee57e3ab34fb073e55cc3 Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Tue, 5 Nov 2024 14:39:30 +0800
Subject: [PATCH 14/18] Update ScriptLoader.ts

---
 packages/loader/src/ScriptLoader.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 8067e9d5be..938718734f 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -1,4 +1,4 @@
-import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader, Script } from "@galacean/engine-core";
+import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader } from "@galacean/engine-core";
 
 export interface ESModule {
   default?: any;

From fe5e35c7e7fa42b63b0a87455aac905ac655110b Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Tue, 5 Nov 2024 14:41:04 +0800
Subject: [PATCH 15/18] Update ScriptLoader.test.ts

---
 tests/src/loader/ScriptLoader.test.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tests/src/loader/ScriptLoader.test.ts b/tests/src/loader/ScriptLoader.test.ts
index 06d8beeb04..3f4c447f31 100644
--- a/tests/src/loader/ScriptLoader.test.ts
+++ b/tests/src/loader/ScriptLoader.test.ts
@@ -1,7 +1,7 @@
 import { WebGLEngine } from "@galacean/engine-rhi-webgl";
 import { AssetType } from "@galacean/engine-core";
 import "@galacean/engine-loader";
-import type { ESModule } from "@galacean/engine-loader";
+import { ESModule } from "@galacean/engine-loader";
 import { describe, it, expect, beforeAll, afterAll } from "vitest";
 
 let engine: WebGLEngine;
@@ -52,4 +52,4 @@ describe("ScriptLoader test", function () {
     engine.resourceManager.gc();
     engine.destroy();
   });
-});
\ No newline at end of file
+});

From ac334dcccd0817123e63caf39f8e0a9042b2ffed Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Tue, 5 Nov 2024 14:44:35 +0800
Subject: [PATCH 16/18] Update ScriptLoader.ts

---
 packages/loader/src/ScriptLoader.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index 938718734f..ad6fc90383 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -9,8 +9,7 @@ export interface ESModule {
 export class ScriptLoader extends Loader<ESModule> {
   load(item: LoadItem): AssetPromise<ESModule> {
     return new AssetPromise((resolve, reject) => {
-      const { url } = item;
-      (import(/* @vite-ignore */ url) as Promise<ESModule>)
+      (import(/* @vite-ignore */ item.url) as Promise<ESModule>)
         .then((esModule) => {
           resolve(esModule);
         })

From cd9d4bb82f53b2013180d2dcce20d0e0deada676 Mon Sep 17 00:00:00 2001
From: ChenMo <gl3336563@163.com>
Date: Tue, 5 Nov 2024 14:48:08 +0800
Subject: [PATCH 17/18] Update ScriptLoader.ts

---
 packages/loader/src/ScriptLoader.ts | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/packages/loader/src/ScriptLoader.ts b/packages/loader/src/ScriptLoader.ts
index ad6fc90383..791f067eed 100644
--- a/packages/loader/src/ScriptLoader.ts
+++ b/packages/loader/src/ScriptLoader.ts
@@ -1,10 +1,5 @@
 import { AssetPromise, AssetType, Loader, LoadItem, resourceLoader } from "@galacean/engine-core";
 
-export interface ESModule {
-  default?: any;
-  [key: string]: any;
-}
-
 @resourceLoader(AssetType.Script, ["js", "mjs"], false)
 export class ScriptLoader extends Loader<ESModule> {
   load(item: LoadItem): AssetPromise<ESModule> {
@@ -17,3 +12,13 @@ export class ScriptLoader extends Loader<ESModule> {
     });
   }
 }
+
+/**
+ * Represents a generic ES module that can have a default export and additional named exports.
+ */
+export interface ESModule {
+  /** Default export of the module. */
+  default?: any;
+  /** Named exports from the module. */
+  [key: string]: any;
+}

From a443c0421eacc1d0411d520b5309f7615f3d62db Mon Sep 17 00:00:00 2001
From: Kbscript <koubodehao@gmail.com>
Date: Tue, 5 Nov 2024 15:36:27 +0800
Subject: [PATCH 18/18] chore: update test

---
 tests/src/loader/ScriptLoader.test.ts | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/tests/src/loader/ScriptLoader.test.ts b/tests/src/loader/ScriptLoader.test.ts
index 3f4c447f31..de8aa8a8d8 100644
--- a/tests/src/loader/ScriptLoader.test.ts
+++ b/tests/src/loader/ScriptLoader.test.ts
@@ -31,6 +31,8 @@ describe("ScriptLoader test", function () {
 
   it("loader from blob raw script text", async () => {
     const esModuleString = `
+      import { Script } from 'https://galaceancdn.com/@galacean/engine@1.3.15';
+      export class TestScript extends Script {}
       export const colord = "colord";
       export const getFormat = () => "getFormat";
       export default colord;
@@ -43,6 +45,7 @@ describe("ScriptLoader test", function () {
       expect(script).not.to.be.null;
       expect(script.colord).not.to.be.null;
       expect(script.getFormat).not.to.be.null;
+      expect(script.TestScript).not.to.be.null;
       expect(script.default).not.to.be.null;
       expect(script.default).equal(script.colord)
     })