0.2.0.

img-js · Nov 21, 2023 · ebfc7e0 · ebfc7e0
1 parent 4e1c93e
commit ebfc7e0
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.2.0
+
+This version improves support for UMD bundles.
+
 ## 0.1.1
 
 Add `stroke` and `strokeWidth` fields to the properties editor for the textbox.

diff --git a/README.md b/README.md
@@ -55,8 +55,9 @@ Add the below code to your head section in HTML document.
 ```html
 <head>
 ...
-<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/editor.css" rel="stylesheet">
-<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.umd.js"></script>
+<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/editor.css" rel="stylesheet">
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.umd.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.umd.js"></script>
 ```
 
 Create the editor by:

diff --git 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": "^0.1.1",
-		"mini-canvas-core": "^0.1.1",
+		"mini-canvas-editor": "^0.2.0",
+		"mini-canvas-core": "^0.2.0",
 		"fabric": "6.0.0-beta13",
 		"canvas": "^2.11.2"
 	},

diff --git 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": "^0.1.1",
-		"mini-canvas-core": "^0.1.1"
+		"mini-canvas-editor": "^0.2.0",
+		"mini-canvas-core": "^0.2.0"
 	},
 	"devDependencies": {
 		"ts-loader": "^9.4.2",

diff --git a/demos/webpack-app/public/vanilla-javascript.html b/demos/webpack-app/public/vanilla-javascript.html
@@ -37,8 +37,23 @@ <h1>📦 Vanilla JavaScript Example</h1>
 		</p>
 		<p>This example uses vanilla JavaScript!</p>
 
-		<link href="https://cdn.jsdelivr.net/npm/[email protected]/css/editor.css" rel="stylesheet" />
-		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.umd.js"></script>
+		<script>
+			const isLocalhost = ['localhost', '127.0.0.1'].includes(location.hostname);
+			const cssUrl = isLocalhost
+				? '../../../editor/css/editor.css'
+				: 'https://cdn.jsdelivr.net/npm/[email protected]/css/editor.css';
+			const coreUrl = isLocalhost
+				? '../../../core/dist/index.umd.js'
+				: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/index.umd.js';
+			const editorUrl = isLocalhost
+				? '../../../editor/dist/index.umd.js'
+				: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/index.umd.js';
+
+			document.write('<link href="' + cssUrl + '" rel="stylesheet" \/>');
+			document.write('<script src="' + coreUrl + '"><\/script>');
+			document.write('<script src="' + editorUrl + '"><\/script>');
+		</script>
+
 		<script>
 			const placeholder = document.getElementById('placeholder');
 			const saveButton = document.getElementById('saveButton');