diff --git a/CHANGELOG.md b/CHANGELOG.md index f97f394..4129384 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +## 0.3.2 + +Changed the project location on GitHub to [nocode-js/mini-canvas-editor](https://github.com/nocode-js/mini-canvas-editor). + ## 0.3.1 Added a new fill mode to the `replaceRectToImage` method in the `MceCanvasReplacer` class (credit: [@seven7seven](https://github.com/seven7seven)). diff --git a/README.md b/README.md index bc185be..edb6d17 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ # Mini Canvas Editor -[![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fimg-js%2Fmini-canvas-editor%2Fbadge%3Fref%3Dmain&style=flat-square)](https://actions-badge.atrox.dev/img-js/mini-canvas-editor/goto?ref=main) [![License: MIT](https://img.shields.io/badge/license-MIT-green?style=flat-square)](/LICENSE) [![View this project on NPM](https://img.shields.io/npm/v/mini-canvas-editor.svg?style=flat-square)](https://npmjs.org/package/mini-canvas-editor) +[![Build Status](https://img.shields.io/endpoint.svg?url=https%3A%2F%2Factions-badge.atrox.dev%2Fnocode-js%2Fmini-canvas-editor%2Fbadge%3Fref%3Dmain&style=flat-square)](https://actions-badge.atrox.dev/nocode-js/mini-canvas-editor/goto?ref=main) [![License: MIT](https://img.shields.io/badge/license-MIT-green?style=flat-square)](/LICENSE) [![View this project on NPM](https://img.shields.io/npm/v/mini-canvas-editor.svg?style=flat-square)](https://npmjs.org/package/mini-canvas-editor) Canvas editor component for JavaScript application. Works with any front-end framework. Easy to integrate and use. Well-known graphical interface. Edit images, draw shapes, add texts and more. Gzipped size less than 100 KB. Uses Fabric.js internally. @@ -15,10 +15,10 @@ Main use cases: Online Examples: -* [🎬 Template Creator](https://img-js.github.io/mini-canvas-editor/webpack-app/public/template-creator.html) -* [🎨 Inpainting Mask](https://img-js.github.io/mini-canvas-editor/webpack-app/public/inpainting-mask.html) -* [🔲 Crop](https://img-js.github.io/mini-canvas-editor/webpack-app/public/crop.html) -* [📦 Vanilla JavaScript](https://img-js.github.io/mini-canvas-editor/webpack-app/public/vanilla-javascript.html) +* [🎬 Template Creator](https://nocode-js.github.io/mini-canvas-editor/webpack-app/public/template-creator.html) +* [🎨 Inpainting Mask](https://nocode-js.github.io/mini-canvas-editor/webpack-app/public/inpainting-mask.html) +* [🔲 Crop](https://nocode-js.github.io/mini-canvas-editor/webpack-app/public/crop.html) +* [📦 Vanilla JavaScript](https://nocode-js.github.io/mini-canvas-editor/webpack-app/public/vanilla-javascript.html) ## 🚀 Installation @@ -55,9 +55,9 @@ Add the below code to your head section in HTML document. ```html ... - - - + + + ``` Create the editor by: diff --git a/core/package.json b/core/package.json index 033eca7..e5ebc95 100644 --- a/core/package.json +++ b/core/package.json @@ -1,7 +1,7 @@ { "name": "mini-canvas-core", "description": "Core library for Mini Canvas Editor.", - "version": "0.3.1", + "version": "0.3.2", "license": "SEE LICENSE IN LICENSE", "type": "module", "main": "./lib/cjs/index.browser.cjs", diff --git a/demos/svelte-app/package.json b/demos/svelte-app/package.json index c8280ea..c999283 100644 --- a/demos/svelte-app/package.json +++ b/demos/svelte-app/package.json @@ -14,8 +14,8 @@ "prettier:fix": "prettier --write ./src" }, "dependencies": { - "mini-canvas-editor": "workspace:*", - "mini-canvas-core": "workspace:*", + "mini-canvas-editor": "^0.3.2", + "mini-canvas-core": "^0.3.2", "fabric": "6.0.0-beta13", "canvas": "^2.11.2" }, @@ -30,4 +30,4 @@ "prettier": "^3.0.3" }, "type": "module" -} +} \ No newline at end of file diff --git a/demos/webpack-app/package.json b/demos/webpack-app/package.json index b3e73a4..2f01a45 100644 --- a/demos/webpack-app/package.json +++ b/demos/webpack-app/package.json @@ -14,8 +14,8 @@ "prettier:fix": "prettier --write ./src ./public/**/*.html ./public/**/*.css" }, "dependencies": { - "mini-canvas-editor": "workspace:*", - "mini-canvas-core": "workspace:*" + "mini-canvas-editor": "^0.3.2", + "mini-canvas-core": "^0.3.2" }, "devDependencies": { "ts-loader": "^9.4.2", @@ -29,4 +29,4 @@ "@typescript-eslint/parser": "^6.7.5", "eslint": "^8.51.0" } -} +} \ No newline at end of file diff --git a/demos/webpack-app/public/vanilla-javascript.html b/demos/webpack-app/public/vanilla-javascript.html index f8e6e37..b871163 100644 --- a/demos/webpack-app/public/vanilla-javascript.html +++ b/demos/webpack-app/public/vanilla-javascript.html @@ -41,13 +41,13 @@

📦 Vanilla JavaScript Example

const isLocalhost = ['localhost', '127.0.0.1'].includes(location.hostname); const cssUrl = isLocalhost ? '../../../editor/css/editor.css' - : 'https://cdn.jsdelivr.net/npm/mini-canvas-editor@0.3.1/css/editor.css'; + : 'https://cdn.jsdelivr.net/npm/mini-canvas-editor@0.3.2/css/editor.css'; const coreUrl = isLocalhost ? '../../../core/dist/index.umd.js' - : 'https://cdn.jsdelivr.net/npm/mini-canvas-core@0.3.1/dist/index.umd.js'; + : 'https://cdn.jsdelivr.net/npm/mini-canvas-core@0.3.2/dist/index.umd.js'; const editorUrl = isLocalhost ? '../../../editor/dist/index.umd.js' - : 'https://cdn.jsdelivr.net/npm/mini-canvas-editor@0.3.1/dist/index.umd.js'; + : 'https://cdn.jsdelivr.net/npm/mini-canvas-editor@0.3.2/dist/index.umd.js'; document.write(''); document.write('