create-pixi-vn 1.2.1 → 1.2.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-pixi-vn",
   "description": "Create a new Pixi’VN project",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "type": "module",
   "license": "GPL-3.0",
   "author": "DRincs-Productions",
@@ -11,6 +11,7 @@
   },
   "files": [
     "index.js",
+    "template-game-engine",
     "template-react-vite-muijoy",
     "template-react-vite-muijoy-ink",
     "template-react-vite-muijoy-ink-tauri",

package/template-game-engine/.eslintrc.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  "prefer-const": ["error", {
+    "destructuring": "all",
+    "ignoreReadBeforeAssign": true
+  }],
+}

package/template-game-engine/.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+    "recommendations": [
+        "ms-vscode.vscode-typescript-next",
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "vitest.explorer"
+    ]
+}

package/template-game-engine/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    // bash: https://docs.microsoft.com/it-it/windows/dev-environment/javascript/nodejs-on-wsl
+    "version": "0.2.0",
+    "configurations": [
+        {
+          "type": "node",
+          "request": "launch",
+          "name": "Debug Current Test File",
+          "autoAttachChildProcesses": true,
+          "skipFiles": ["<node_internals>/**", "**/node_modules/**"],
+          "program": "${workspaceRoot}/node_modules/vitest/vitest.mjs",
+          "args": ["run", "${relativeFile}"],
+          "smartStep": true,
+          "console": "integratedTerminal"
+        }
+    ]
+}

package/template-game-engine/.vscode/settings.json

@@ -0,0 +1,35 @@
+{
+    // Formatter
+    "[typescript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.formatOnSave": true
+    },
+    "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.formatOnSave": true
+    },
+    "prettier.jsxSingleQuote": true,
+    "prettier.printWidth": 120,
+    "prettier.useTabs": false,
+    "prettier.singleAttributePerLine": false,
+    "prettier.tabWidth": 4,
+    // reorganise imports
+    "editor.codeActionsOnSave": {
+        "source.organizeImports": "explicit"
+    },
+    // references
+    "javascript.referencesCodeLens.enabled": true,
+    "javascript.referencesCodeLens.showOnAllFunctions": true,
+    "typescript.referencesCodeLens.enabled": true,
+    "typescript.referencesCodeLens.showOnAllFunctions": true,
+    // move file
+    "javascript.updateImportsOnFileMove.enabled": "always",
+    "typescript.updateImportsOnFileMove.enabled": "always",
+	// debug
+	"terminal.integrated.defaultProfile.linux": "JavaScript Debug Terminal",
+	"terminal.integrated.defaultProfile.windows": "JavaScript Debug Terminal",
+	"terminal.integrated.defaultProfile.osx": "JavaScript Debug Terminal",
+    // olther
+    "extensions.ignoreRecommendations": false,
+    "git.fetchOnPull": true
+}

package/template-game-engine/README.md

@@ -0,0 +1,30 @@
+# Game Engine
+
+Game Engine created with TypeScript and Pixi’VN.
+
+## How build it
+
+1. Install dependencies with `npm install` or `yarn install`
+2. Build the project with `npm run build` or `yarn build`
+
+## How push it to NPM
+
+Prerequisites:
+
+- NPM account: <https://www.npmjs.com/signup>
+- NPM login: `npm login`
+
+1. [Build the project](#how-build-it)
+2. (Optional) Edit the version in `package.json` (e.g., `1.0.0` to `1.0.1`)
+3. Publish the project with `npm publish` or `yarn publish`
+
+### How to publish with GitHub Actions
+
+Prerequisites:
+
+- Create a NPM token
+- Create a GitHub secret with the name `NPM_TOKEN` and the value of your NPM token
+
+1. Edit the version in `package.json` (e.g., `1.0.0` to `1.0.1`)
+2. (Optional) Create a new tag that starts with `v` (e.g., `v1.0.1`)
+3. Push the tag to GitHub with `git push origin v1.0.1`

package/template-game-engine/_github/workflows/npm-publish.yml

@@ -0,0 +1,54 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
+
+name: Node.js Package
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+run-name: Deploy to ${{ inputs.deploy_target }} by @${{ github.actor }}
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+      - run: npm i
+      - run: npm ci
+      - run: npm test
+
+  publish-npm:
+    name: Publish to NPM
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          registry-url: https://registry.npmjs.org/
+      - run: |
+          npm i
+          npm ci
+          npm run build
+      - run: npm publish -f
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
+
+  create-release:
+    name: Create Release
+    needs: publish-npm
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+    - uses: actions/checkout@v3
+    - uses: ncipollo/release-action@v1
+      with:
+        body: "Release ${{ github.ref }}"

package/template-game-engine/_gitignore

@@ -0,0 +1,23 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+package-lock.json

package/template-game-engine/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "my-app-package-name",
+  "description": "my-app-description",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest"
+  },
+  "dependencies": {
+    "@pixi/devtools": "^2.0.1",
+    "@pixi/sound": "^6.0.1",
+    "pixi.js": "^8.9.1"
+  },
+  "devDependencies": {
+    "@drincs/pixi-vn": "^1.0.2",
+    "@types/crypto-js": "^4.2.2",
+    "crypto-js": "^4.2.0",
+    "ts-node": "^10.9.2",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.1"
+  },
+  "keywords": [
+    "engine",
+    "game",
+    "game-engine",
+    "pixi-vn"
+  ]
+}

