revas 1.0.3 → 2.0.0

package/dist/revas.js.map

@@ -1 +1 @@
-{"version":3,"file":"revas.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"sources":["../src/revas/web/render.ts"],"names":["callback"],"mappings":"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","file":"revas.js","sourcesContent":["import { Component, createElement } from 'react';\nimport renderer from '../core/reconciler';\nimport { noop } from '../core/utils';\nimport { Container } from '../core/Container';\nimport { RevasTouch, RevasTouchEvent } from '../core/Node';\nimport { RevasCanvas } from '../core/Canvas';\nimport { clearCache } from '../core/offscreen';\nimport { Root } from '../components/Context';\n\nfunction getNodePosition(node: any): [number, number] {\n  let top = 0;\n  let left = 0;\n\n  while (node) {\n    top += node.offsetTop;\n    left += node.offsetLeft;\n    node = node.offsetParent;\n  }\n  return [top, left];\n}\n\nfunction createRevasTouchEvent(e: TouchEvent): RevasTouchEvent {\n  e.preventDefault();\n  e.stopPropagation();\n  const touches: { [key: number]: RevasTouch } = {};\n  const type: any = e.type === 'touchcancel' ? 'touchend' : e.type;\n  Object.keys(e.changedTouches).forEach((key: any) => {\n    const touch = e.changedTouches[key];\n    if (touch && touch.target) {\n      const [offsetTop, offsetLeft] = getNodePosition(touch.target);\n      touches[touch.identifier] = {\n        identifier: touch.identifier,\n        x: touch.clientX - offsetLeft,\n        y: touch.clientY - offsetTop,\n      };\n    }\n  });\n  return { type, touches, timestamp: e.timeStamp || Date.now() };\n}\n\nfunction createCanvas(parent: HTMLElement, scale: number) {\n  const canvas = document.createElement('canvas');\n  canvas.setAttribute('style', 'width: 100%; height: 100%;');\n  parent.appendChild(canvas);\n  canvas.width = canvas.clientWidth * scale;\n  canvas.height = canvas.clientHeight * scale;\n  return canvas;\n}\n\nfunction createRoot(app: React.ReactNode, dom: HTMLElement, canvas: RevasCanvas) {\n  return createElement(\n    Root,\n    {\n      clientWidth: dom.clientWidth,\n      clientHeight: dom.clientHeight,\n      deviceRatio: window.devicePixelRatio,\n      canvas,\n    },\n    app\n  );\n}\n\nfunction initTouch(dom: HTMLElement, handler: (e: any) => any) {\n  dom.addEventListener('touchstart', handler, false);\n  dom.addEventListener('touchmove', handler, false);\n  dom.addEventListener('touchend', handler, false);\n  dom.addEventListener('touchcancel', handler, false);\n  return () => {\n    dom.removeEventListener('touchstart', handler, false);\n    dom.removeEventListener('touchmove', handler, false);\n    dom.removeEventListener('touchend', handler, false);\n    dom.removeEventListener('touchcancel', handler, false);\n  };\n}\n\nexport function render(app: React.ReactNode, parent: HTMLElement, parentComponent?: Component<any>, callback = noop) {\n  const scale = window.devicePixelRatio;\n  const dom = createCanvas(parent, scale);\n  const canvas = new RevasCanvas(dom.getContext('2d')!);\n  const container = new Container();\n  const destroyTouch = initTouch(dom, e => container.handleTouch(createRevasTouchEvent(e)));\n  // react-reconciler 0.33.0 createContainer has 10 parameters\n  const fiber = renderer.createContainer(\n    container,\n    0, // tag: LegacyRoot = 0, ConcurrentRoot = 1\n    null, // hydrationCallbacks\n    false, // isStrictMode\n    null, // concurrentUpdatesByDefaultOverride\n    '', // identifierPrefix\n    console.error, // onUncaughtError\n    console.error, // onCaughtError\n    console.error, // onRecoverableError\n    null // transitionCallbacks\n  );\n\n  canvas.transform.scale(scale, scale);\n  renderer.updateContainer(createRoot(app, dom, canvas), fiber, parentComponent, callback);\n\n  return {\n    get $() {\n      return dom;\n    },\n    update(next = app, callback = noop) {\n      dom.width = dom.clientWidth * scale;\n      dom.height = dom.clientHeight * scale;\n      clearCache();\n\n      canvas.transform.scale(scale, scale);\n      renderer.updateContainer(createRoot(next, dom, canvas), fiber, parentComponent, callback);\n    },\n    unmount(callback = noop) {\n      renderer.updateContainer(null, fiber, null, callback);\n      destroyTouch();\n      clearCache();\n      dom.remove();\n    },\n  };\n}\n"]}

package/package.json

@@ -1,22 +1,41 @@
 {
   "name": "revas",
-  "version": "1.0.3",
+  "version": "2.0.0",
   "description": "Build Apps on Canvas, with React and Flexible CSS, inspired by react-canvas",
   "repository": "https://github.com/pinqy520/revas",
   "homepage": "https://pinqy520.github.io/demo/revas-pwa",
   "author": "Huang Qi",
   "license": "MIT",
-  "main": "dist/revas.js",
-  "module": "dist/revas.es.js",
-  "typings": "dist/types/revas/index.d.ts",
-  "dependencies": {
-    "@types/react-reconciler": "^0.18.0",
-    "bezier-easing": "^2.1.0",
-    "css-layout": "^1.1.1",
-    "react-reconciler": "^0.26.1",
-    "tslib": "^2.0.0",
-    "yoga-layout-wasm": "^1.9.3-alpha.7"
+  "type": "module",
+  "main": "./dist/revas.cjs",
+  "module": "./dist/revas.js",
+  "types": "./dist/revas.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/revas.d.ts",
+        "default": "./dist/revas.js"
+      },
+      "require": {
+        "types": "./dist/revas.d.cts",
+        "default": "./dist/revas.cjs"
+      }
+    },
+    "./common": {
+      "import": {
+        "types": "./dist/revas-common.d.ts",
+        "default": "./dist/revas-common.js"
+      },
+      "require": {
+        "types": "./dist/revas-common.d.cts",
+        "default": "./dist/revas-common.cjs"
+      }
+    }
   },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
   "keywords": [
     "react",
     "canvas",
@@ -24,45 +43,36 @@
     "react-native"
   ],
   "peerDependencies": {
-    "react": "^17.0.0"
+    "react": "^19.0.0"
+  },
+  "dependencies": {
+    "bezier-easing": "^2.1.0",
+    "react-reconciler": "^0.33.0",
+    "yoga-layout": "^3.2.1"
   },
   "devDependencies": {
-    "@types/node": "^12.0.0",
-    "@types/react": "^17.0.0",
-    "react": "^17.0.0",
-    "react-scripts": "4.0.1",
-    "rimraf": "^3.0.2",
-    "rollup": "^1.31.1",
-    "rollup-plugin-commonjs": "^10.1.0",
-    "rollup-plugin-json": "^4.0.0",
-    "rollup-plugin-node-resolve": "^5.2.0",
-    "rollup-plugin-sourcemaps": "^0.5.0",
-    "rollup-plugin-typescript2": "^0.26.0",
-    "typescript": "^4.0.0"
+    "@babel/plugin-proposal-decorators": "^7.28.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rimraf": "^6.0.0",
+    "tsup": "^8.3.0",
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0",
+    "vitest": "^3.0.0"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "prebuild": "rimraf dist",
-    "build": "tsc --module commonjs && rollup -c rollup.config.ts",
-    "build:pwa": "rimraf build && react-scripts build",
-    "test": "react-scripts test",
-    "prepare": "npm run build",
-    "postpublish": "git push"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ]
+    "dev": "vite",
+    "build": "tsup",
+    "build:demo": "vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run clean && npm run build"
   },
   "prettier": {
     "singleQuote": true

package/common.d.ts

@@ -1 +0,0 @@
-export * from './dist/types/revas/common'

package/common.js

@@ -1 +0,0 @@
-module.exports = require('./dist/revas.common')