#88 TypeScriptでの開発環境の調整

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@next2d/framework",
   "description": "It is a framework dedicated to Next2D that enables scene management by URL (SPA), which has been difficult with conventional Canvas/WebGL applications, and simplifies readability and shareability by fixing the development pattern (MVVM).",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "homepage": "https://next2d.app",
   "bugs": "https://github.com/Next2D/Framework/issues/new",
   "author": "Toshiyuki Ienaga <ienaga@tvon.jp>",

src/application/Context.ts

@@ -4,6 +4,8 @@ import { packages } from "./variable/Packages";
 import type { View } from "../view/View";
 import type { ViewModel } from "../view/ViewModel";
 import type { Sprite } from "@next2d/player/dist/player/next2d/display/Sprite";
+import type { ViewImpl } from "../interface/ViewImpl";
+import type { ViewModelImpl } from "../interface/ViewModelImpl";
 
 /**
  * メインコンテキスト、ViewとViewModelのunbind、bindをコントロールします。
@@ -13,8 +15,8 @@ import type { Sprite } from "@next2d/player/dist/player/next2d/display/Sprite";
  */
 export class Context
 {
-    private _$view: View | null;
-    private _$viewModel: ViewModel | null;
+    private _$view: ViewImpl<any> | null;
+    private _$viewModel: ViewModelImpl<any> | null;
     private _$viewName: string;
     private readonly _$root: Sprite;
     private readonly _$toCamelCase: ToCamelCase;
@@ -84,7 +86,7 @@ export class Context
      * @readonly
      * @public
      */
-    get view (): View | null
+    get view (): ViewImpl<any> | null
     {
         return this._$view;
     }
@@ -98,7 +100,7 @@ export class Context
      * @readonly
      * @public
      */
-    get viewModel (): ViewModel | null
+    get viewModel (): ViewModelImpl<any> | null
     {
         return this._$viewModel;
     }
@@ -126,7 +128,7 @@ export class Context
      * @method
      * @public
      */
-    addChild (name: string): Promise<View | void>
+    addChild (name: string): Promise<ViewImpl<any> | void>
     {
         this._$viewName = this._$toCamelCase.execute(name);
 
@@ -146,7 +148,7 @@ export class Context
         const ViewClass: typeof View = packages.get(viewName);
         this._$view = new ViewClass();
 
-        this._$view.addEventListener(Event.REMOVED, (event: any) =>
+        this._$view.addEventListener(Event.REMOVED, (event: Event) =>
         {
             if (this._$viewModel) {
                 this._$viewModel.unbind(event.target);

src/index.ts

@@ -15,7 +15,7 @@ import { response } from "./application/variable/Response";
 import { loaderInfoMap } from "./application/variable/LoaderInfoMap";
 
 // output build version
-console.log("%c Next2D Framework %c 1.5.6 %c https://next2d.app",
+console.log("%c Next2D Framework %c 1.5.7 %c https://next2d.app",
     "color: #fff; background: #5f5f5f",
     "color: #fff; background: #4bc729",
     "");

src/interface/ViewImpl.ts

@@ -0,0 +1,3 @@
+import type { View } from "../view/View";
+
+export type ViewImpl<T extends View> = T;

src/interface/ViewModelImpl.ts

@@ -0,0 +1,3 @@
+import type { ViewModel } from "../view/ViewModel";
+
+export type ViewModelImpl<T extends ViewModel> = T;

src/view/ViewModel.ts

@@ -1,4 +1,4 @@
-import type { View } from "./View";
+import type { ViewImpl } from "../interface/ViewImpl";
 
 /**
  * ViewModelの親クラス、抽象クラスとして存在しています。
@@ -18,7 +18,7 @@ export class ViewModel
      * @method
      * @abstract
      */
-    bind (view: View): Promise<View>
+    bind (view: ViewImpl<any>): Promise<ViewImpl<any>>
     {
         return this.factory(view);
     }
@@ -33,7 +33,7 @@ export class ViewModel
      * @public
      */
     // eslint-disable-next-line no-unused-vars,no-empty-function
-    unbind (view: View): void {}
+    unbind (view: ViewImpl<any>): void {}
 
     /**
      * @description bind関数で非同期で処理を開始する共通関数です。
@@ -44,7 +44,7 @@ export class ViewModel
      * @method
      * @public
      */
-    factory (view: View): Promise<View>
+    factory (view: ViewImpl<any>): Promise<ViewImpl<any>>
     {
         return new Promise((resolve) =>
         {