package/template-game-engine/src/classes/Label.ts

@@ -0,0 +1,46 @@
+import { LabelAbstract, LabelProps, StepLabelType } from "@drincs/pixi-vn";
+import sha1 from "crypto-js/sha1";
+
+export default class Label<T extends {} = {}> extends LabelAbstract<Label<T>, T> {
+    public get stepCount(): number {
+        return this.steps.length;
+    }
+    public getStepById(stepId: number): StepLabelType<T> | undefined {
+        return this.steps[stepId];
+    }
+    /**
+     * @param id is the id of the label
+     * @param steps is the list of steps that the label will perform
+     * @param props is the properties of the label
+     */
+    constructor(id: string, steps: StepLabelType<T>[] | (() => StepLabelType<T>[]), props?: LabelProps<Label<T>>) {
+        super(id, props);
+        this._steps = steps;
+    }
+
+    private _steps: StepLabelType<T>[] | (() => StepLabelType<T>[]);
+    /**
+     * Get the steps of the label.
+     */
+    public get steps(): StepLabelType<T>[] {
+        if (typeof this._steps === "function") {
+            return this._steps();
+        }
+        return this._steps;
+    }
+
+    public getStepSha(index: number): string {
+        if (index < 0 || index >= this.steps.length) {
+            console.warn("stepSha not found, setting to ERROR");
+            return "error";
+        }
+        try {
+            let step = this.steps[index];
+            let sha1String = sha1(step.toString().toLocaleLowerCase());
+            return sha1String.toString();
+        } catch (e) {
+            console.warn("stepSha not found, setting to ERROR", e);
+            return "error";
+        }
+    }
+}

package/template-game-engine/src/index.ts

