canvasengine 2.0.0-beta.23 → 2.0.0-beta.25

package/dist/utils/Ease.d.ts

@@ -0,0 +1,17 @@
+export declare const Easing: {
+    linear: import('popmotion').Easing;
+    easeIn: import('popmotion').Easing;
+    easeInOut: import('popmotion').Easing;
+    easeOut: import('popmotion').Easing;
+    circIn: import('popmotion').Easing;
+    circInOut: import('popmotion').Easing;
+    circOut: import('popmotion').Easing;
+    backIn: import('popmotion').Easing;
+    backInOut: import('popmotion').Easing;
+    backOut: import('popmotion').Easing;
+    anticipate: import('popmotion').Easing;
+    bounceIn: import('popmotion').Easing;
+    bounceInOut: (p: number) => number;
+    bounceOut: (p: number) => number;
+};
+//# sourceMappingURL=Ease.d.ts.map

package/dist/utils/Ease.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ease.d.ts","sourceRoot":"","sources":["../../src/utils/Ease.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAelB,CAAA"}

package/dist/utils/RadialGradient.d.ts

@@ -0,0 +1,58 @@
+import { Texture, Matrix } from 'pixi.js';
+
+/**
+ * Creates a radial gradient texture that can be used in PixiJS.
+ * @example
+ * const gradient = new RadialGradient(size, size, 0, size, size, 0);
+ * gradient.addColorStop(0, "rgba(255, 255, 0, 1)");
+ * gradient.addColorStop(0.5, "rgba(255, 255, 0, 0.3)");
+ * gradient.addColorStop(0.8, "rgba(255, 255, 0, 0)");
+ */
+export declare class RadialGradient {
+    private x0;
+    private y0;
+    private x1;
+    private y1;
+    private x2;
+    private y2;
+    private focalPoint;
+    private canvas;
+    private ctx;
+    private gradient;
+    private texture;
+    transform: Matrix;
+    size: number;
+    /**
+     * Creates a new RadialGradient instance
+     * @param x0 - The x-coordinate of the starting circle
+     * @param y0 - The y-coordinate of the starting circle
+     * @param x1 - The x-coordinate of the ending circle
+     * @param y1 - The y-coordinate of the ending circle
+     * @param x2 - The x-coordinate for gradient transformation
+     * @param y2 - The y-coordinate for gradient transformation
+     * @param focalPoint - The focal point of the gradient (0-1), defaults to 0
+     */
+    constructor(x0: number, y0: number, x1: number, y1: number, x2: number, y2: number, focalPoint?: number);
+    /**
+     * Adds a color stop to the gradient
+     * @param offset - The position of the color stop (0-1)
+     * @param color - The color value (any valid CSS color string)
+     */
+    addColorStop(offset: number, color: string): void;
+    /**
+     * Renders the gradient and returns the texture with its transformation matrix
+     * @param options - Render options
+     * @param options.translate - Optional translation coordinates
+     * @returns Object containing the texture and transformation matrix
+     */
+    render({ translate }?: {
+        translate?: {
+            x: number;
+            y: number;
+        };
+    }): {
+        texture: Texture<import('pixi.js').TextureSource<any>>;
+        matrix: Matrix;
+    };
+}
+//# sourceMappingURL=RadialGradient.d.ts.map

package/dist/utils/RadialGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialGradient.d.ts","sourceRoot":"","sources":["../../src/utils/RadialGradient.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,EAAE,MAAM,SAAS,CAAC;AAEnE;;;;;;;GAOG;AACH,qBAAa,cAAc;IAoBvB,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,EAAE;IACV,OAAO,CAAC,UAAU;IAzBpB,OAAO,CAAC,MAAM,CAAoB;IAClC,OAAO,CAAC,GAAG,CAAkC;IAC7C,OAAO,CAAC,QAAQ,CAA+B;IAC/C,OAAO,CAAC,OAAO,CAAwB;IAChC,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,SAAO;IAElB;;;;;;;;;OASG;gBAEO,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,UAAU,GAAE,MAAU;IAsBhC;;;;OAIG;IACH,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;IAM1C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,GAAE;QAAE,SAAS,CAAC,EAAE;YAAE,CAAC,EAAE,MAAM,CAAC;YAAC,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAO;;;;CAuCpE"}

package/dist/utils/functions.d.ts

@@ -0,0 +1,2 @@
+export declare function isPercent(value?: string | number): boolean;
+//# sourceMappingURL=functions.d.ts.map

package/dist/utils/functions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../src/utils/functions.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,WAMhD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvasengine",
-  "version": "2.0.0-beta.23",
+  "version": "2.0.0-beta.25",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,9 @@
     "yoga-layout": "^3.2.1"
   },
   "devDependencies": {
-    "@types/howler": "^2.2.11"
+    "@types/howler": "^2.2.11",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0"
   },
   "author": "Samuel Ronce",
   "license": "MIT",
@@ -41,7 +43,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
+    "build": "vite build",
+    "dev": "vite build --watch"
   }
 }

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "declarationMap": true,
+    "rootDir": "src"
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "dist",
+    "node_modules"
+  ]
+} 

package/vite.config.ts

@@ -0,0 +1,39 @@
+import { defineConfig } from 'vite'
+import { resolve } from 'path'
+import dts from 'vite-plugin-dts'
+
+export default defineConfig({
+  plugins: [dts()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'CanvasEngine'
+    },
+    rollupOptions: {
+      external: ['pixi.js'],
+      output: [
+        // ESM build
+        {
+          format: 'es',
+          dir: 'dist',
+          entryFileNames: 'index.js'
+        },
+        // IIFE build for global usage
+        {
+          format: 'iife',
+          dir: 'dist',
+          entryFileNames: 'index.global.js',
+          name: 'CanvasEngine',
+          globals: {
+            'pixi.js': 'PIXI'
+          },
+        }
+      ]
+    },
+    minify: true,
+    sourcemap: true
+  },
+  define: {
+    'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'production')
+  }
+})