Merge pull request #5 from conestack/array_hook

Array hook

Author: rnixx

CHANGES.rst

@@ -4,5 +4,9 @@ Changes
 1.0 (unreleased)
 ----------------
 
+- Extend JS by ``tiptap_on_array_add`` and ``register_array_subscribers``
+  functions to enable usage in ``yafowil.widget.array``.
+  [lenadax]
+
 - Make it work.
   [lenadax]

js/src/bundles/widget.js

@@ -1,6 +1,7 @@
 import $ from 'jquery';
 
 import {TiptapWidget} from '../widget.js';
+import {register_array_subscribers} from '../widget.js';
 export * from '../widget.js';
 
 $(function() {
@@ -11,4 +12,5 @@ $(function() {
     } else {
         TiptapWidget.initialize();
     }
+    register_array_subscribers();
 });

js/src/widget.js

@@ -6,6 +6,10 @@ export class TiptapWidget {
     static initialize(context) {
         $('div.tiptap-editor', context).each(function() {
             let elem = $(this);
+            if (window.yafowil_array !== undefined &&
+                window.yafowil_array.inside_template(elem)) {
+                return;
+            }
             new TiptapWidget(elem, {
                 actions: elem.data('tiptap-actions'),
                 colors: elem.data('tiptap-colors'),
@@ -135,4 +139,20 @@ export class TiptapWidget {
             }
         }
     }
+}
+
+
+//////////////////////////////////////////////////////////////////////////////
+// yafowil.widget.array integration
+//////////////////////////////////////////////////////////////////////////////
+
+function tiptap_on_array_add(inst, context) {
+    TiptapWidget.initialize(context);
+}
+
+export function register_array_subscribers() {
+    if (window.yafowil_array === undefined) {
+        return;
+    }
+    window.yafowil_array.on_array_event('on_add', tiptap_on_array_add);
 }

js/tests/test_widget.js

@@ -1,4 +1,5 @@
 import {TiptapWidget} from '../src/widget.js';
+import {register_array_subscribers} from '../src/widget.js';
 import $ from 'jquery';
 
 function create_elem() {
@@ -56,6 +57,56 @@ QUnit.module('TiptapWidget', hooks => {
         assert.true(widget.textarea.is('textarea', elem));
     });
 
+    QUnit.test('register_array_subscribers', assert => {
+        $('#container').empty();
+
+        let _array_subscribers = {
+            on_add: []
+        };
+    
+        // window.yafowil_array is undefined - return
+        register_array_subscribers();
+        assert.deepEqual(_array_subscribers['on_add'], []);
+    
+        // patch yafowil_array
+        window.yafowil_array = {
+            on_array_event: function(evt_name, evt_function) {
+                _array_subscribers[evt_name] = evt_function;
+            },
+            inside_template(elem) {
+                return elem.parents('.arraytemplate').length > 0;
+            }
+        };
+        register_array_subscribers();
+    
+        // create table DOM
+        let table = $('<table />')
+            .append($('<tr />'))
+            .append($('<td />'))
+            .appendTo('body');
+    
+        elem = create_elem();
+        $('td', table).addClass('arraytemplate');
+        elem.appendTo($('td', table));
+        // set data attr
+        elem.data('tiptap-actions', ['bold']);
+
+        // invoke array on_add - returns
+        _array_subscribers['on_add'].apply(null, $('tr', table));
+        let widget = elem.data('yafowil-tiptap');
+        assert.notOk(widget);
+        $('td', table).removeClass('arraytemplate');
+    
+        // invoke array on_add
+        elem.attr('id', '');
+        _array_subscribers['on_add'].apply(null, $('tr', table));
+        widget = elem.data('yafowil-tiptap');
+        assert.ok(widget);
+        table.remove();
+        window.yafowil_array = undefined;
+        _array_subscribers = undefined;
+    });
+
     QUnit.test('destroy', assert => {
         // set data attr
         elem.data('tiptap-actions', ['bold']);

package.json

@@ -6,45 +6,45 @@
   "devDependencies": {
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-typescript": "^8.3.0",
-    "karma": "^6.3.20",
+    "karma": "^6.4.1",
     "karma-chrome-launcher": "^3.1.1",
     "karma-coverage": "^2.2.0",
     "karma-firefox-launcher": "^2.1.2",
     "karma-module-resolver-preprocessor": "^1.1.3",
     "karma-qunit": "^4.1.2",
     "karma-typescript": "^5.5.3",
     "karma-viewport": "^1.0.9",
-    "qunit": "^2.19.1",
-    "rollup": "^2.75.3",
+    "qunit": "^2.19.3",
+    "rollup": "^2.79.1",
     "rollup-plugin-cleanup": "^3.2.1",
     "rollup-plugin-export-default": "^1.4.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-ts": "^2.0.5",
     "rollup-plugin-typescript2": "^0.31.1",
-    "sass": "^1.52.1",
+    "sass": "^1.57.1",
     "tslib": "^2.3.1"
   },
   "dependencies": {
-    "@tiptap/core": "^2.0.0-beta.176",
-    "@tiptap/extension-blockquote": "^2.0.0-beta.26",
-    "@tiptap/extension-bold": "^2.0.0-beta.26",
-    "@tiptap/extension-bullet-list": "^2.0.0-beta.26",
-    "@tiptap/extension-code": "^2.0.0-beta.26",
-    "@tiptap/extension-code-block": "^2.0.0-beta.37",
+    "@tiptap/core": "^2.0.0-beta.209",
+    "@tiptap/extension-blockquote": "^2.0.0-beta.209",
+    "@tiptap/extension-bold": "^2.0.0-beta.209",
+    "@tiptap/extension-bullet-list": "^2.0.0-beta.209",
+    "@tiptap/extension-code": "^2.0.0-beta.209",
+    "@tiptap/extension-code-block": "^2.0.0-beta.209",
     "@tiptap/extension-code-block-lowlight": "^2.0.0-beta.68",
-    "@tiptap/extension-color": "^2.0.0-beta.9",
-    "@tiptap/extension-document": "^2.0.0-beta.15",
-    "@tiptap/extension-dropcursor": "^2.0.0-beta.25",
-    "@tiptap/extension-heading": "^2.0.0-beta.26",
-    "@tiptap/extension-image": "^2.0.0-beta.27",
-    "@tiptap/extension-italic": "^2.0.0-beta.26",
-    "@tiptap/extension-link": "^2.0.0-beta.38",
-    "@tiptap/extension-list-item": "^2.0.0-beta.20",
-    "@tiptap/extension-ordered-list": "^2.0.0-beta.27",
-    "@tiptap/extension-paragraph": "^2.0.0-beta.23",
-    "@tiptap/extension-text": "^2.0.0-beta.15",
-    "@tiptap/extension-text-style": "^2.0.0-beta.23",
-    "@tiptap/extension-underline": "^2.0.0-beta.23",
+    "@tiptap/extension-color": "^2.0.0-beta.209",
+    "@tiptap/extension-document": "^2.0.0-beta.209",
+    "@tiptap/extension-dropcursor": "^2.0.0-beta.209",
+    "@tiptap/extension-heading": "^2.0.0-beta.209",
+    "@tiptap/extension-image": "^2.0.0-beta.209",
+    "@tiptap/extension-italic": "^2.0.0-beta.209",
+    "@tiptap/extension-link": "^2.0.0-beta.209",
+    "@tiptap/extension-list-item": "^2.0.0-beta.209",
+    "@tiptap/extension-ordered-list": "^2.0.0-beta.209",
+    "@tiptap/extension-paragraph": "^2.0.0-beta.209",
+    "@tiptap/extension-text": "^2.0.0-beta.209",
+    "@tiptap/extension-text-style": "^2.0.0-beta.209",
+    "@tiptap/extension-underline": "^2.0.0-beta.209",
     "@tiptap/starter-kit": "^2.0.0-beta.176"
   }
 }