@@ -0,0 +1,151 @@
+import PIXIVN, {
+    canvas,
+    CanvasManagerStatic,
+    GameUnifier,
+    HistoryManagerStatic,
+    narration,
+    NarrationManagerStatic,
+    sound,
+    stepHistory,
+    storage,
+    StorageManagerStatic,
+} from "@drincs/pixi-vn";
+import { Devtools } from "@pixi/devtools";
+import { ApplicationOptions } from "pixi.js";
+import { version as ENGINE_VERSION } from "../package.json";
+import { GameState } from "./interfaces";
+import { getGamePath } from "./utils/path-utility";
+export { version as ENGINE_VERSION } from "../package.json";
+export * from "./interfaces";
+export * from "./utils";
+
+export namespace Game {
+    /**
+     * Initialize the Game and PixiJS Application and the interface div.
+     * This method should be called before any other method.
+     * @param element The html element where I will put the canvas. Example: document.body
+     * @param width The width of the canvas
+     * @param height The height of the canvas
+     * @param options The options of PixiJS Application
+     * @param devtoolsOptions The options of the devtools. You can read more about it in the [PixiJS Devtools documentation](https://pixijs.io/devtools/docs/plugin/)
+     * @example
+     * ```typescript
+     * const body = document.body
+     * if (!body) {
+     *     throw new Error('body element not found')
+     * }
+     * await Game.initialize(body, {
+     *     width: 1920,
+     *     height: 1080,
+     *     backgroundColor: "#303030"
+     * })
+     * ```
+     */
+    export async function initialize(
+        element: HTMLElement,
+        options: Partial<ApplicationOptions> & { width: number; height: number },
+        devtoolsOptions?: Devtools
+    ) {
+        GameUnifier.init({
+            getCurrentGameStepState: () => {
+                return {
+                    path: getGamePath(),
+                    storage: storage.export(),
+                    canvas: canvas.export(),
+                    sound: sound.export(),
+                    labelIndex: NarrationManagerStatic.currentLabelStepIndex || 0,
+                    openedLabels: narration.openedLabels,
+                };
+            },
+            restoreGameStepState: async (state, navigate) => {
+                HistoryManagerStatic._originalStepData = state;
+                NarrationManagerStatic._openedLabels = state.openedLabels;
+                storage.restore(state.storage);
+                await canvas.restore(state.canvas);
+                sound.restore(state.sound);
+                navigate(state.path);
+            },
+            // narration
+            getStepCounter: () => narration.stepCounter,
+            setStepCounter: (value) => {
+                NarrationManagerStatic._stepCounter = value;
+            },
+            getOpenedLabels: () => narration.openedLabels.length,
+            addHistoryItem: (historyInfo, opstions) => {
+                return stepHistory.add(historyInfo, opstions);
+            },
+            getCurrentStepsRunningNumber: () => NarrationManagerStatic.stepsRunning,
+            // canvas
+            onGoNextEnd: async () => {
+                CanvasManagerStatic._tickersToCompleteOnStepEnd.tikersIds.forEach(({ id }) => {
+                    canvas.forceCompletionOfTicker(id);
+                });
+                CanvasManagerStatic._tickersToCompleteOnStepEnd.stepAlias.forEach(({ alias, id }) => {
+                    canvas.forceCompletionOfTicker(id, alias);
+                });
+                CanvasManagerStatic._tickersToCompleteOnStepEnd = { tikersIds: [], stepAlias: [] };
+            },
+            // storage
+            getVariable: (key) => storage.getVariable(key),
+            setVariable: (key, value) => storage.setVariable(key, value),
+            removeVariable: (key) => storage.removeVariable(key),
+            getFlag: (key) => storage.getFlag(key),
+            setFlag: (name, value) => storage.setFlag(name, value),
+            onLabelClosing: (openedLabelsNumber) => StorageManagerStatic.clearOldTempVariables(openedLabelsNumber),
+        });
+        return await canvas.init(element, options, devtoolsOptions);
+    }
+
+    /**
+     * Clear all game data. This function is used to reset the game.
+     */
+    export function clear() {
+        storage.clear();
+        canvas.clear();
+        sound.clear();
+        narration.clear();
+        stepHistory.clear();
+    }
+
+    /**
+     * Get all the game data. It can be used to save the game.
+     * @returns The game data
+     */
+    export function exportGameState(): GameState {
+        return {
+            engine_version: ENGINE_VERSION,
+            stepData: narration.export(),
+            storageData: storage.export(),
+            canvasData: canvas.export(),
+            soundData: sound.export(),
+            historyData: stepHistory.export(),
+            path: getGamePath(),
+        };
+    }
+
+    /**
+     * Load the save data
+     * @param data The save data
+     * @param navigate The function to navigate to a path
+     */
+    export async function restoreGameState(data: GameState, navigate: (path: string) => void) {
+        stepHistory.restore(data.historyData);
+        await narration.restore(data.stepData, HistoryManagerStatic.lastHistoryStep);
+        storage.restore(data.storageData);
+        await canvas.restore(data.canvasData);
+        sound.restore(data.soundData);
+        navigate(data.path);
+    }
+
+    /**
+     * Convert a JSON string to a save data
+     * @param json The JSON string
+     * @returns The save data
+     */
+    export function jsonToGameState(json: string): GameState {
+        return JSON.parse(json);
+    }
+}
+
+export { Container, ImageContainer, ImageSprite, Sprite, Text, VideoSprite } from "@drincs/pixi-vn";
+export { canvas, GameUnifier, narration, PIXIVN, sound, stepHistory, storage };

