@fc3/mmcadi 0.1.49 → 0.1.51

package/dist/src/client/helper/interaction.js

@@ -0,0 +1,385 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const time_1 = require("@fc3/time");
+const errors_1 = require("@fc3/errors");
+const action_type_1 = __importDefault(require("./../../enum/action-type.js"));
+const get_index_path_for_element_1 = __importDefault(require("./../utility/get-index-path-for-element.js"));
+class InteractionHelper {
+    constructor() {
+        this.drag_start_coordinate = null;
+        this.drag_delay_timer = null;
+    }
+    attach() {
+        document.addEventListener('pointerdown', (event) => {
+            this.handlePointerDown(event);
+        }, { capture: true });
+        document.addEventListener('pointermove', (event) => {
+            this.handlePointerMove(event);
+        }, { capture: true, passive: false });
+        document.addEventListener('pointerup', (event) => {
+            this.handlePointerUp(event);
+        }, { capture: true });
+        document.addEventListener('pointercancel', (event) => {
+            this.handlePointerCancel(event);
+        }, { capture: true });
+        document.addEventListener('dragstart', (event) => {
+            this.handleNativeDragStart(event);
+        }, { capture: true });
+    }
+    isDragging() {
+        const elements = Array.from(document.querySelectorAll('.dragging'));
+        return elements.length > 0;
+    }
+    handlePointerDown(event) {
+        const { target } = event;
+        if (target === null) {
+            return;
+        }
+        const target_element = target;
+        let current_element = target_element;
+        while (current_element) {
+            const attribute = current_element.getAttribute('data-role');
+            if (attribute === 'block_activation') {
+                break;
+            }
+            // Tricky. Bail out early if we detect an anchor element in the event
+            // ancestry that is NOT an all-block-encompassing link (eg, a folder block).
+            if (current_element instanceof HTMLAnchorElement) {
+                return;
+            }
+            current_element = current_element.parentNode;
+            if (!(current_element instanceof HTMLElement)) {
+                break;
+            }
+        }
+        const block = target_element.closest('section.block');
+        if (block === null) {
+            return;
+        }
+        if (target_element.closest('button, input, textarea, select, label, form')) {
+            return;
+        }
+        const coordinate = this.getEventCoordinate(event);
+        if (coordinate === null) {
+            return;
+        }
+        this.drag_start_coordinate = coordinate;
+        block.classList.add('drag-candidate');
+        this.scheduleDelayedDrag();
+    }
+    scheduleDelayedDrag() {
+        this.cancelDelayedDrag();
+        const delay = time_1.TimeInterval.ONE_SECOND;
+        this.drag_delay_timer = setTimeout(this.beginDelayedDrag.bind(this), delay);
+    }
+    cancelDelayedDrag() {
+        if (this.drag_delay_timer !== null) {
+            clearTimeout(this.drag_delay_timer);
+        }
+    }
+    removeClassFromAllElements(class_name) {
+        const raw_elements = document.querySelectorAll(`.${class_name}`);
+        const elements = Array.from(raw_elements);
+        elements.forEach((element) => {
+            element.classList.remove(class_name);
+        });
+        return elements;
+    }
+    beginDelayedDrag() {
+        const raw_candidates = document.querySelectorAll('.drag-candidate');
+        const candidates = Array.from(raw_candidates);
+        candidates.forEach((candidate) => {
+            const ghost = candidate.cloneNode(true);
+            const index_path = (0, get_index_path_for_element_1.default)(candidate);
+            ghost.classList.add('ghost');
+            ghost.setAttribute('data-for', index_path);
+            candidate.classList.remove('drag-candidate');
+            const { parentNode } = candidate;
+            if (parentNode === null) {
+                throw new errors_1.InvariantViolation(`
+					Expected drag candidate to be located in a parent, but it was null
+				`);
+            }
+            const rect = candidate.getBoundingClientRect();
+            Object.assign(candidate.style, {
+                top: `${rect.top}px`,
+                left: `${rect.left}px`,
+                width: `${rect.width}px`,
+                height: `${rect.height}px`
+            });
+            candidate.setAttribute('data-drag-start-x', rect.left.toString());
+            candidate.setAttribute('data-drag-start-y', rect.top.toString());
+            candidate.classList.add('dragging');
+            parentNode.insertBefore(ghost, candidate);
+        });
+    }
+    handleNativeDragStart(event) {
+        const target = event.target;
+        if (!target) {
+            return;
+        }
+        const closest_block = target.closest('section.block');
+        if (closest_block !== null) {
+            event.preventDefault();
+        }
+    }
+    handlePointerMove(event) {
+        const current_coordinate = this.getEventCoordinate(event);
+        const start_coordinate = this.getDragStartCoordinate();
+        if (start_coordinate === null || current_coordinate === null) {
+            return;
+        }
+        const { target } = event;
+        if (target !== null) {
+            const target_element = target;
+            const block = target_element.closest('section.block');
+            if (block) {
+                if (!block.classList.contains('dragging')) {
+                    block.classList.add('drag-candidate');
+                }
+            }
+        }
+        const { x: start_x, y: start_y } = start_coordinate;
+        const { x: current_x, y: current_y } = current_coordinate;
+        const distance = Math.hypot(current_x - start_x, current_y - start_y);
+        if (distance > 25) {
+            this.removeClassFromAllElements('drag-candidate');
+        }
+        this.scheduleDelayedDrag();
+        const raw_targets = document.querySelectorAll('.dragging');
+        const drag_target_blocks = Array.from(raw_targets);
+        drag_target_blocks.forEach((target_block) => {
+            this.translateDragTargetBlock(target_block, current_coordinate);
+        });
+        if (drag_target_blocks.length > 0) {
+            event.preventDefault();
+        }
+    }
+    translateDragTargetBlock(block, current_coordinate) {
+        const x_attribute = block.getAttribute('data-drag-start-x');
+        const y_attribute = block.getAttribute('data-drag-start-y');
+        if (x_attribute === null || y_attribute === null) {
+            throw new errors_1.InvariantViolation(`
+				Drag coordinate attributes were invalid:
+				x: ${x_attribute}
+				y: ${y_attribute}
+			`);
+        }
+        const parsed_x = parseInt(x_attribute);
+        const parsed_y = parseInt(y_attribute);
+        if (isNaN(parsed_x) || isNaN(parsed_y)) {
+            throw new errors_1.InvariantViolation(`
+				Drag coordinate attributes were invalid:
+				x: ${x_attribute}
+				y: ${y_attribute}
+			`);
+        }
+        const start_coordinate = this.getDragStartCoordinate();
+        if (start_coordinate === null) {
+            throw new errors_1.InvariantViolation(`
+				Tried to translate drag target, but drag start coordinate was null
+			`);
+        }
+        const { x: start_x, y: start_y } = start_coordinate;
+        const { x: current_x, y: current_y } = current_coordinate;
+        const x_delta = current_x - start_x;
+        const y_delta = current_y - start_y;
+        const new_x = parsed_x + x_delta;
+        const new_y = parsed_y + y_delta;
+        block.style.left = `${new_x}px`;
+        block.style.top = `${new_y}px`;
+        const block_rect = block.getBoundingClientRect();
+        const previous_block = this.getPreviousBlock(block);
+        const next_block = this.getNextBlock(block);
+        const ghost = this.getGhostForBlock(block);
+        let swapped = false;
+        if (previous_block !== null) {
+            const previous_rect = previous_block.getBoundingClientRect();
+            const previous_block_y_threshold = previous_rect.top + (previous_rect.height * 0.4);
+            if (block_rect.top < previous_block_y_threshold) {
+                swapped = true;
+                const next_sibling = ghost.nextElementSibling;
+                previous_block.replaceWith(ghost);
+                if (next_sibling) {
+                    next_sibling.before(previous_block);
+                }
+            }
+        }
+        if (next_block !== null && swapped === false) {
+            const next_rect = next_block.getBoundingClientRect();
+            const next_block_y_threshold = next_rect.top + (next_rect.height * 0.6);
+            if (block_rect.bottom > next_block_y_threshold) {
+                const next_sibling = ghost.nextElementSibling === next_block ? ghost : ghost.nextElementSibling;
+                next_block.replaceWith(ghost);
+                if (next_sibling) {
+                    next_sibling.before(next_block);
+                }
+            }
+        }
+    }
+    getGhostForBlock(block) {
+        const index_path = (0, get_index_path_for_element_1.default)(block);
+        const ghost = document.querySelector(`[data-for="${index_path}"]`);
+        if (ghost === null) {
+            throw new errors_1.InvariantViolation(`
+				Unable to find ghost for block with index path ${index_path}
+			`);
+        }
+        return ghost;
+    }
+    getPreviousBlock(block) {
+        const parent_node = block.parentNode;
+        const siblings = Array.from(parent_node.children);
+        const ghost = this.getGhostForBlock(block);
+        let index = siblings.indexOf(ghost);
+        if (index === -1) {
+            throw new errors_1.InvariantViolation('Unable to locate ghost within siblings');
+        }
+        while (index--) {
+            const sibling = siblings[index];
+            if (sibling === block) {
+                continue;
+            }
+            const { classList } = sibling;
+            if (!classList.contains('block')) {
+                continue;
+            }
+            if (classList.contains('ghost')) {
+                continue;
+            }
+            return sibling;
+        }
+        return null;
+    }
+    getNextBlock(block) {
+        const parent_node = block.parentNode;
+        const siblings = Array.from(parent_node.children);
+        const ghost = this.getGhostForBlock(block);
+        let index = siblings.indexOf(ghost);
+        if (index === -1) {
+            throw new errors_1.InvariantViolation('Unable to locate ghost within siblings');
+        }
+        while (index < siblings.length) {
+            index++;
+            const sibling = siblings[index];
+            if (sibling === block) {
+                continue;
+            }
+            const { classList } = sibling;
+            if (!classList.contains('block')) {
+                continue;
+            }
+            if (classList.contains('ghost')) {
+                continue;
+            }
+            return sibling;
+        }
+        return null;
+    }
+    handlePointerUp(event) {
+        this.stopDragging();
+    }
+    handlePointerCancel(event) {
+        this.stopDragging();
+    }
+    stopDragging() {
+        this.showFullscreenBlockingOverlay();
+        this.stopDraggingAsync().then(() => {
+            this.hideFullscreenBlockingOverlay();
+        });
+    }
+    showFullscreenBlockingOverlay() {
+    }
+    hideFullscreenBlockingOverlay() {
+    }
+    async stopDraggingAsync() {
+        this.cancelDelayedDrag();
+        this.removeClassFromAllElements('drag-candidate');
+        const dragging_elements = this.removeClassFromAllElements('dragging');
+        let index = 0;
+        while (index < dragging_elements.length) {
+            const element = dragging_elements[index++];
+            const ghost = this.getGhostForBlock(element);
+            const source_index_path = (0, get_index_path_for_element_1.default)(element);
+            const target_index_path = this.getIndexPathForGhost(ghost);
+            await this.submitReposition(source_index_path, target_index_path);
+            ghost.replaceWith(element);
+            Object.assign(element.style, {
+                left: '',
+                top: '',
+                right: '',
+                bottom: '',
+                width: '',
+                height: ''
+            });
+        }
+    }
+    getIndexPathSafe(element) {
+        const is_block = element.classList.contains('block');
+        if (!is_block) {
+            return null;
+        }
+        const is_ghost = element.classList.contains('ghost');
+        if (is_ghost) {
+            return null;
+        }
+        return (0, get_index_path_for_element_1.default)(element);
+    }
+    getIndexPathForGhost(ghost) {
+        let current_child = ghost;
+        while (current_child) {
+            const index_path = this.getIndexPathSafe(current_child);
+            if (index_path !== null) {
+                return index_path;
+            }
+            current_child = current_child.nextElementSibling;
+        }
+        current_child = ghost;
+        while (current_child) {
+            const index_path = this.getIndexPathSafe(current_child);
+            if (index_path !== null) {
+                // TODO: This will need to change when I implement drag-reordering of
+                // multicolumn layouts.
+                const index_major_version = parseInt(index_path);
+                const next_version = index_major_version + 1;
+                return next_version.toString();
+            }
+            current_child = current_child.previousElementSibling;
+        }
+        return '0';
+    }
+    async submitReposition(source_index_path, target_index_path) {
+        const form = new FormData();
+        form.set('path', window.location.pathname);
+        form.set('action_type', action_type_1.default.REPOSITION_BLOCK);
+        form.set('source_index_path', source_index_path);
+        form.set('target_index_path', target_index_path);
+        const response = await fetch(`/actions`, {
+            method: 'POST',
+            body: form,
+            credentials: 'same-origin',
+            redirect: 'follow'
+        });
+        try {
+            const url_object = new URL(response.url, window.location.origin);
+            return url_object.searchParams.get('index_path');
+        }
+        catch (_) {
+            return null;
+        }
+    }
+    getEventCoordinate(event) {
+        return {
+            x: event.clientX,
+            y: event.clientY
+        };
+    }
+    getDragStartCoordinate() {
+        return this.drag_start_coordinate;
+    }
+}
+exports.default = InteractionHelper;
+//# sourceMappingURL=interaction.js.map

