embiem · Apr 5, 2022 · Apr 22, 2022 · Apr 22, 2022 · Apr 22, 2022 · Apr 22, 2022
Showing with 47 additions and 47 deletions.

+17 −37 .github/workflows/npm-publish.yml

+23 −0 .github/workflows/npms-publish.yml

+2 −2 README.md

+4 −7 package.json

+1 −1 src/index.js
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
@@ -1,43 +1,23 @@
-# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
-# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
-
-name: Node.js Package
-
+name: Publish package to GitHub Packages
 on:
-  push:
-    # Sequence of patterns matched against refs/heads
-    branches:
-      # Push events on main branch
-      - master
-
+  release:
+    types: [created]
 jobs:
-  build-and-deploy:
-    runs-on: ubuntu-latest
+  build:
+    runs-on: ubuntu-latest 
+    permissions: 
+      contents: read
+      packages: write 
     steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v2
-
-      - name: Install and Build 🔧 
-        run: |
-          npm install
-          npm run build
-
-      - name: Deploy 🚀
-        uses: JamesIves/github-pages-deploy-action@4.1.5
+      - uses: actions/checkout@v3
+      # Setup .npmrc file to publish to GitHub Packages
+      - uses: actions/setup-node@v3
         with:
-          branch: gh-pages # The branch the action should deploy to.
-          folder: demo/dist # The folder the action should deploy.
-
-  publish-npm:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      # Setup .npmrc file to publish to npm
-      - uses: actions/setup-node@v2
-        with:
-          node-version: "12.x"
-          registry-url: "https://registry.npmjs.org"
-      - run: npm install
+          node-version: '16.x'
+          registry-url: 'https://npm.pkg.github.com'
+          # Defaults to the user or organization that owns the workflow file
+          scope: '@win11react'
+      - run: npm ci
       - run: npm publish
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.BOT }}
diff --git a/.github/workflows/npms-publish.yml b/.github/workflows/npms-publish.yml
@@ -0,0 +1,23 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://help.github.com/actions/language-and-framework-guides/publishing-nodejs-packages
+
+name: Node.js Package
+
+on:
+  release:
+    types: [created]
+  workflow_dispatch:  
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}
diff --git a/README.md b/README.md
@@ -17,13 +17,13 @@
 Install via NPM:
 
 ```
-npm install react-canvas-draw --save
+npm install @win11react/react-canvas-draw --save
 ```
 
 or YARN:
 
 ```
-yarn add react-canvas-draw
+yarn add @win11react/react-canvas-draw
 ```
 
 ## Usage

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "react-canvas-draw",
-  "version": "1.2.1",
+  "name": "@win11react/react-canvas-draw",
+  "version": "1.2.2",
   "description": "A simple yet powerful canvas-drawing component for React.",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -29,7 +29,7 @@
     "resize-observer-polyfill": "^1.5.0"
   },
   "peerDependencies": {
-    "react": "16.x || 17.x"
+    "react": "16.x || 17.x || 18.x"
   },
   "devDependencies": {
     "all-contributors-cli": "^6.15.0",
@@ -57,10 +57,7 @@
   },
   "homepage": "https://embiem.github.io/react-canvas-draw/",
   "license": "MIT",
-  "repository": "https://github.com/embiem/react-canvas-draw",
-  "bugs": {
-    "url": "https://github.com/embiem/react-canvas-draw/issues"
-  },
+  "repository":"https://github.com/win11react/react-canvas-draw",
   "keywords": [
     "react-component",
     "react",

diff --git a/src/index.js b/src/index.js
@@ -615,7 +615,7 @@ export default class CanvasDraw extends PureComponent {
   };
 
   loop = ({ once = false } = {}) => {
-    if (this.mouseHasMoved || this.valuesChanged) {
+    if (this.lazy && (this.mouseHasMoved || this.valuesChanged)) {
       const pointer = this.lazy.getPointerCoordinates();
       const brush = this.lazy.getBrushCoordinates();