package/template-game-engine/src/interfaces/GameState.ts

@@ -0,0 +1,17 @@
+import {
+    CanvasGameState,
+    HistoryGameState,
+    NarrationGameState,
+    SoundGameState,
+    StorageGameState,
+} from "@drincs/pixi-vn";
+
+export default interface GameState {
+    engine_version: string;
+    stepData: NarrationGameState;
+    storageData: StorageGameState;
+    canvasData: CanvasGameState;
+    soundData: SoundGameState;
+    historyData: HistoryGameState;
+    path: string;
+}

package/template-game-engine/src/interfaces/index.ts

@@ -0,0 +1 @@
+export type { default as GameState } from "./GameState";

package/template-game-engine/src/utils/index.ts

@@ -0,0 +1 @@
+export type { newLabel } from "./label";

package/template-game-engine/src/utils/label.ts

@@ -0,0 +1,23 @@
+import { LabelProps, RegisteredLabels, StepLabelType } from "@drincs/pixi-vn";
+import Label from "../classes/Label";
+
+/**
+ * Creates a new label and registers it in the system.
+ * **This function must be called at least once at system startup to register the label, otherwise the system cannot be used.**
+ * @param id The id of the label, it must be unique
+ * @param steps The steps of the label
+ * @param props The properties of the label
+ * @returns The created label
+ */
+export function newLabel<T extends {} = {}>(
+    id: string,
+    steps: StepLabelType<T>[] | (() => StepLabelType<T>[]),
+    props?: Omit<LabelProps<Label<T>>, "choiseIndex">
+): Label<T> {
+    if (RegisteredLabels.get(id)) {
+        console.info(`Label ${id} already exists, it will be overwritten`);
+    }
+    let label = new Label<T>(id, steps, props);
+    RegisteredLabels.add(label);
+    return label;
+}

package/template-game-engine/src/utils/path-utility.ts

@@ -0,0 +1,7 @@
+export function getGamePath(): string {
+    let path = window.location.pathname + window.location.hash
+    if (path.includes('#')) {
+        path = path.split('#')[1]
+    }
+    return path
+}

package/template-game-engine/tests/setup.test.ts

@@ -0,0 +1,3 @@
+import { test } from "vitest";
+
+test("setup", async () => {});

package/template-game-engine/tsconfig.json

