js-draw 0.0.5 → 0.0.8

package/CHANGELOG.md

@@ -1,4 +1,15 @@
 
+# 0.0.8
+ * Map `ctrl+z` to undo, `ctrl+shift+Z` to redo.
+
+# 0.0.7
+ * Preserve SVG global attributes when loading/saving images.
+    * This fixes a bug where lost information (e.g. a missing namespace) broke SVGs on export.
+
+# 0.0.6
+ * Fixes a bug that caused saved images to grow in size after loading them, then re-saving.
+ * Stops the pressure decrease on pen-up events from preventing line/arrow objects from having variable width.
+
 # 0.0.5
  * Configuration options:
    - Ability to disable touch panning

package/README.md

@@ -12,6 +12,7 @@ To use `js-draw`,
 
 ## Creating an `Editor`
 
+### With a bundler that supports importing `.css` files
 To create a new `Editor` and add it as a child of `document.body`,
 ```ts
 import Editor from 'js-draw';
@@ -22,7 +23,17 @@ const editor = new Editor(document.body);
 
 The `import js-draw/styles` step requires a bundler that can import `.css` files. For example, [`webpack` with `css-loader`.](https://webpack.js.org/loaders/css-loader/)
 
+### With a bundler that doesn't support importing `.css` files
+Import the pre-bundled version of the editor to apply CSS after loading the page.
+```ts
+import Editor from 'js-draw';
+import 'js-draw/bundle';
+
+const editor = new Editor(document.body);
+```
+`js-draw/bundle` is a version of the editor pre-processed by `Webpack`. As such, `import`ing it applies editor-specific CSS to the document.
 
+### Without a bundler
 If you're not using a bundler, consider using the pre-bundled editor:
 ```html
 <!-- Replace 0.0.5 with the latest version of js-draw -->
@@ -34,6 +45,8 @@ If you're not using a bundler, consider using the pre-bundled editor:
 </script>
 ```
 
+**Note**: To ensure the CDN-hosted version of `js-draw` hasn't been tampered with, consider [including an `integrity="..."` attribute](https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity). [Read more about using SRI with JSDelivr](https://www.jsdelivr.com/using-sri-with-dynamic-files).
+
 
 ## Adding a toolbar
 

package/dist/build_tools/bundle.js

@@ -1,5 +1,5 @@
-import { dirname } from "path";
-import BundledFile from "./BundledFile";
+import { dirname } from 'path';
+import BundledFile from './BundledFile';
 const rootDir = dirname(__dirname);
 const mainBundle = new BundledFile('jsdraw', `${rootDir}/src/bundle/bundled.ts`, `${rootDir}/dist/bundle.js`);
 void mainBundle.build();