js-draw 0.1.9 → 0.1.12

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+# 0.1.12
+ * Add icons to the selection menu.
+ * Screen-reader-related bug fixes.
+ * Fix bug where parent cache nodes were not fully re-rendered after erasing a stroke and replacing it with more, larger strokes.
+ * Generate strokes with single paths, instead of one path for each segment.
+   * This should make new strokes take less space when saving to SVG because we don't need to store the edges for each part of the stroke.
+
+# 0.1.11
+ * Fix 'Enter' key not toggling toolbar buttons.
+ * Add zoom limits.
+ * Add a reset zoom button.
+
+# 0.1.10
+ * Keyboard shortcuts for the selection tool.
+ * Scroll the selection into view while moving it with the keyboard/mouse.
+ * Fix toolbar buttons not activating when focused and enter/space is pressed.
+ * Partial Spanish localization.
+
 # 0.1.9
  * Fix regression -- color picker hides just after clicking it.
  * Allow toggling the pipette tool.

package/README.md

@@ -118,9 +118,21 @@ const editor = new Editor(document.body, {
 
 ### Localization
 
-See [src/localization.ts](src/localization.ts) for a list of strings.
+If a user's language is available in [src/localizations/](src/localizations/) (as determined by `navigator.languages`), that localization will be used.
 
-Some of the default strings in the editor might be overridden like this:
+To override the default language, use `getLocalizationTable([ 'custom locale here' ])`. For example,
+```ts
+const editor = new Editor(document.body, {
+    // Force the Spanish (Español) localizaiton
+    localization: getLocalizationTable([ 'es' ]),
+});
+```
+
+<details><summary>Creating a custom localization</summary>
+
+See [src/localization.ts](src/localization.ts) for a list of strings that can be translated.
+
+Many of the default strings in the editor might be overridden like this:
 ```ts
 const editor = new Editor(document.body, {
     // Example partial Spanish localization
@@ -141,7 +153,6 @@ const editor = new Editor(document.body, {
         pen: 'Lapiz',
         eraser: 'Borrador',
         select: 'Selecciona',
-        touchDrawing: 'Dibuja con un dedo',
         thicknessLabel: 'Tamaño: ',
         colorLabel: 'Color: ',
         
@@ -150,6 +161,7 @@ const editor = new Editor(document.body, {
 });
 ```
 
+</details>
 
 ## Changing the editor's color theme