canvasengine 2.0.0-beta.1 → 2.0.1-beta.1

package/.github/workflows/ci.yml

@@ -0,0 +1,29 @@
+name: CanvasEngine CI
+
+on:
+  push:
+    branches:
+      - '*'
+    paths-ignore:
+      - 'docs/**'
+  pull_request:
+    branches:
+      - '*'
+    paths-ignore:
+      - 'docs/**'
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [20.x]
+    steps:
+    - uses: actions/checkout@v3
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v3
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'npm'
+    - run: npm i
+    - run: npm test

package/README.md

@@ -69,3 +69,11 @@ const onLeave = () => {
 </script>
 ```
 
+## Contributing
+
+```bash
+git clone https://github.com/RSamaium/CanvasEngine.git
+cd CanvasEngine
+npm install
+npm run dev
+```

package/index.d.ts

@@ -0,0 +1,6 @@
+import { ComponentFunction } from "./src/engine/signal";
+
+declare module '*.ce' {
+    const content: any;
+    export default content;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "canvasengine",
   "description": "A reactive HTML5 Canvas management library built on top of PixiJS",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.1-beta.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -18,12 +18,10 @@
   "scripts": {
     "dev": "cd sample && vite",
     "build": "tsup",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
+    "watch": "tsup --watch",
     "test": "vitest",
-    "docs": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "publish": "npm run build && npm publish"
+    "docs:build": "cd docs && npm run build",
+    "prepublish": "npm run build"
   },
   "dependencies": {
     "@barvynkoa/particle-emitter": "^0.0.1",
@@ -32,21 +30,13 @@
     "@pixi/tilemap": "^5.0.1",
     "@rpgjs/tiled": "^4.3.0",
     "@signe/reactive": "^1.0.1",
-    "animejs": "^3.2.2",
-    "d-path-parser": "^1.0.0",
-    "framer-motion": "^11.11.9",
     "howler": "^2.2.4",
-    "peggy": "^3.0.2",
     "pixi-filters": "^6.0.5",
     "pixi-viewport": "^5.0.3",
     "pixi.js": "^8.6.4",
     "popmotion": "^11.0.5",
     "revolt-fx": "^1.3.5",
     "rxjs": "^7.8.1",
-    "stats.js": "^0.17.0",
-    "svg-arc-to-cubic-bezier": "^3.2.0",
-    "tinycolor2": "^1.6.0",
-    "tsup": "^8.2.4",
     "yoga-layout": "^2.0.1"
   },
   "devDependencies": {
@@ -59,12 +49,13 @@
     "eslint": "^8.57.0",
     "jsdom": "^25.0.1",
     "lightningcss": "^1.28.2",
+    "peggy": "^3.0.2",
     "rollup-plugin-node-polyfills": "^0.2.1",
     "typescript": "^5.6.2",
     "vite": "^5.4.4",
-    "vitepress": "^1.3.4",
     "vitest": "^1.6.0",
-    "vitest-webgl-canvas-mock": "^1.1.0"
+    "vitest-webgl-canvas-mock": "^1.1.0",
+    "tsup": "^8.2.4"
   },
   "author": "Samuel Ronce",
   "license": "MIT",
@@ -84,5 +75,10 @@
   ],
   "publishConfig": {
     "access": "public"
+  },
+  "overrides": {
+    "revolt-fx": {
+      "pixi.js": "^8.6.4"
+    }
   }
 }

package/starter/components/hello.ce

@@ -1,6 +1,6 @@
 <Container flexDirection="column" width="500px">
     <Sprite 
-        image="/assets/logo.png" 
+        image={imgUrl} 
         anchor="0.5" 
         rotation
         scale
@@ -11,6 +11,7 @@
 </Container>
 
 <script>
+import imgUrl from '../assets/logo.png'
 import { signal, tick, animatedSignal, Easing } from "canvasengine";
 
 const { text } = defineProps();

package/starter/main.ts

@@ -1,4 +1,6 @@
 import App from './components/app.ce'
 import { bootstrapCanvas } from 'canvasengine';
 
-await bootstrapCanvas(document.getElementById("root"), App);
+bootstrapCanvas(document.getElementById("root"), App).then(() => {
+    console.log("CanvasEngine initialized");
+});

package/starter/package.json

@@ -1,15 +1,19 @@
 {
-  "name": "template",
+  "name": "canvasengine-starter",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
-    "dev": "vite"
+    "dev": "vite",
+    "build": "vite build"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "type": "module",
+  "dependencies": {
+    "canvasengine": "2.0.1-beta.1"
+  },
   "devDependencies": {
     "vite": "^6.0.3"
   }

package/starter/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "module": "esnext",
+    "outDir": "dist",
+    "strict": true,
+    "sourceMap": true,
+    "strictNullChecks": true,
+    "strictPropertyInitialization": false,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "removeComments": false,
+    "noUnusedParameters": false,
+    "noUnusedLocals": false,
+    "noImplicitThis": false,
+    "noImplicitAny": false,
+    "noImplicitReturns": false,
+    "declaration": false,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "types": [
+      "node",
+      "vite/client"
+    ],
+    "resolveJsonModule": true
+  },
+  "include": [
+    ".",
+    "index.d.ts",
+    "node_modules/canvasengine/index.d.ts"
+  ]
+}

package/tsconfig.json

@@ -19,7 +19,7 @@
     "noImplicitReturns": false,
     "declaration": true,
     "experimentalDecorators": true, 
-    "emitDecoratorMetadata": false,
+    "emitDecoratorMetadata": true,
     "stripInternal": true,
     "skipLibCheck": true,
     "types": ["node"]