@@ -0,0 +1,109 @@
+{
+  "compilerOptions": {
+    /* Visit https://aka.ms/tsconfig to read more about this file */
+
+    /* Projects */
+    // "incremental": true,                              /* Save .tsbuildinfo files to allow for incremental compilation of projects. */
+    // "composite": true,                                /* Enable constraints that allow a TypeScript project to be used with project references. */
+    // "tsBuildInfoFile": "./.tsbuildinfo",              /* Specify the path to .tsbuildinfo incremental compilation file. */
+    // "disableSourceOfProjectReferenceRedirect": true,  /* Disable preferring source files instead of declaration files when referencing composite projects. */
+    // "disableSolutionSearching": true,                 /* Opt a project out of multi-project reference checking when editing. */
+    // "disableReferencedProjectLoad": true,             /* Reduce the number of projects loaded automatically by TypeScript. */
+
+    /* Language and Environment */
+    "target": "ESNext",                                  /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */
+    // "lib": [],                                        /* Specify a set of bundled library declaration files that describe the target runtime environment. */
+    // "jsx": "preserve",                                /* Specify what JSX code is generated. */
+    "experimentalDecorators": true,                      /* Enable experimental support for legacy experimental decorators. */
+    // "emitDecoratorMetadata": true,                    /* Emit design-type metadata for decorated declarations in source files. */
+    // "jsxFactory": "",                                 /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */
+    // "jsxFragmentFactory": "",                         /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */
+    // "jsxImportSource": "",                            /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */
+    // "reactNamespace": "",                             /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */
+    // "noLib": true,                                    /* Disable including any library files, including the default lib.d.ts. */
+    // "useDefineForClassFields": true,                  /* Emit ECMAScript-standard-compliant class fields. */
+    // "moduleDetection": "auto",                        /* Control what method is used to detect module-format JS files. */
+
+    /* Modules */
+    "module": "commonjs",                                /* Specify what module code is generated. */
+    // "rootDir": "./",                                  /* Specify the root folder within your source files. */
+    // "moduleResolution": "node10",                     /* Specify how TypeScript looks up a file from a given module specifier. */
+    // "baseUrl": "./",                                  /* Specify the base directory to resolve non-relative module names. */
+    // "paths": {},                                      /* Specify a set of entries that re-map imports to additional lookup locations. */
+    // "rootDirs": [],                                   /* Allow multiple folders to be treated as one when resolving modules. */
+    // "typeRoots": [],                                  /* Specify multiple folders that act like './node_modules/@types'. */
+    // "types": [],                                      /* Specify type package names to be included without being referenced in a source file. */
+    // "allowUmdGlobalAccess": true,                     /* Allow accessing UMD globals from modules. */
+    // "moduleSuffixes": [],                             /* List of file name suffixes to search when resolving a module. */
+    // "allowImportingTsExtensions": true,               /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */
+    // "resolvePackageJsonExports": true,                /* Use the package.json 'exports' field when resolving package imports. */
+    // "resolvePackageJsonImports": true,                /* Use the package.json 'imports' field when resolving imports. */
+    // "customConditions": [],                           /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */
+    "resolveJsonModule": true,                           /* Enable importing .json files. */
+    // "allowArbitraryExtensions": true,                 /* Enable importing files with any extension, provided a declaration file is present. */
+    // "noResolve": true,                                /* Disallow 'import's, 'require's or '<reference>'s from expanding the number of files TypeScript should add to a project. */
+
+    /* JavaScript Support */
+    // "allowJs": true,                                  /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
+    // "checkJs": true,                                  /* Enable error reporting in type-checked JavaScript files. */
+    // "maxNodeModuleJsDepth": 1,                        /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */
+
+    /* Emit */
+    "declaration": true,                                 /* Generate .d.ts files from TypeScript and JavaScript files in your project. */
+    // "declarationMap": true,                           /* Create sourcemaps for d.ts files. */
+    "emitDeclarationOnly": true,                         /* Only output d.ts files and not JavaScript files. */
+    // "sourceMap": true,                                /* Create source map files for emitted JavaScript files. */
+    // "inlineSourceMap": true,                          /* Include sourcemap files inside the emitted JavaScript. */
+    // "outFile": "./",                                  /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */
+    "outDir": "dist",                                    /* Specify an output folder for all emitted files. */
+    // "removeComments": true,                           /* Disable emitting comments. */
+    // "noEmit": true,                                   /* Disable emitting files from a compilation. */
+    // "importHelpers": true,                            /* Allow importing helper functions from tslib once per project, instead of including them per-file. */
+    // "importsNotUsedAsValues": "remove",               /* Specify emit/checking behavior for imports that are only used for types. */
+    // "downlevelIteration": true,                       /* Emit more compliant, but verbose and less performant JavaScript for iteration. */
+    // "sourceRoot": "",                                 /* Specify the root path for debuggers to find the reference source code. */
+    // "mapRoot": "",                                    /* Specify the location where debugger should locate map files instead of generated locations. */
+    // "inlineSources": true,                            /* Include source code in the sourcemaps inside the emitted JavaScript. */
+    // "emitBOM": true,                                  /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */
+    // "newLine": "crlf",                                /* Set the newline character for emitting files. */
+    // "stripInternal": true,                            /* Disable emitting declarations that have '@internal' in their JSDoc comments. */
+    // "noEmitHelpers": true,                            /* Disable generating custom helper functions like '__extends' in compiled output. */
+    // "noEmitOnError": true,                            /* Disable emitting files if any type checking errors are reported. */
+    // "preserveConstEnums": true,                       /* Disable erasing 'const enum' declarations in generated code. */
+    // "declarationDir": "./",                           /* Specify the output directory for generated declaration files. */
+    // "preserveValueImports": true,                     /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */
+
+    /* Interop Constraints */
+    // "isolatedModules": true,                          /* Ensure that each file can be safely transpiled without relying on other imports. */
+    // "verbatimModuleSyntax": true,                     /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */
+    // "allowSyntheticDefaultImports": true,             /* Allow 'import x from y' when a module doesn't have a default export. */
+    "esModuleInterop": true,                             /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */
+    // "preserveSymlinks": true,                         /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */
+    "forceConsistentCasingInFileNames": true,            /* Ensure that casing is correct in imports. */
+
+    /* Type Checking */
+    "strict": true,                                      /* Enable all strict type-checking options. */
+    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied 'any' type. */
+    // "strictNullChecks": true,                         /* When type checking, take into account 'null' and 'undefined'. */
+    // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */
+    // "strictBindCallApply": true,                      /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */
+    // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */
+    // "noImplicitThis": true,                           /* Enable error reporting when 'this' is given the type 'any'. */
+    // "useUnknownInCatchVariables": true,               /* Default catch clause variables as 'unknown' instead of 'any'. */
+    // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */
+    // "noUnusedLocals": true,                           /* Enable error reporting when local variables aren't read. */
+    // "noUnusedParameters": true,                       /* Raise an error when a function parameter isn't read. */
+    // "exactOptionalPropertyTypes": true,               /* Interpret optional property types as written, rather than adding 'undefined'. */
+    // "noImplicitReturns": true,                        /* Enable error reporting for codepaths that do not explicitly return in a function. */
+    // "noFallthroughCasesInSwitch": true,               /* Enable error reporting for fallthrough cases in switch statements. */
+    // "noUncheckedIndexedAccess": true,                 /* Add 'undefined' to a type when accessed using an index. */
+    // "noImplicitOverride": true,                       /* Ensure overriding members in derived classes are marked with an override modifier. */
+    // "noPropertyAccessFromIndexSignature": true,       /* Enforces using indexed accessors for keys declared using an indexed type. */
+    // "allowUnusedLabels": true,                        /* Disable error reporting for unused labels. */
+    // "allowUnreachableCode": true,                     /* Disable error reporting for unreachable code. */
+
+    /* Completeness */
+    // "skipDefaultLibCheck": true,                      /* Skip type checking .d.ts files that are included with TypeScript. */
+    "skipLibCheck": true                                 /* Skip type checking all .d.ts files. */
+  }
+}

