modern-canvas 0.0.2 → 0.1.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.0.2",
-  "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/canvas.d.ts

@@ -1,42 +0,0 @@
-import type { InternalResource, Resource } from './resource';
-import type { InternalShape, Shape } from './shape';
-import type { GlDrawModes, GlExtensions, GlFramebuffer, GlSlTypes } from './gl';
-import type { InternalNodeRenderer, NodeRenderer } from './node-renderer';
-import type { Node } from './node';
-import type { InternalMaterial, Material } from './material';
-import type { Plugin } from './plugin';
-import type { Container } from './container';
-export interface CanvasOptions extends WebGLContextAttributes {
-    view?: HTMLCanvasElement;
-    children?: Node[];
-    plugins?: Plugin[];
-}
-export interface Canvas extends Container {
-    view: HTMLCanvasElement;
-    children: Node[];
-    gl: WebGLRenderingContext;
-    glDefaultTexture: WebGLTexture;
-    glFramebuffers: GlFramebuffer[];
-    glDrawModes: GlDrawModes;
-    glSlTypes: GlSlTypes;
-    glExtensions: GlExtensions;
-    width: number;
-    height: number;
-    plugins: Map<string, Plugin>;
-    beforeRenderPlugins: Plugin[];
-    afterRenderPlugins: Plugin[];
-    shapes: Map<string, InternalShape>;
-    registerShape(shape: Shape): void;
-    materials: Map<string, InternalMaterial>;
-    registerMaterial(options: Material): void;
-    resources: Map<string, InternalResource>;
-    registerResource(options: Resource): void;
-    nodeRenderers: Map<string, InternalNodeRenderer>;
-    registerNodeRenderer(options: NodeRenderer): void;
-    forEachNode(callbackFn: (node: Node, path: number[]) => void): void;
-    load(): Promise<void>;
-    render(time?: number): void;
-    startRenderLoop(): void;
-    destroy(): void;
-}
-export declare function createCanvas(options?: CanvasOptions): Canvas;

package/types/container.d.ts

@@ -1,14 +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;
-    [key: string]: any;
-}
-export declare function createContainer(): Container;

package/types/gl.d.ts

@@ -1,20 +0,0 @@
-import type { Canvas } from './canvas';
-export interface GlDrawModes {
-    points: GLenum;
-    linear: GLenum;
-    triangles: GLenum;
-    triangleStrip: GLenum;
-    triangleFan: GLenum;
-}
-export type GlSlType = 'float' | 'vec2' | 'vec3' | 'vec4' | 'int' | 'ivec2' | 'ivec3' | 'ivec4' | 'uint' | 'uvec2' | 'uvec3' | 'uvec4' | 'bool' | 'bvec2' | 'bvec3' | 'bvec4' | 'mat2' | 'mat3' | 'mat4' | 'sampler2D' | 'samplerCube' | 'sampler2DArray';
-export type GlSlTypes = Record<number, GlSlType>;
-export interface GlFramebuffer {
-    buffer: WebGLFramebuffer | null;
-    depthBuffer: WebGLRenderbuffer | null;
-    texture: WebGLTexture | null;
-    resize(): void;
-}
-export interface GlExtensions {
-    loseContext: WEBGL_lose_context | null;
-}
-export declare function provideGl(canvas: Canvas, options?: WebGLContextAttributes): void;

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './plugins';
-export * from './canvas';

package/types/material.d.ts

@@ -1,26 +0,0 @@
-import type { GlSlType } from './gl';
-import type { Canvas } from './canvas';
-export interface Material {
-    name: string;
-    vertexShader: string;
-    fragmentShader: string;
-    uniforms?: Record<string, any>;
-}
-export type InternalMaterial = Material & {
-    program: WebGLProgram;
-    attributes: Record<string, MaterialAttribute>;
-    uniforms: Record<string, MaterialUniform>;
-    setAttributes(attributes: Record<string, any>): void;
-    setUniforms(uniforms: Record<string, any>): void;
-};
-export interface MaterialAttribute {
-    type: GlSlType;
-    isArray: boolean;
-    location: GLint;
-}
-export interface MaterialUniform {
-    type: GlSlType;
-    isArray: boolean;
-    location: WebGLUniformLocation | null;
-}
-export declare function registerMaterial(canvas: Canvas, material: Material): void;

package/types/node-renderer.d.ts

@@ -1,18 +0,0 @@
-import type { Canvas } from './canvas';
-import type { Material } from './material';
-import type { Shape } from './shape';
-import type { Node } from './node';
-export interface NodeRenderer {
-    name: string;
-    include?: (node: Node, path: number[]) => boolean;
-    exclude?: (node: Node, path: number[]) => boolean;
-    shape: string | Omit<Shape, 'name'>;
-    material: string | Omit<Material, 'name'>;
-    update?(node: Node, time: number): undefined | Record<string, any>;
-}
-export interface InternalNodeRenderer extends NodeRenderer {
-    shape: string;
-    material: string;
-    render(node: Node, time: number): void;
-}
-export declare function registerNodeRenderer(canvas: Canvas, renderer: NodeRenderer): void;

package/types/node.d.ts

@@ -1,10 +0,0 @@
-import type { Canvas } from './canvas';
-export interface Node {
-    [key: string]: any;
-    x?: number;
-    y?: number;
-    width?: number;
-    height?: number;
-    children?: Node[];
-}
-export declare function forEachNode(canvas: Canvas, callbackFn: (node: Node, path: number[]) => void): void;

package/types/plugin.d.ts

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

package/types/plugins/base.d.ts

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

package/types/plugins/fade.d.ts

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

package/types/plugins/index.d.ts

@@ -1,7 +0,0 @@
-export * from './base';
-export * from './fade';
-export * from './node-image';
-export * from './node-text';
-export * from './selector2d';
-export * from './transform2d';
-export declare const plugins: import("../plugin").Plugin[];

package/types/plugins/node-image.d.ts

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

package/types/plugins/node-text.d.ts

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

package/types/plugins/selector2d.d.ts

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

package/types/plugins/transform2d.d.ts

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

package/types/render.d.ts

@@ -1,2 +0,0 @@
-import type { Canvas } from './canvas';
-export declare function render(canvas: Canvas, time?: number): void;

package/types/resource.d.ts

@@ -1,10 +0,0 @@
-import type { Canvas } from './canvas';
-export interface Resource {
-    name: string;
-    data: TexImageSource;
-}
-export type InternalResource = {
-    loading: boolean;
-    texture: WebGLTexture | null;
-};
-export declare function registerResource(canvas: Canvas, resource: Resource): void;

package/types/shape.d.ts

@@ -1,14 +0,0 @@
-import type { GlDrawModes } from './gl';
-import type { Canvas } from './canvas';
-export interface Shape {
-    name: string;
-    type?: '2d' | '3d';
-    mode?: keyof GlDrawModes;
-    data?: Uint8Array | Uint8ClampedArray | Uint16Array | Uint32Array | Int8Array | Int16Array | Int32Array | BigUint64Array | BigInt64Array | Float32Array | Float64Array;
-}
-export interface InternalShape {
-    mode: GLenum;
-    count: number;
-    buffer: WebGLBuffer | null;
-}
-export declare function registerShape(canvas: Canvas, shape: Shape): void;

package/types/utils/index.d.ts

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

package/types/utils/matrix3.d.ts

@@ -1,7 +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;
-}