modern-canvas 0.0.3 → 0.1.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.0.3",
-  "packageManager": "pnpm@7.26.2",
-  "description": "A data driven modern canvas library",
+  "version": "0.1.0",
+  "packageManager": "pnpm@9.15.1",
+  "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
   "license": "MIT",
   "homepage": "https://github.com/qq15725/modern-canvas",
@@ -23,46 +23,77 @@
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./types/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
     }
   },
-  "main": "dist/index.mjs",
-  "module": "dist/index.mjs",
-  "types": "types/index.d.ts",
-  "browser": "dist/index.js",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "browser": "./dist/index.js",
   "typesVersions": {
     "*": {
       "*": [
-        "./types/*",
-        "./types/index.d.ts"
+        "./dist/*",
+        "./dist/index.d.ts"
       ]
     }
   },
   "files": [
-    "dist",
-    "types"
+    "dist"
   ],
   "scripts": {
+    "build": "vite build && unbuild",
     "dev": "vite docs",
     "lint": "eslint src",
-    "test": "vitest --no-threads --no-isolate",
-    "build": "vite build && tsc --project tsconfig.build.json",
-    "build:docs": "vite build docs",
     "version": "conventional-changelog -p angular -i CHANGELOG.md -s && git add CHANGELOG.md",
-    "release": "bumpp package.json --commit \"release: v%s\" --push --all --tag"
+    "release": "bumpp package.json --commit \"release: v%s\" --push --all --tag",
+    "start": "esno src/index.ts",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit",
+    "prepare": "simple-git-hooks"
+  },
+  "peerDependencies": {
+    "lottie-web": "^5",
+    "modern-gif": "^2"
+  },
+  "peerDependenciesMeta": {
+    "lottie-web": {
+      "optional": true
+    },
+    "modern-gif": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "colord": "^2.9.3",
+    "earcut": "^3.0.1",
+    "modern-font": "^0.3.5",
+    "modern-idoc": "^0.1.4",
+    "modern-path2d": "^1.0.1",
+    "modern-text": "^1.0.7"
   },
   "devDependencies": {
-    "@qq15725/eslint-config": "^1.1.0",
-    "@types/node": "^18.14.0",
-    "@vitejs/plugin-vue": "^4.1.0",
-    "bumpp": "^8.2.1",
-    "conventional-changelog-cli": "^2.2.2",
-    "eslint": "^8.34.0",
-    "typescript": "^4.9.5",
-    "vite": "^4.1.2",
-    "vitest": "^0.28.5",
-    "vue": "^3.2.47"
+    "@antfu/eslint-config": "^3.12.1",
+    "@types/earcut": "^2.1.4",
+    "@types/node": "^22.10.3",
+    "bumpp": "^9.9.2",
+    "conventional-changelog-cli": "^5.0.0",
+    "eslint": "^9.17.0",
+    "lint-staged": "^15.3.0",
+    "lottie-web": "^5.12.2",
+    "modern-gif": "^2.0.4",
+    "simple-git-hooks": "^2.11.1",
+    "typescript": "^5.7.2",
+    "unbuild": "^3.2.0",
+    "vite": "^6.0.6",
+    "vitest": "^2.1.8"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "pnpm lint-staged"
+  },
+  "lint-staged": {
+    "*": "eslint src --fix"
   }
 }

package/types/app.d.ts

@@ -1,63 +0,0 @@
-import type { QueryOptions } from './query';
-import type { RenderNodeOptions } from './render';
-import type { System } from './system';
-import type { Texture } from './texture';
-import type { Shape, UserShape } from './shape';
-import type { Node } from './node';
-import type { Material, UserMaterial } from './material';
-import type { Plugin } from './plugin';
-import type { Container } from './container';
-export interface App extends Container {
-    view: HTMLCanvasElement;
-    children: Node[];
-    context: WebGLRenderingContext;
-    defaultTexture: WebGLTexture;
-    framebuffers: {
-        buffer: WebGLFramebuffer | null;
-        depthBuffer: WebGLRenderbuffer | null;
-        texture: WebGLTexture | null;
-        resize(): void;
-    }[];
-    drawModes: {
-        points: GLenum;
-        linear: GLenum;
-        triangles: GLenum;
-        triangleStrip: GLenum;
-        triangleFan: GLenum;
-    };
-    slTypes: Record<number, 'float' | 'vec2' | 'vec3' | 'vec4' | 'int' | 'ivec2' | 'ivec3' | 'ivec4' | 'uint' | 'uvec2' | 'uvec3' | 'uvec4' | 'bool' | 'bvec2' | 'bvec3' | 'bvec4' | 'mat2' | 'mat3' | 'mat4' | 'sampler2D' | 'samplerCube' | 'sampler2DArray'>;
-    extensions: {
-        loseContext: WEBGL_lose_context | null;
-    };
-    width: number;
-    height: number;
-    plugins: Map<string, Plugin>;
-    shapes: Map<string, Shape>;
-    registerShape(name: string, shape: UserShape): void;
-    materials: Map<string, Material>;
-    registerMaterial(name: string, material: UserMaterial): void;
-    textures: Map<number, Texture>;
-    registerTexture(id: number, source: TexImageSource): Promise<void>;
-    lastState?: {
-        material: string;
-        shape: string;
-    };
-    entities: Map<number, {
-        path: number[];
-        archetypeId: string;
-    }>;
-    components: Map<string, number>;
-    archetypes: Map<string, {
-        entityIds: Set<number>;
-        codePoints: number[];
-    }>;
-    systems: System[];
-    registerSystem(system: System): void;
-    query(where?: QueryOptions): Node;
-    setup(): void;
-    load(): Promise<void>;
-    renderNode(options: RenderNodeOptions): void;
-    render(time?: number): void;
-    start(): void;
-    destroy(): void;
-}