package/template-game-engine/tsup.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from "tsup";
+
+// https://dev.to/orabazu/how-to-bundle-a-tree-shakable-typescript-library-with-tsup-and-publish-with-npm-3c46
+export default defineConfig({
+    entry: ["src/**/*.ts"],
+    format: ["cjs", "esm"], // Build for commonJS and ESmodules
+    dts: true, // Generate declaration file (.d.ts)
+    treeshake: true,
+    splitting: false,
+    // sourcemap: true, // Generate sourcemap, it was removed because otherwise it would explode
+    clean: true,
+    minify: true,
+    bundle: true,
+    skipNodeModulesBundle: false, // Skip bundling of node_modules
+    entryPoints: ["src/index.ts"],
+    noExternal: ["@drincs/pixi-vn", "pixi.js", "@pixi/sound", "@pixi/devtools"],
+});

package/template-game-engine/vitest.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+    test: {
+        environment: "jsdom",
+        setupFiles: ["./tests/setup.test.ts"],
+    },
+});

package/template-react-vite-muijoy/package.json

@@ -11,7 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@drincs/pixi-vn": "^1.0.1",
+    "@drincs/pixi-vn": "^1.0.2",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^7.0.2",

package/template-react-vite-muijoy-ink/package.json

@@ -11,7 +11,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@drincs/pixi-vn": "^1.0.1",
+    "@drincs/pixi-vn": "^1.0.2",
     "@drincs/pixi-vn-ink": "^0.6.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package/template-react-vite-muijoy-ink-tauri/package.json

@@ -12,7 +12,7 @@
 	  "tauri": "tauri"
   },
   "dependencies": {
-    "@drincs/pixi-vn": "^1.0.1",
+    "@drincs/pixi-vn": "^1.0.2",
     "@drincs/pixi-vn-ink": "^0.6.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",

package/template-react-vite-muijoy-tauri/package.json

@@ -12,7 +12,7 @@
     "tauri": "tauri"
   },
   "dependencies": {
-    "@drincs/pixi-vn": "^1.0.1",
+    "@drincs/pixi-vn": "^1.0.2",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
     "@mui/icons-material": "^7.0.2",