package/dist/src/client/helper/interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interaction.js","sourceRoot":"","sources":["../../../../src/client/helper/interaction.ts"],"names":[],"mappings":"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"}

package/dist/src/client/page/cursor.d.ts

@@ -4,6 +4,7 @@ declare abstract class CursorPage extends Page {
     private logged_in;
     private queued_media;
     private ready_media;
+    private interaction_helper;
     constructor();
     protected initView(): void;
     protected initEvents(): void;
@@ -33,6 +34,7 @@ declare abstract class CursorPage extends Page {
     protected getLastBlockIndex(): string | null;
     protected getNextBlockIndex(): string | null;
     protected getPreviousBlockIndex(): string | null;
+    private activateCurrentBlock;
     private activateBlock;
     private activateTodoBlock;
     private activateFolderBlock;
@@ -46,6 +48,7 @@ declare abstract class CursorPage extends Page {
     private hasActiveMedia;
     private getActiveMedia;
     private pauseActiveMedia;
+    private getInteractionHelper;
     protected isLoggedIn(): boolean;
     protected abstract deleteBlockElement(block_element: Element): void;
 }

package/dist/src/client/page/cursor.js

@@ -13,29 +13,25 @@ const get_meta_value_1 = __importDefault(require("./../utility/get-meta-value.js
 const get_parent_path_1 = __importDefault(require("./../../common/utility/get-parent-path.js"));
 const get_block_activation_href_1 = __importDefault(require("./../utility/get-block-activation-href.js"));
 const media_ready_state_1 = __importDefault(require("./../enum/media-ready-state.js"));
-function getAttributeForElement(element, attribute) {
-    const value = element.getAttribute(attribute);
-    if (value === null) {
-        throw new errors_1.InvariantViolation(`
-			Tried to read ${attribute} for element, but it was not set
-		`);
-    }
-    return value;
-}
-function getIndexPathForElement(element) {
-    return getAttributeForElement(element, 'data-index-path');
-}
+const interaction_1 = __importDefault(require("./../helper/interaction.js"));
+const get_index_path_for_element_1 = __importDefault(require("./../utility/get-index-path-for-element.js"));
+// getIndexPathForElement moved to shared utility
 class CursorPage extends page_1.default {
     constructor() {
         super();
         this.logged_in = false;
         this.queued_media = null;
         this.ready_media = [];
+        this.interaction_helper = new interaction_1.default();
     }
     initView() {
         this.focusCurrentBlockElement();
         const meta_value = (0, get_meta_value_1.default)('logged_in');
         this.logged_in = meta_value === 'true';
+        if (this.isLoggedIn()) {
+            const interaction_helper = this.getInteractionHelper();
+            interaction_helper.attach();
+        }
     }
     initEvents() {
         super.initEvents();
@@ -53,7 +49,8 @@ class CursorPage extends page_1.default {
         });
     }
     handleGenericClick(event) {
-        if (!this.hasActiveMedia()) {
+        const interaction_helper = this.getInteractionHelper();
+        if (interaction_helper.isDragging()) {
             return;
         }
         if (event.defaultPrevented) {
@@ -73,17 +70,34 @@ class CursorPage extends page_1.default {
             return;
         }
         const target = event.target;
-        const anchor = target.closest('a[href]');
-        if (anchor === null) {
-            return;
+        const selector = '[data-role="block_activation"]';
+        const activator = (() => {
+            if (target.matches(selector)) {
+                return target;
+            }
+            return target.querySelector(selector) || target.closest(selector);
+        })();
+        if (activator !== null) {
+            const block = activator.closest('section.block');
+            if (block === null) {
+                throw new errors_1.InvariantViolation(`
+					Unable to handle activator; no wrapping block was found
+				`);
+            }
+            return this.activateBlock(block);
         }
-        const url = new URL(anchor.href, window.location.href);
-        if (url.origin !== window.location.origin) {
-            return;
+        const anchor = target.closest('a[href]');
+        // If the user clicked on a local link and the persistent media is playing,
+        // we want to only simulate navigation using the history API rather
+        // than allowing the event to go through.
+        if (anchor !== null && this.hasActiveMedia()) {
+            const url = new URL(anchor.href, window.location.href);
+            if (url.origin === window.location.origin) {
+                const path = url.pathname + url.search + url.hash;
+                this.navigateToPath(path);
+                event.preventDefault();
+            }
         }
-        event.preventDefault();
-        const path = url.pathname + url.search + url.hash;
-        this.navigateToPath(path);
     }
     navigateToPath(path) {
         if (!this.hasActiveMedia()) {
@@ -139,7 +153,7 @@ class CursorPage extends page_1.default {
         switch (key_code) {
             case key_code_1.default.ENTER:
             case key_code_1.default.O:
-                return this.activateBlock();
+                return this.activateCurrentBlock();
             case key_code_1.default.G:
                 return this.performPageJump();
             case key_code_1.default.J:
@@ -262,7 +276,7 @@ class CursorPage extends page_1.default {
         const block_elements = this.getBlockElements();
         let found = false;
         block_elements.forEach((block_element) => {
-            const sibling_path = getIndexPathForElement(block_element);
+            const sibling_path = (0, get_index_path_for_element_1.default)(block_element);
             const is_match = sibling_path === index_path;
             block_element.classList.toggle('selected', is_match);
             if (is_match) {
@@ -314,7 +328,7 @@ class CursorPage extends page_1.default {
         if (element === null) {
             return '0';
         }
-        return getIndexPathForElement(element);
+        return (0, get_index_path_for_element_1.default)(element);
     }
     getCurrentBlockNumericIndex() {
         const index = this.getCurrentBlockIndex();
@@ -343,7 +357,7 @@ class CursorPage extends page_1.default {
             return null;
         }
         const element = block_elements.find((element) => {
-            const attribute = getIndexPathForElement(element);
+            const attribute = (0, get_index_path_for_element_1.default)(element);
             return attribute === index_path;
         });
         return element || null;
@@ -354,7 +368,7 @@ class CursorPage extends page_1.default {
         if (first_block === undefined) {
             return null;
         }
-        return getIndexPathForElement(first_block);
+        return (0, get_index_path_for_element_1.default)(first_block);
     }
     getLastBlockIndex() {
         const blocks = this.getBlockElements();
@@ -362,7 +376,7 @@ class CursorPage extends page_1.default {
         if (last_block === undefined) {
             return null;
         }
-        return getIndexPathForElement(last_block);
+        return (0, get_index_path_for_element_1.default)(last_block);
     }
     getNextBlockIndex() {
         const current_block = this.getCurrentBlockElement();
@@ -372,7 +386,7 @@ class CursorPage extends page_1.default {
         if (next_block === undefined) {
             return null;
         }
-        return getIndexPathForElement(next_block);
+        return (0, get_index_path_for_element_1.default)(next_block);
     }
     getPreviousBlockIndex() {
         const current_block = this.getCurrentBlockElement();
@@ -384,11 +398,13 @@ class CursorPage extends page_1.default {
         }
         return previous_block.getAttribute('data-index-path');
     }
-    activateBlock() {
+    activateCurrentBlock() {
         const block_element = this.getCurrentBlockElement();
-        if (block_element === null) {
-            return;
+        if (block_element !== null) {
+            this.activateBlock(block_element);
         }
+    }
+    activateBlock(block_element) {
         const attribute = block_element.getAttribute('data-block-type');
         if (attribute === null) {
             throw new errors_1.InvariantViolation(`
@@ -461,7 +477,7 @@ class CursorPage extends page_1.default {
 				Tried to access closest block wrapper for media, but it was not found
 			`);
         }
-        const index_path = getIndexPathForElement(media_block);
+        const index_path = (0, get_index_path_for_element_1.default)(media_block);
         this.navigateToIndex(index_path);
         this.focusCurrentBlockElement();
         const persistent_element = document.getElementById('persistent-audio');
@@ -582,6 +598,9 @@ class CursorPage extends page_1.default {
             media_element.pause();
         });
     }
+    getInteractionHelper() {
+        return this.interaction_helper;
+    }
     isLoggedIn() {
         return this.logged_in;
     }