package/types/container.d.ts

@@ -1,13 +0,0 @@
-export interface Container {
-    instances: Map<string, any>;
-    bindings: Map<string, {
-        value: () => any;
-        shared: boolean;
-    }>;
-    get<T = any>(key: string): T;
-    has(key: string): boolean;
-    set<T = any>(key: string, value: T): void;
-    bind<T = any>(key: string, value: () => T, shared?: boolean): void;
-    singleton<T = any>(key: string, value: () => T): void;
-}
-export declare function createContainer(): Container;

package/types/create-app.d.ts

@@ -1,3 +0,0 @@
-import type { Options } from './options';
-import type { App } from './app';
-export declare function createApp(options?: Options): App;

package/types/index.d.ts

@@ -1,4 +0,0 @@
-export * from './plugins';
-export * from './app';
-export * from './create-app';
-export type { Node } from './node';

package/types/material.d.ts

@@ -1,24 +0,0 @@
-import type { App } from './app';
-export interface UserMaterial {
-    vertexShader: string;
-    fragmentShader: string;
-    uniforms?: Record<string, any>;
-}
-export type Material = UserMaterial & {
-    program: WebGLProgram;
-    attributes: Record<string, MaterialAttribute>;
-    uniforms: Record<string, MaterialUniform>;
-    setupAttributes(attributes: Record<string, any>): void;
-    setupUniforms(uniforms: Record<string, any>): void;
-};
-export interface MaterialAttribute {
-    type: App['slTypes'][keyof App['slTypes']];
-    isArray: boolean;
-    location: GLint;
-}
-export interface MaterialUniform {
-    type: App['slTypes'][keyof App['slTypes']];
-    isArray: boolean;
-    location: WebGLUniformLocation | null;
-}
-export declare function registerMaterial(app: App, name: string, userMaterial: UserMaterial): void;

package/types/node.d.ts

@@ -1,4 +0,0 @@
-export interface Node {
-    [key: string]: any;
-    children?: Node[];
-}

package/types/options.d.ts

@@ -1,7 +0,0 @@
-import type { Node } from './node';
-import type { Plugin } from './plugin';
-export interface Options extends WebGLContextAttributes {
-    view?: HTMLCanvasElement;
-    children?: Node[];
-    plugins?: Plugin[];
-}

package/types/plugin.d.ts

@@ -1,6 +0,0 @@
-import type { App } from './app';
-export interface Plugin {
-    name: string;
-    register?(app: App): void;
-}
-export declare function definePlugin(plugin: Plugin | (() => Plugin)): Plugin;

package/types/plugins/index.d.ts

@@ -1 +0,0 @@
-export * from './renderer2d';

package/types/plugins/renderer2d.d.ts

@@ -1 +0,0 @@
-export declare const Renderer2d: import("../plugin").Plugin;

package/types/query.d.ts

@@ -1,4 +0,0 @@
-import type { App } from './app';
-import type { Node } from './node';
-export type QueryOptions = string | string[];
-export declare function query(app: App, options?: QueryOptions): Node[];

package/types/render.d.ts

@@ -1,13 +0,0 @@
-import type { App } from './app';
-export interface RenderNodeOptions {
-    shape: string;
-    material: string;
-    uniforms?: Record<string, any>;
-    extraRenderers?: {
-        shape: string;
-        material: string;
-        uniforms?: Record<string, any>;
-    }[];
-}
-export declare function renderNode(app: App, options: RenderNodeOptions): void;
-export declare function render(app: App, time?: number): void;

package/types/setup.d.ts

@@ -1,2 +0,0 @@
-import type { App } from './app';
-export declare function setup(app: App): void;

package/types/shape.d.ts

@@ -1,12 +0,0 @@
-import type { App } from './app';
-export interface UserShape {
-    type?: '2d' | '3d';
-    mode?: keyof App['drawModes'];
-    buffer?: Uint8Array | Uint8ClampedArray | Uint16Array | Uint32Array | Int8Array | Int16Array | Int32Array | BigUint64Array | BigInt64Array | Float32Array | Float64Array;
-}
-export interface Shape {
-    mode: GLenum;
-    count: number;
-    buffer: WebGLBuffer | null;
-}
-export declare function registerShape(app: App, name: string, userShape: UserShape): void;

package/types/system.d.ts

@@ -1,5 +0,0 @@
-import type { App } from './app';
-export interface System {
-    update?(time?: number): void;
-}
-export declare function registerSystem(app: App, system: System): void;

package/types/texture.d.ts

@@ -1,7 +0,0 @@
-import type { App } from './app';
-export interface Texture {
-    loading: boolean;
-    value: WebGLTexture | null;
-    source: TexImageSource;
-}
-export declare function registerTexture(app: App, name: number, source: TexImageSource): Promise<void>;

package/types/utils.d.ts

@@ -1,11 +0,0 @@
-export declare class Matrix3 extends Float32Array {
-    static identity(): Matrix3;
-    static translation(tx: number, ty: number): Matrix3;
-    static rotation(radians: number): Matrix3;
-    static scaling(sx: number, sy: number): Matrix3;
-    multiply(matrix3: Matrix3): this;
-}
-export declare function getArchetypeIdCodePoints(componentIds: number[]): number[];
-export declare function createVideo(url: string): HTMLVideoElement;
-export declare function createImage(url: string): HTMLImageElement;
-export declare function resolveColor(value: string, defaultValue?: number[]): [number, number, number, number];