clickgo 6.9.0 → 6.10.0

package/test/form-notify.mjs

@@ -1,90 +0,0 @@
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import vm from 'node:vm';
-import { JSDOM } from 'jsdom';
-import ts from 'typescript';
-
-const dom = new JSDOM('<!doctype html><div id="notify"></div>');
-const { document } = dom.window;
-const notify = document.getElementById('notify');
-Object.defineProperty(dom.window.HTMLElement.prototype, 'offsetHeight', {
-    get() { return Number(this.dataset.height ?? 96); },
-});
-const frames = [];
-const timers = new Map();
-const observed = new Set();
-let timerId = 0;
-let observerCallback;
-let area = { left: 0, top: 0, width: 800, height: 600 };
-const core = { config: { locale: 'en' }, getAvailArea: () => area };
-const source = await readFile(new URL('../dist/lib/form.ts', import.meta.url), 'utf8');
-const start = source.indexOf('let notifyId:');
-const end = source.indexOf('export function appendToPop', start);
-const api = {};
-vm.runInNewContext(ts.transpileModule(source.slice(start, end), {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText, {
-    exports: api, document, elements: { notify }, lCore: core,
-    lTool: { lang: { getDirection: locale => locale === 'ar' ? 'rtl' : 'ltr' }, escapeHTML: value => value },
-    window: { innerWidth: 800, innerHeight: 600, setTimeout: schedule },
-    setTimeout: schedule, clearTimeout: id => timers.delete(id),
-    requestAnimationFrame: cb => frames.push(cb),
-    ResizeObserver: class {
-        constructor(callback) { observerCallback = callback; }
-        observe(el) { observed.add(el); }
-        unobserve(el) { observed.delete(el); }
-    },
-});
-function schedule(callback, delay) { const id = ++timerId; timers.set(id, { callback, delay }); return id; }
-function frame() { frames.splice(0).forEach(callback => callback()); }
-function remove() {
-    for (const [id, timer] of [...timers]) {
-        if (timer.delay === 100) { timers.delete(id); timer.callback(); }
-    }
-}
-function position(el) { return [...el.style.transform.matchAll(/\((-?[\d.]+)px\)/g)].map(match => Number(match[1])); }
-const firstId = api.notify({ title: 'Loading', content: 'Task', note: 'Start', timeout: 0 });
-const first = notify.children[0];
-area.height = 552; // Task bar appears before the enter frame.
-api.refreshNotifyPosition();
-frame();
-assert.deepEqual(position(first), [-58, -10]);
-const secondId = api.notify({ title: 'Loading', content: 'Demo', note: 'Start', timeout: 0 });
-const second = notify.children[1];
-frame();
-assert.deepEqual(position(second), [-164, -10], 'notifications share the current task bar offset');
-first.dataset.height = '128.5';
-api.notifyContent(firstId, { note: 'Wrapped content' });
-assert.deepEqual(position(second), [-196.5, -10], 'content growth uses actual fractional height');
-first.dataset.height = '146';
-observerCallback();
-assert.deepEqual(position(second), [-214, -10], 'size observer also restacks notifications');
-area = { left: 0, top: 0, width: 750, height: 600 };
-api.refreshNotifyPosition();
-assert.deepEqual(position(first), [-10, -60], 'right bar moves the existing stack left');
-core.config.locale = 'ar';
-area = { left: 50, top: 0, width: 750, height: 600 };
-api.refreshNotifyPosition();
-assert.deepEqual(position(first), [-10, 60], 'RTL avoids the left task bar');
-area = { left: 0, top: 50, width: 800, height: 550 };
-api.refreshNotifyPosition();
-assert.deepEqual(position(first), [-10, 10], 'top bar does not push the bottom anchor');
-api.hideNotify(firstId);
-api.hideNotify(firstId);
-assert.equal([...timers.values()].filter(timer => timer.delay === 100).length, 1, 'duplicate hides are idempotent');
-remove();
-assert.deepEqual(position(second), [-10, 10], 'removing a notification closes its space');
-assert.equal(observed.has(first), false, 'removed notifications release size subscriptions');
-api.hideNotify(secondId); remove();
-const earlyId = api.notify({ content: 'Close before entering' });
-api.hideNotify(earlyId); frame();
-assert.equal(notify.children[0].style.opacity, '0', 'pending enter cannot resurrect a closing notification');
-remove();
-assert.equal(notify.children.length, 0);
-assert.equal(observed.size, 0);
-assert.equal(timers.size, 0, 'no auto-hide timer survives an early hide');
-const next = api.notify({ content: 'Fresh stack' }); frame();
-assert.deepEqual(position(notify.children[0]), [-10, 10], 'empty stack leaves no stale offsets');
-api.hideNotify(next); remove();
-dom.window.close();
-console.log('Notify task bar appearance/movement, RTL, height changes, stacking and hide races passed.');

package/test/form-viewport.mjs

@@ -1,127 +0,0 @@
-// Run: node test/form-viewport.mjs
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import vm from 'node:vm';
-import ts from 'typescript';
-
-let nativeMode = false;
-let area = { left: 0, top: 0, width: 640, height: 400, owidth: 640, oheight: 440 };
-const bool = value => value === true || value === '' || value === 'true';
-const clickgo = {
-    isNative: () => nativeMode,
-    control: {
-        AbstractControl: class {
-            constructor() { this.rootForm = { bottomMost: false }; this.parent = { controlName: 'root' }; this.watches = {}; this.events = []; }
-            emit(...event) { this.events.push(event); }
-            propBoolean(name) { return bool(this.props[name]); }
-            watch(name, callback, options) { this.watches[name] = callback; if(options?.immediate) callback(); }
-            propInt(name) { return Number(this.props[name]); }
-            trigger() { return Promise.resolve(); }
-        },
-    },
-    core: { getAvailArea: () => area },
-    dom: { watchSize() {} },
-    native: {
-        restore: async () => {},
-        size: async () => {},
-    },
-    tool: { sleep: () => Promise.resolve(), getBoolean: bool },
-};
-const source = await readFile(new URL('../dist/sources/control/form/code.ts', import.meta.url), 'utf8');
-const compiled = ts.transpileModule(source, {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText;
-const exports = {};
-vm.runInNewContext(compiled, {
-    exports, require: () => clickgo,
-    window: { innerWidth: 640, innerHeight: 440 },
-});
-const Form = exports.default;
-
-function restore(history, mode = 'web') {
-    nativeMode = mode !== 'web';
-    const form = new Form();
-    form.isNativeNoFrameFirst = mode === 'native-frameless';
-    form.stateMaxData = true;
-    form.historyLocation = history;
-    form.element = { style: {}, removeAttribute() {} };
-    form.maxMethod();
-    return [form.widthData, form.heightData, form.leftData, form.topData];
-}
-
-assert.deepEqual(restore({ width: 900, height: 700, left: 500, top: 300 }), [900, 700, 0, 0]);
-assert.deepEqual(restore({ width: 400, height: 300, left: 500, top: 300 }), [400, 300, 240, 140]);
-assert.deepEqual(restore({ width: 600, height: 40, left: 40, top: 400 }), [600, 40, 40, 400]);
-assert.deepEqual(restore({ width: 900, height: 700, left: 500, top: 300 }, 'native-framed'), [900, 700, 500, 300]);
-assert.deepEqual(restore({ width: 900, height: 700, left: 500, top: 300 }, 'native-frameless'), [900, 700, 500, 300]);
-console.log('Form restore stays visible, edge-positioned Forms stay anchored, and Native geometry is unchanged.');
-
-
-nativeMode = false;
-function create(viewport = false, initialMax = false) {
-    const form = new Form();
-    form.props.viewport = viewport;
-    form.props.stateMax = initialMax;
-    form.props.padding = 'safe';
-    form.element = { style: {}, dataset: {}, offsetWidth: 300, offsetHeight: 200, removeAttribute() {} };
-    form.onMounted();
-    if (!initialMax) form.maxMethod();
-    return form;
-}
-function rect(form) { return [form.leftData, form.topData, form.widthData, form.heightData]; }
-const full = create(true, true);
-assert.deepEqual(rect(full), [0, 0, 640, 440], 'initial state-max uses the full viewport');
-const history = JSON.stringify(full.historyLocation);
-for (const a of [
-    { left: 0, top: 0, width: 640, height: 400, owidth: 640, oheight: 440, padding: '0px 0px 40px 0px' },
-    { left: 60, top: 0, width: 580, height: 440, owidth: 640, oheight: 440, padding: '0px 0px 0px 60px' },
-    { left: 0, top: 40, width: 640, height: 400, owidth: 640, oheight: 440, padding: '40px 0px 0px 0px' },
-    { left: 0, top: 0, width: 580, height: 440, owidth: 640, oheight: 440, padding: '0px 60px 0px 0px' },
-    { left: 0, top: 0, width: 800, height: 520, owidth: 800, oheight: 560, padding: '0px 0px 40px 0px' },
-    { left: 0, top: 0, width: 800, height: 560, owidth: 800, oheight: 560, padding: '0px 0px 0px 0px' }
-]) {
-    area = a;
-    full.refreshMaxPosition();
-    assert.deepEqual(rect(full), [0, 0, a.owidth, a.oheight]);
-    assert.equal(full.contentPadding, a.padding);
-    assert.equal(JSON.stringify(full.historyLocation), history, 'refresh never overwrites restore geometry');
-}
-area = { left: 60, top: 0, width: 580, height: 440, owidth: 640, oheight: 440 };
-full.props.viewport = false;
-full.watches.viewport();
-assert.deepEqual(rect(full), [60, 0, 580, 440]);
-assert.equal(full.contentPadding, '0px 0px 0px 0px', 'available-area maximization does not reserve the taskbar twice');
-full.props.viewport = 'true';
-full.watches.viewport();
-assert.deepEqual(rect(full), [0, 0, 640, 440]);
-full.maxMethod();
-assert.equal(full.contentPadding, undefined, 'safe padding is removed when restoring');
-full.props.padding = '4 8';
-assert.equal(full.contentPadding, '4px 8px', 'numeric padding is unchanged');
-const normal = create();
-assert.deepEqual(rect(normal), [60, 0, 580, 440], 'default maximization still avoids the taskbar');
-const bottom = create();
-bottom.rootForm.bottomMost = true;
-bottom.refreshMaxPosition();
-assert.deepEqual(rect(bottom), [60, 0, 580, 440], 'bottomMost alone does not change the layout boundary');
-assert.equal(bottom.contentPadding, '0px 0px 0px 0px');
-bottom.props.viewport = true;
-bottom.watches.viewport();
-assert.deepEqual(rect(bottom), [0, 0, 640, 440], 'bottomMost uses the full viewport only when explicitly enabled');
-assert.equal(bottom.contentPadding, '0px 0px 0px 60px');
-bottom.props.viewport = false;
-bottom.watches.viewport();
-assert.deepEqual(rect(bottom), [60, 0, 580, 440], 'disabling viewport also restores taskbar exclusion for bottomMost');
-const inline = create();
-inline.isInside = true;
-const previous = rect(inline);
-inline.props.viewport = true;
-inline.refreshMaxPosition();
-assert.deepEqual(rect(inline), previous, 'inline Forms do not resize to the viewport');
-const automatic = create();
-automatic.props.width = 0;
-automatic.props.height = 0;
-automatic.events = [];
-automatic.refreshMaxPosition();
-assert.ok(automatic.events.every(([name]) => !['update:width', 'update:height'].includes(name)));
-console.log('Form viewport bounds, four taskbar edges, safe padding, live switching, restore and bottomMost layout independence passed.');

package/test/iconview.mjs

@@ -1,70 +0,0 @@
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import { SourceTextModule, SyntheticModule } from 'node:vm';
-
-class AbstractControl {
-    element = { dir: 'ltr' };
-    emitted = [];
-    propInt(name) { return Number(this.props[name]); }
-    propBoolean(name) { return Boolean(this.props[name]); }
-    emit(name, value) { this.emitted.push([name, value]); }
-}
-const clickgo = new SyntheticModule(['control', 'dom', 'tool'], function() {
-    this.setExport('control', { AbstractControl });
-    this.setExport('dom', { isRtl: element => element.dir === 'rtl' });
-    this.setExport('tool', { clone: structuredClone });
-});
-const module = new SourceTextModule(await readFile('dist/sources/control/iconview/code.js', 'utf8'));
-await module.link(() => clickgo);
-await module.evaluate();
-const view = new module.namespace.default();
-view.props.data = Array.from({ length: 8 }, (_, i) => ({ name: 'item-' + i }));
-
-// Resizing crosses column thresholds without stretching existing cells.
-for (const [width, columns] of [[360, 2], [420, 2], [539, 2], [540, 3], [620, 3]]) {
-    view.clientwidth(width);
-    assert.equal(view.rowCount, columns);
-    assert.equal(view.cellWidth, 180);
-    assert.equal(view.dataComp[0].length, columns);
-}
-view.props.size = 64;
-assert.equal(view.cellWidth, 144);
-assert.equal(view.rowCount, 4);
-view.clientwidth(100);
-assert.equal(view.cellWidth, 100);
-assert.equal(view.rowCount, 1);
-view.clientwidth(0);
-assert.ok(Number.isFinite(view.rowCount));
-assert.equal(view.rowCount, 1);
-view.props.size = 100;
-view.clientwidth(500);
-
-function box(x, width, modifiers = {}) {
-    view.onBeforeSelect();
-    view.onSelect({ x, width, y: 0, height: 100, start: 0, end: 0, empty: false, ...modifiers });
-    return [...view.valueData];
-}
-
-// Column hit testing uses actual fixed cells; trailing whitespace selects nothing.
-assert.deepEqual(box(190, 10), [1]);
-assert.deepEqual(box(370, 80), []);
-assert.equal(view.emitted.at(-1)[1].detail.area.empty, true);
-assert.deepEqual(box(170, 200), [0, 1]);
-assert.deepEqual(box(0, 20), [0]);
-assert.deepEqual(box(370, 50, { ctrl: true }), [0]);
-assert.deepEqual(box(190, 20, { shift: true }), [0, 1]);
-view.arrowDown();
-assert.ok(view.valueData.every(index => index >= 0 && index < 8));
-
-// RTL starts at the right edge, leaving unused space at the left edge.
-view.element.dir = 'rtl';
-assert.deepEqual(box(10, 50), []);
-assert.deepEqual(box(450, 20), [0]);
-assert.deepEqual(box(280, 20), [1]);
-assert.deepEqual(box(280, 200), [0, 1]);
-view.props.multi = false;
-assert.deepEqual(box(280, 20), [1]);
-assert.deepEqual(box(10, 50), [1]);
-view.props.data = [];
-assert.deepEqual(view.dataComp, []);
-console.log('Iconview fixed cells, column thresholds, size changes, narrow widths, LTR/RTL selection and modifiers passed.');

package/test/jodit-lifecycle.mjs

@@ -1,212 +0,0 @@
-import assert from 'node:assert/strict';
-import { readFile } from 'node:fs/promises';
-import vm from 'node:vm';
-import { JSDOM } from 'jsdom';
-import ts from 'typescript';
-import { clone, getClassPrototype } from '../dist/lib/tool.js';
-
-const dom = new JSDOM('<!doctype html><html><body></body></html>');
-for (const name of ['window', 'document', 'Element', 'HTMLElement', 'SVGElement', 'Node']) {
-    Object.defineProperty(globalThis, name, { configurable: true, value: dom.window[name] });
-}
-const { createApp, h, nextTick, reactive } = await import('vue');
-const errors = [];
-const editors = [];
-const menus = [];
-let popCount = 0;
-let moduleCount = 0;
-let loadModule;
-
-class AbstractControl {
-    get refs() { return this.$refs; }
-    get locale() { return 'en'; }
-    watch(name, callback, options) { return this.$watch(() => this.props[name], callback, options); }
-    emit(...args) { this.$emit(...args); }
-    propBoolean(name) { return this.props[name] === true; }
-}
-const module = {
-    make(element, options) {
-        assert.ok(element instanceof HTMLElement && element.isConnected, 'Jodit requires a live host');
-        const callbacks = {};
-        const editor = {
-            value: '', text: 'plain text', container: element.parentElement,
-            options, callbacks, commands: [], images: [], destructCount: 0,
-            events: { on(name, callback) { callbacks[name] = callback; } },
-            setReadOnly(value) { this.readonly = value; },
-            execCommand(value) { this.commands.push(value); },
-            selection: { insertImage(...args) { editor.images.push(args); } },
-            destruct() {
-                assert.equal(element.isConnected, true, 'release the editor before Vue removes its DOM');
-                ++this.destructCount;
-                callbacks.change?.();
-            },
-        };
-        editors.push(editor);
-        return editor;
-    },
-};
-const clickgo = {
-    control: { AbstractControl },
-    core: { getModule() { ++moduleCount; return loadModule(); } },
-    dom: { findParentByClass() { return null; } },
-    form: { hidePop() {}, showPop() { ++popCount; } },
-    modules: { pointer: { menu(event, callback) { menus.push(callback); } } },
-};
-const source = await readFile(new URL('../dist/sources/control/jodit/code.ts', import.meta.url), 'utf8');
-const exports = {};
-vm.runInNewContext(ts.transpileModule(source, {
-    compilerOptions: { module: ts.ModuleKind.CommonJS, target: ts.ScriptTarget.ES2022 },
-}).outputText, { exports, require: () => clickgo, HTMLElement });
-const instance = new exports.default();
-const prototype = getClassPrototype(instance);
-const controls = [];
-const Control = {
-    template: '<div><div ref="content"><textarea ref="editor"></textarea><div class="jodit-workplace"></div></div><div ref="pop"></div></div>',
-    props: Object.fromEntries(Object.entries(instance.props).map(([name, value]) => [name, {
-        default: () => clone(value),
-    }])),
-    emits: instance.emits,
-    data: () => Object.fromEntries(Object.entries(new exports.default()).filter(([name]) =>
-        !['props', 'emits', 'access'].includes(name))),
-    computed: prototype.access,
-    methods: prototype.method,
-    created() {
-        this.props = this.$props;
-        this.access = clone(instance.access);
-        controls.push(this);
-    },
-    // Mirror buildComponents: its mounted hook defers the control hook by one Vue tick.
-    async mounted() { await this.$nextTick(); await this.onMounted(); },
-    beforeUnmount: prototype.method.onBeforeUnmount,
-};
-
-/** --- Drain both Vue mounting and asynchronous module continuations. --- */
-async function flush() {
-    for (let i = 0; i < 8; ++i) await nextTick();
-    assert.deepEqual(errors, [], 'Jodit lifecycle must not produce runtime errors');
-}
-
-/** --- Mount independent instances with the framework's per-instance access storage. --- */
-function mount(items) {
-    const state = reactive({ items });
-    const events = [];
-    const host = document.createElement('div');
-    document.body.append(host);
-    const app = createApp({
-        render: () => h('div', state.items.map(item => h(Control, {
-            key: item.id,
-            modelValue: item.value ?? '', readonly: item.readonly ?? false,
-            'onUpdate:modelValue': value => events.push(['value', value]),
-            onText: value => events.push(['text', value]),
-            onInit: editor => events.push(['init', editor]),
-            onImgselect: callback => events.push(['image', callback]),
-        }))),
-    });
-    app.config.errorHandler = error => errors.push(error);
-    app.mount(host);
-    return { state, events, host, unmount() { app.unmount(); host.remove(); } };
-}
-
-// A parent can replace the temporary editor before the deferred control hook even starts.
-loadModule = () => Promise.resolve(module);
-let view = mount([{ id: 'temporary' }]);
-view.state.items = [];
-await flush();
-assert.equal(moduleCount, 0);
-assert.equal(editors.length, 0);
-view.unmount();
-
-// Module resolution after unmount must neither initialize Jodit nor change fallback state.
-for (const result of [module, null]) {
-    let release;
-    loadModule = () => new Promise(resolve => { release = resolve; });
-    view = mount([{ id: 'pending' }]);
-    await flush();
-    const control = controls.at(-1);
-    view.state.items = [];
-    await flush();
-    release(result);
-    await flush();
-    assert.equal(editors.length, 0);
-    assert.equal(control.notInit, false);
-    assert.deepEqual(view.events, []);
-    view.unmount();
-}
-
-// Re-rendering one editor while a shared module loads must preserve its surviving sibling.
-let release;
-const pending = new Promise(resolve => { release = resolve; });
-loadModule = () => pending;
-view = mount([{ id: 'temporary' }, { id: 'live', value: 'before' }]);
-await flush();
-const removed = controls.at(-2);
-const live = controls.at(-1);
-assert.notEqual(removed.access, live.access);
-view.state.items.splice(0, 1);
-view.state.items[0].value = 'after';
-view.state.items[0].readonly = true;
-await flush();
-release(module);
-await flush();
-assert.equal(editors.length, 1);
-const editor = editors[0];
-assert.equal(live.access.editor, editor);
-assert.equal(editor.value, 'after');
-assert.equal(editor.readonly, true);
-view.state.items[0].value = 'updated';
-view.state.items[0].readonly = false;
-await flush();
-assert.equal(editor.value, 'updated');
-assert.equal(editor.readonly, false);
-editor.callbacks.change();
-assert.ok(view.events.some(event => event[0] === 'value' && event[1] === 'updated'));
-editor.callbacks.focus();
-assert.equal(live.isFocus, true);
-editor.callbacks.blur();
-assert.equal(live.isFocus, false);
-live.execCmd('copy');
-assert.deepEqual(editor.commands, ['copy']);
-editor.options.extraButtons[0].exec();
-const insertImage = view.events.find(event => event[0] === 'image')[1];
-const workplace = view.host.querySelector('.jodit-workplace');
-workplace.dispatchEvent(new dom.window.Event('pointerdown', { bubbles: true }));
-assert.equal(menus.length, 1);
-const eventCount = view.events.length;
-view.unmount();
-await flush();
-assert.equal(editor.destructCount, 1);
-assert.equal(live.access.editor, undefined);
-assert.equal(view.events.length, eventCount, 'destruction must not emit a model update');
-insertImage('image.png');
-menus[0]();
-workplace.dispatchEvent(new dom.window.Event('pointerdown', { bubbles: true }));
-live.execCmd('paste');
-live.onBeforeUnmount();
-assert.equal(editor.destructCount, 1, 'cleanup is idempotent');
-assert.deepEqual(editor.images, []);
-assert.equal(popCount, 0);
-assert.equal(menus.length, 1, 'remove the menu listener at unmount');
-
-// A cached module still resolves asynchronously on every later entry.
-loadModule = async () => { await Promise.resolve(); return module; };
-for (let i = 0; i < 20; ++i) {
-    view = mount([{ id: 'entry', value: `entry ${i}` }]);
-    await flush();
-    view.state.items = [{ id: 'replacement', value: `replacement ${i}` }];
-    await flush();
-    view.unmount();
-    await flush();
-}
-assert.equal(editors.length, 41);
-assert.ok(editors.every(item => item.destructCount === 1));
-
-// A genuine module load failure still displays the existing fallback.
-loadModule = () => Promise.resolve(null);
-view = mount([{ id: 'failure' }]);
-await flush();
-assert.equal(controls.at(-1).notInit, true);
-assert.equal(controls.at(-1).isLoading, false);
-view.unmount();
-await flush();
-dom.window.close();
-console.log('Jodit deferred mounting, late module resolution, instance isolation, repeated entry and editor cleanup passed.');