chore: bump to 1.5.0 + changelog

Author: steven.roulleau

CHANGELOG.md

@@ -1,3 +1,21 @@
+# [v1.5.1](https://github.com/MyScript/iinkJS/tree/v1.5.1)
+
+## Bug fix
+@Editor
+- fix change configuration restart websocket connection
+- fix lost connection due to inactivity is now displayed
+- fix style is wrapped by global class and can be customized
+
+@examples
+- fix bad position of the searching highlight in searching text example
+- new examples with eraser
+
+## Features
+- erase mode is now an option in websocket text
+
+## Chore
+- refactor of examples
+
 # [v1.4.5](https://github.com/MyScript/iinkJS/tree/v1.4.5)
 
 ## Bug fix

dist/iink.esm.js

@@ -70,7 +70,7 @@ <h1 class="page-title">Editor.js</h1>
  */
 function manageResetState (editor, model) {
   // If strokes moved in the undo redo stack then a clear is mandatory before sending strokes.
-  if (editor.recognizer.reset &amp;&amp; RecognizerContext.isResetRequired(editor.recognizerContext, model)) {
+  if (editor.recognizer.reset &amp;&amp; !editor.isErasing &amp;&amp; RecognizerContext.isResetRequired(editor.recognizerContext, model)) {
     return editor.recognizer.reset(editor.recognizerContext, model)
   }
   return null
@@ -343,7 +343,9 @@ <h1 class="page-title">Editor.js</h1>
    * @param {PenStyle} [penStyle] Custom style to apply
    * @param {Behaviors} [behaviors] Custom behaviors to apply
    */
-  constructor (element, configuration, penStyle, theme, behaviors) {
+  constructor (element, configuration, penStyle, theme, behaviors, globalClassCss) {
+    globalClassCss = globalClassCss || 'ms-editor'
+
     const styleElement = document.createElement('style')
     styleElement.appendChild(document.createTextNode(''))
     element.appendChild(styleElement)
@@ -357,7 +359,7 @@ <h1 class="page-title">Editor.js</h1>
      * @type {Element}
      */
     this.domElement = element
-    this.domElement.classList.add('ms-editor')
+    this.domElement.classList.add(globalClassCss)
 
     // eslint-disable-next-line no-undef
     this.loader = document.createElement('div')
@@ -393,7 +395,6 @@ <h1 class="page-title">Editor.js</h1>
      */
     this.innerBehaviors = DefaultBehaviors.overrideDefaultBehaviors(behaviors)
     this.configuration = configuration
-    this.smartGuide = SmartGuide.createSmartGuide(this)
 
     /**
      * Pen color used only for pending stroke
@@ -405,6 +406,9 @@ <h1 class="page-title">Editor.js</h1>
     this.penStyle = penStyle
     this.penStyleClasses = ''
 
+    // To override pointerType when ERASER
+    this.isErasing = false
+
     this.domElement.editor = this
   }
 
@@ -416,28 +420,17 @@ <h1 class="page-title">Editor.js</h1>
   set configuration (configuration) {
     this.loader.style.display = 'initial'
     this.error.style.display = 'none'
-
-    /**
-     * Update function call when some configuration property is updated
-     * @param {string} value
-     */
-    const update = (value) => {
-      const defaultLang = !Object.keys(Constants.Languages).includes(value)
-      this.theme['.text']['font-family'] = defaultLang ? Constants.Languages.default : Constants.Languages[value]
-      this.behavior = this.behaviors.getBehaviorFromConfiguration(this.behaviors, this.innerConfiguration)
-    }
-
-    const watcher = {
-      update,
-      prop: 'lang'
-    }
-
     /**
      * @private
      * @type {Configuration}
      */
-    this.innerConfiguration = DefaultConfiguration.overrideDefaultConfiguration(configuration, watcher)
+    this.innerConfiguration = DefaultConfiguration.overrideDefaultConfiguration(configuration)
     this.behavior = this.behaviors.getBehaviorFromConfiguration(this.behaviors, this.innerConfiguration)
+    if (this.smartGuide) {
+      SmartGuide.reset(this.smartGuide)
+    } else {
+      this.smartGuide = SmartGuide.createSmartGuide(this)
+    }
   }
 
   /**
@@ -698,6 +691,17 @@ <h1 class="page-title">Editor.js</h1>
     return this.recognizerContext ? this.recognizerContext.initialized : false
   }
 
+  enableEraser () {
+    this.isErasing = true
+    this.domElement.classList.add('erasing')
+  }
+
+  disableEraser () {
+    document.body.style.cursor = 'initial'
+    this.isErasing = false
+    this.domElement.classList.remove('erasing')
+  }
+
   /**
    * Handle a pointer down
    * @param {{x: Number, y: Number, t: Number}} point Captured point coordinates
@@ -709,7 +713,9 @@ <h1 class="page-title">Editor.js</h1>
     window.clearTimeout(this.notifyTimer)
     window.clearTimeout(this.exportTimer)
     this.model = InkModel.initPendingStroke(this.model, point, Object.assign({ pointerType, pointerId }, this.theme.ink, this.localPenStyle))
-    this.renderer.drawCurrentStroke(this.rendererContext, this.model, this.stroker)
+    if (!this.isErasing) {
+      this.renderer.drawCurrentStroke(this.rendererContext, this.model, this.stroker)
+    }
     // Currently no recognition on pointer down
   }
 
@@ -720,7 +726,9 @@ <h1 class="page-title">Editor.js</h1>
   pointerMove (point) {
     logger.trace('Pointer move', point)
     this.model = InkModel.appendToPendingStroke(this.model, point)
-    this.renderer.drawCurrentStroke(this.rendererContext, this.model, this.stroker)
+    if (!this.isErasing) {
+      this.renderer.drawCurrentStroke(this.rendererContext, this.model, this.stroker)
+    }
     // Currently no recognition on pointer move
   }
 
@@ -731,7 +739,9 @@ <h1 class="page-title">Editor.js</h1>
   pointerUp (point) {
     logger.trace('Pointer up', point)
     this.model = InkModel.endPendingStroke(this.model, point, this.penStyle)
-    this.renderer.drawModel(this.rendererContext, this.model, this.stroker)
+    if (!this.isErasing) {
+      this.renderer.drawModel(this.rendererContext, this.model, this.stroker)
+    }
 
     if (this.recognizer.addStrokes) {
       addStrokes(this, this.model)
@@ -1036,7 +1046,7 @@ <h1 class="page-title">Editor.js</h1>
 <br class="clear">
 
 <footer>
-    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.6</a> on Wed Nov 04 2020 13:49:47 GMT+0100 (Central European Standard Time) using the Minami theme.
+    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Tue Dec 14 2021 10:34:28 GMT+0100 (Central European Standard Time) using the Minami theme.
 </footer>
 
 <script>prettyPrint();</script>

dist/iink.esm.js.map

@@ -49,11 +49,12 @@ <h1 class="page-title">EditorFacade.js</h1>
  * @param {PenStyle} [penStyle] Pen style to apply
  * @param {Theme} [theme] Theme to apply
  * @param {Behaviors} [behaviors] Custom behaviors to apply
+ * @param {String} [globalClassCSS] Replace global class css 'ms-editor' to customize style
  * @return {Editor} New editor
  */
-export function register (element, configuration, penStyle, theme, behaviors) {
+export function register (element, configuration, penStyle, theme, behaviors, globalClassCSS) {
   logger.debug('Registering a new editor')
-  return new Editor(element, configuration, penStyle, theme, behaviors)
+  return new Editor(element, configuration, penStyle, theme, behaviors, globalClassCSS)
 }
 
 /**
@@ -89,7 +90,7 @@ <h1 class="page-title">EditorFacade.js</h1>
 <br class="clear">
 
 <footer>
-    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.6</a> on Wed Nov 04 2020 13:49:47 GMT+0100 (Central European Standard Time) using the Minami theme.
+    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Tue Dec 14 2021 10:34:28 GMT+0100 (Central European Standard Time) using the Minami theme.
 </footer>
 
 <script>prettyPrint();</script>

dist/iink.min.js

@@ -113,7 +113,8 @@ <h1 class="page-title">configuration/Constants.js</h1>
   Error: {
     NOT_REACHABLE: 'MyScript recognition server is not reachable. Please reload once you are connected.',
     WRONG_CREDENTIALS: 'Application credentials are invalid. Please check or regenerate your application key and hmackey.',
-    TOO_OLD: 'Session is too old. Max Session Duration Reached.'
+    TOO_OLD: 'Session is too old. Max Session Duration Reached.',
+    NO_ACTIVITY: 'Session closed due to no activity.'
   },
   Exports: {
     JIIX: 'application/vnd.myscript.jiix'
@@ -132,7 +133,7 @@ <h1 class="page-title">configuration/Constants.js</h1>
 <br class="clear">
 
 <footer>
-    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.6</a> on Wed Nov 04 2020 13:49:47 GMT+0100 (Central European Standard Time) using the Minami theme.
+    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Tue Dec 14 2021 10:34:28 GMT+0100 (Central European Standard Time) using the Minami theme.
 </footer>
 
 <script>prettyPrint();</script>

dist/iink.min.js.map

@@ -133,7 +133,7 @@ <h1 class="page-title">configuration/DefaultBehaviors.js</h1>
 <br class="clear">
 
 <footer>
-    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.6</a> on Wed Nov 04 2020 13:49:47 GMT+0100 (Central European Standard Time) using the Minami theme.
+    Generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.7</a> on Tue Dec 14 2021 10:34:28 GMT+0100 (Central European Standard Time) using the Minami theme.
 </footer>
 
 <script>prettyPrint();</script>