npm - defuddle-cli - Versions diffs - 0.1.4 → 0.3.0 - Mend

defuddle-cli 0.1.4 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/dist/dom/document.d.ts +3 -0
package/dist/dom/document.js +49 -0
package/dist/dom/elements.d.ts +2 -0
package/dist/dom/elements.js +478 -0
package/dist/dom/interfaces/elements/base.d.ts +14 -0
package/dist/dom/interfaces/elements/base.js +46 -0
package/dist/dom/interfaces/elements/form.d.ts +2 -0
package/dist/dom/interfaces/elements/form.js +123 -0
package/dist/dom/interfaces/elements/index.d.ts +2 -0
package/dist/dom/interfaces/elements/index.js +22 -0
package/dist/dom/interfaces/elements/interactive.d.ts +2 -0
package/dist/dom/interfaces/elements/interactive.js +83 -0
package/dist/dom/interfaces/elements/media.d.ts +2 -0
package/dist/dom/interfaces/elements/media.js +43 -0
package/dist/dom/interfaces/elements/table.d.ts +2 -0
package/dist/dom/interfaces/elements/table.js +155 -0
package/dist/dom/interfaces/elements/text.d.ts +2 -0
package/dist/dom/interfaces/elements/text.js +57 -0
package/dist/dom/interfaces/elements.d.ts +2 -0
package/dist/dom/interfaces/elements.js +478 -0
package/dist/dom/interfaces/range.d.ts +1 -1
package/dist/dom/range.d.ts +2 -0
package/dist/dom/range.js +87 -0
package/dist/dom/setup/document.d.ts +3 -0
package/dist/dom/setup/document.js +49 -0
package/dist/dom/setup.d.ts +12 -9
package/dist/dom/setup.js +148 -533
package/dist/dom/types/setup.d.ts +10 -0
package/dist/dom/types/setup.js +1 -0
package/dist/index.js +10 -684
package/package.json +3 -5
package/src/index.ts +10 -772
package/src/dom/interfaces/document.ts +0 -53
package/src/dom/interfaces/range.ts +0 -120
package/src/dom/interfaces/setup.ts +0 -196
package/src/markdown.ts +0 -592

package/dist/dom/setup.js CHANGED Viewed

@@ -1,37 +1,28 @@
-import { JSDOM, VirtualConsole } from 'jsdom';
-import { setupDOMInterfaces } from './interfaces/setup.js';
-import { setupRange } from './interfaces/range.js';
-import { setupDocumentMethods, setupWindowMethods } from './interfaces/document.js';
-// Create a virtual console
-const virtualConsole = new VirtualConsole();
-// Create a virtual DOM
-const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>', {
-    virtualConsole,
-    runScripts: 'dangerously',
-    resources: 'usable',
-    pretendToBeVisual: true,
-    beforeParse(window) {
-        setupDOMInterfaces(window);
-        setupRange(window);
-        setupDocumentMethods(window);
-        setupWindowMethods(window);
+import { setupDocumentMethods, setupWindowMethods } from './document.js';
+// Setup basic window properties
+export const setupBasicWindow = (window) => {
+    if (!window.innerWidth) {
+        Object.defineProperty(window, 'innerWidth', { value: 1024 });
     }
-});
-// Get the window object
-const window = dom.window;
-// Add window to global scope
-globalThis.window = window;
-// Add document to global scope
-globalThis.document = window.document;
-// Add required DOM interfaces to global scope
-globalThis.Element = window.Element;
-globalThis.Node = window.Node;
-globalThis.NodeFilter = window.NodeFilter;
-globalThis.Range = window.Range;
-globalThis.DOMParser = window.DOMParser;
-globalThis.XMLSerializer = window.XMLSerializer;
-globalThis.navigator = window.navigator;
-globalThis.HTMLElement = window.HTMLElement;
+    if (!window.innerHeight) {
+        Object.defineProperty(window, 'innerHeight', { value: 768 });
+    }
+    if (!window.devicePixelRatio) {
+        Object.defineProperty(window, 'devicePixelRatio', { value: 1 });
+    }
+};
+// Setup CSS interfaces
+export const setupCSSInterfaces = (window) => {
+    if (!window.CSSRule) {
+        window.CSSRule = globalThis.CSSRule;
+    }
+    if (!window.CSSMediaRule) {
+        window.CSSMediaRule = globalThis.CSSMediaRule;
+    }
+    if (!window.CSSStyleSheet) {
+        window.CSSStyleSheet = globalThis.CSSStyleSheet;
+    }
+};
 // Define CSS interfaces globally first
 globalThis.CSSRule = class {
     constructor(type) {
@@ -125,536 +116,160 @@ globalThis.CSSStyleSheet = class {
     }
     deleteRule(index) { }
 };
-// Define SVGElement globally
-globalThis.SVGElement = class {
-    constructor() {
-        this.id = '';
-        this.className = '';
-        this.style = {
-            cssText: '',
-            length: 0,
-            parentRule: null,
-            getPropertyPriority: () => '',
-            getPropertyValue: () => '',
-            item: () => '',
-            removeProperty: () => '',
-            setProperty: () => '',
-            [Symbol.iterator]: function* () { yield ''; return undefined; }
-        };
-        this.ownerSVGElement = null;
-        this.viewportElement = null;
-        this.tagName = '';
-        this.namespaceURI = null;
-        this.prefix = null;
-        this.localName = '';
-        this.baseURI = '';
-        this.textContent = '';
-        this.innerHTML = '';
-        this.outerHTML = '';
-        this.hidden = false;
-        this.slot = '';
-        this.attributes = {
-            length: 0,
-            getNamedItem: () => null,
-            getNamedItemNS: () => null,
-            item: () => null,
-            removeNamedItem: () => null,
-            removeNamedItemNS: () => null,
-            setNamedItem: () => null,
-            setNamedItemNS: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-        this.childNodes = {
-            length: 0,
-            item: () => null,
-            forEach: () => { },
-            entries: function* () { yield [0, null]; return undefined; },
-            keys: function* () { yield 0; return undefined; },
-            values: function* () { yield null; return undefined; },
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-        this.firstChild = null;
-        this.lastChild = null;
-        this.nextSibling = null;
-        this.previousSibling = null;
-        this.parentNode = null;
-        this.parentElement = null;
-        this.childElementCount = 0;
-        this.firstElementChild = null;
-        this.lastElementChild = null;
-        this.nextElementSibling = null;
-        this.previousElementSibling = null;
-        this.children = {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-        // Initialize any required properties
-    }
-    getAttribute(name) {
-        return null;
-    }
-    getAttributeNS(namespaceURI, localName) {
-        return null;
-    }
-    setAttribute(name, value) { }
-    setAttributeNS(namespaceURI, qualifiedName, value) { }
-    removeAttributeNS(namespaceURI, localName) { }
-    hasAttribute(name) {
-        return false;
-    }
-    hasAttributeNS(namespaceURI, localName) {
-        return false;
-    }
-    getBoundingClientRect() {
-        return {
-            top: 0,
-            left: 0,
-            bottom: 0,
-            right: 0,
-            width: 0,
-            height: 0,
-            x: 0,
-            y: 0,
-            toJSON: function () { return this; }
-        };
-    }
-    getClientRects() {
-        return {
-            length: 0,
-            item: function () { return null; },
-            [Symbol.iterator]: function* () { }
-        };
-    }
-    getElementsByClassName(classNames) {
-        return {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-    }
-    getElementsByTagName(qualifiedName) {
-        return {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-    }
-    getElementsByTagNameNS(namespaceURI, localName) {
-        return {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-    }
-    querySelector(selectors) {
-        return null;
-    }
-    querySelectorAll(selectors) {
-        return {
-            length: 0,
-            item: () => null,
-            forEach: () => { },
-            entries: function* () { yield [0, null]; return undefined; },
-            keys: function* () { yield 0; return undefined; },
-            values: function* () { yield null; return undefined; },
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-    }
-    matches(selectors) {
-        return false;
-    }
-    closest(selectors) {
-        return null;
+// Setup HTML and SVG interfaces
+export const setupHTMLAndSVG = (window) => {
+    if (!window.HTMLImageElement) {
+        window.HTMLImageElement = globalThis.HTMLImageElement;
     }
-    contains(other) {
-        return false;
-    }
-    append(...nodes) { }
-    prepend(...nodes) { }
-    after(...nodes) { }
-    before(...nodes) { }
-    replaceWith(...nodes) { }
-    remove() { }
-    insertAdjacentElement(where, element) {
-        return null;
-    }
-    insertAdjacentText(where, data) { }
-    insertAdjacentHTML(position, text) { }
-    replaceChildren(...nodes) { }
-};
-// Define HTMLImageElement globally
-globalThis.HTMLImageElement = class {
-    constructor() {
-        this.alt = '';
-        this.src = '';
-        this.srcset = '';
-        this.sizes = '';
-        this.crossOrigin = null;
-        this.useMap = '';
-        this.isMap = false;
-        this.width = 0;
-        this.height = 0;
-        this.naturalWidth = 0;
-        this.naturalHeight = 0;
-        this.complete = false;
-        this.name = '';
-        this.lowsrc = '';
-        this.align = '';
-        this.hspace = 0;
-        this.vspace = 0;
-        this.longDesc = '';
-        this.border = '';
-        this.x = 0;
-        this.y = 0;
-        this.currentSrc = '';
-        this.decoding = 'auto';
-        this.fetchPriority = 'auto';
-        this.loading = 'eager';
-        this.referrerPolicy = '';
-        // Initialize any required properties
+    if (!window.SVGElement) {
+        window.SVGElement = globalThis.SVGElement;
     }
-    decode() {
-        return Promise.resolve();
+    if (!window.HTMLAnchorElement) {
+        window.HTMLAnchorElement = globalThis.HTMLAnchorElement;
     }
 };
-// Define DOMSettableTokenList
-globalThis.DOMSettableTokenList = class {
-    constructor() {
-        this.length = 0;
-        this.value = '';
-    }
-    add(token) { }
-    contains(token) { return false; }
-    item(index) { return null; }
-    remove(token) { }
-    replace(oldToken, newToken) { return false; }
-    supports(token) { return false; }
-    toggle(token, force) { return false; }
-    [Symbol.iterator]() {
-        return function* () { yield ''; return undefined; }();
+// Setup screen object
+export const setupScreen = (window) => {
+    if (!window.screen) {
+        Object.defineProperty(window, 'screen', {
+            value: {
+                width: 1024,
+                height: 768,
+                availWidth: 1024,
+                availHeight: 768,
+                colorDepth: 24,
+                pixelDepth: 24,
+                orientation: {
+                    type: 'landscape-primary',
+                    angle: 0
+                }
+            }
+        });
     }
 };
-// Define HTML element types
-globalThis.HTMLIFrameElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.align = '';
-        this.allow = '';
-        this.allowFullscreen = false;
-        this.contentDocument = null;
-        this.contentWindow = null;
-        this.frameBorder = '';
-        this.height = '';
-        this.longDesc = '';
-        this.marginHeight = '';
-        this.marginWidth = '';
-        this.name = '';
-        this.referrerPolicy = '';
-        this.sandbox = {
+// Setup storage objects
+export const setupStorage = (window) => {
+    const createStorage = () => {
+        const storage = {
             length: 0,
-            value: '',
-            add: () => { },
-            contains: () => false,
-            item: () => null,
-            remove: () => { },
-            replace: () => false,
-            supports: () => false,
-            toggle: () => false,
-            [Symbol.iterator]: function* () { yield ''; return undefined; }
+            getItem: () => null,
+            setItem: () => { },
+            removeItem: () => { },
+            clear: () => { },
+            key: () => null
         };
-        this.scrolling = '';
-        this.src = '';
-        this.srcdoc = '';
-        this.width = '';
-    }
-};
-globalThis.HTMLOListElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.type = '';
-        this.compact = false;
-        this.reversed = false;
-        this.start = 0;
+        // Make the storage object non-extensible
+        Object.preventExtensions(storage);
+        return storage;
+    };
+    try {
+        // Create storage objects
+        const localStorage = createStorage();
+        const sessionStorage = createStorage();
+        // Define properties with more permissive attributes
+        Object.defineProperties(window, {
+            localStorage: {
+                value: localStorage,
+                writable: true,
+                configurable: true
+            },
+            sessionStorage: {
+                value: sessionStorage,
+                writable: true,
+                configurable: true
+            }
+        });
     }
-};
-globalThis.HTMLUListElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.type = '';
-        this.compact = false;
+    catch (error) {
+        // Log the error but don't throw
+        console.warn('Warning: Could not set up storage objects:', error instanceof Error ? error.message : 'Unknown error');
     }
 };
-globalThis.HTMLTableElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.caption = null;
-        this.tHead = null;
-        this.tFoot = null;
-        this.tBodies = {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
+// Setup animation frame methods
+export const setupAnimationFrame = (window) => {
+    if (!window.requestAnimationFrame) {
+        window.requestAnimationFrame = (callback) => {
+            return setTimeout(callback, 0);
         };
-        this.rows = {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
-        };
-        this.align = '';
-        this.bgColor = '';
-        this.border = '';
-        this.cellPadding = '';
-        this.cellSpacing = '';
-        this.frame = '';
-        this.rules = '';
-        this.summary = '';
-        this.width = '';
-    }
-    createCaption() {
-        return new globalThis.HTMLTableCaptionElement();
-    }
-    deleteCaption() { }
-    createTHead() {
-        return new globalThis.HTMLTableSectionElement();
     }
-    deleteTHead() { }
-    createTFoot() {
-        return new globalThis.HTMLTableSectionElement();
-    }
-    deleteTFoot() { }
-    createTBody() {
-        return new globalThis.HTMLTableSectionElement();
-    }
-    insertRow(index) {
-        return new globalThis.HTMLTableRowElement();
-    }
-    deleteRow(index) { }
-};
-globalThis.HTMLTableRowElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.rowIndex = 0;
-        this.sectionRowIndex = 0;
-        this.cells = {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
+    if (!window.cancelAnimationFrame) {
+        window.cancelAnimationFrame = (handle) => {
+            clearTimeout(handle);
         };
-        this.align = '';
-        this.bgColor = '';
-        this.ch = '';
-        this.chOff = '';
-        this.vAlign = '';
-    }
-    insertCell(index) {
-        return new globalThis.HTMLTableCellElement();
     }
-    deleteCell(index) { }
 };
-globalThis.HTMLTableCellElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.colSpan = 1;
-        this.rowSpan = 1;
-        this.headers = {
-            length: 0,
-            value: '',
-            add: () => { },
-            contains: () => false,
-            item: () => null,
-            remove: () => { },
-            replace: () => false,
-            supports: () => false,
-            toggle: () => false,
-            [Symbol.iterator]: function* () { yield ''; return undefined; }
+// Setup DOM methods
+export const setupDOMMethods = (window) => {
+    if (!window.Document.prototype.getElementsByClassName) {
+        window.Document.prototype.getElementsByClassName = function (classNames) {
+            const elements = this.querySelectorAll('.' + classNames);
+            const collection = new HTMLCollection();
+            elements.forEach((el, i) => {
+                collection[i] = el;
+            });
+            return collection;
         };
-        this.cellIndex = 0;
-        this.scope = '';
-        this.abbr = '';
-        this.align = '';
-        this.axis = '';
-        this.bgColor = '';
-        this.ch = '';
-        this.chOff = '';
-        this.height = '';
-        this.noWrap = false;
-        this.vAlign = '';
-        this.width = '';
     }
 };
-globalThis.HTMLTableSectionElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.rows = {
-            length: 0,
-            item: () => null,
-            namedItem: () => null,
-            [Symbol.iterator]: function* () { yield null; return undefined; }
+// Setup Node methods
+export const setupNodeMethods = (window) => {
+    if (!window.Node.prototype.contains) {
+        window.Node.prototype.contains = function (node) {
+            let current = node;
+            while (current) {
+                if (current === this)
+                    return true;
+                current = current.parentNode;
+            }
+            return false;
         };
-        this.align = '';
-        this.ch = '';
-        this.chOff = '';
-        this.vAlign = '';
-    }
-    insertRow(index) {
-        return new globalThis.HTMLTableRowElement();
-    }
-    deleteRow(index) { }
-};
-globalThis.HTMLTableCaptionElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.align = '';
     }
 };
-globalThis.HTMLButtonElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.disabled = false;
-        this.form = null;
-        this.formAction = '';
-        this.formEnctype = '';
-        this.formMethod = '';
-        this.formNoValidate = false;
-        this.formTarget = '';
-        this.name = '';
-        this.type = 'submit';
-        this.value = '';
-        this.menu = null;
-    }
-};
-// Add HTMLSpanElement interface
-globalThis.HTMLSpanElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-    }
-};
-// Add HTMLDivElement interface
-globalThis.HTMLDivElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.align = '';
-    }
-};
-globalThis.HTMLAnchorElement = class extends globalThis.HTMLElement {
-    constructor() {
-        super();
-        this.href = '';
-        this.target = '';
-        this.download = '';
-        this.ping = '';
-        this.rel = '';
-        this.relList = {
-            length: 0,
-            value: '',
-            add: () => { },
-            contains: () => false,
-            item: () => null,
-            remove: () => { },
-            replace: () => false,
-            supports: () => false,
-            toggle: () => false,
-            [Symbol.iterator]: function* () { yield ''; return undefined; }
+// Setup Element methods
+export const setupElementMethods = (window) => {
+    if (!window.Element.prototype.getBoundingClientRect) {
+        window.Element.prototype.getBoundingClientRect = function () {
+            return {
+                top: 0,
+                left: 0,
+                bottom: 0,
+                right: 0,
+                width: 0,
+                height: 0,
+                x: 0,
+                y: 0,
+                toJSON: function () { return this; }
+            };
         };
-        this.hreflang = '';
-        this.type = '';
-        this.text = '';
-        this.referrerPolicy = '';
-        this.origin = '';
-        this.protocol = '';
-        this.username = '';
-        this.password = '';
-        this.host = '';
-        this.hostname = '';
-        this.port = '';
-        this.pathname = '';
-        this.search = '';
-        this.hash = '';
     }
 };
-/**
- * Creates a virtual DOM instance with the given HTML content
- */
-export function createVirtualDOM(html, url) {
-    const dom = new JSDOM(html, {
-        virtualConsole,
-        runScripts: 'dangerously',
-        resources: 'usable',
-        pretendToBeVisual: true,
-        url,
-        beforeParse(window) {
+// Main setup function that orchestrates all the individual setups
+export const setupDOMInterfaces = (window) => {
+    const setupFunctions = [
+        ['basic window', setupBasicWindow],
+        ['CSS interfaces', setupCSSInterfaces],
+        ['HTML and SVG interfaces', setupHTMLAndSVG],
+        ['screen object', setupScreen],
+        ['storage objects', setupStorage],
+        ['animation frame methods', setupAnimationFrame],
+        ['DOM methods', setupDOMMethods],
+        ['Node methods', setupNodeMethods],
+        ['Element methods', setupElementMethods],
+        ['Document methods', setupDocumentMethods],
+        ['Window methods', setupWindowMethods]
+    ];
+    try {
+        for (const [name, setup] of setupFunctions) {
             try {
-                setupDOMInterfaces(window);
+                setup(window);
             }
             catch (error) {
-                console.error('Error setting up DOM interfaces:', error);
+                console.warn(`Warning: Could not set up ${name}:`, error instanceof Error ? error.message : 'Unknown error');
             }
         }
-    });
-    return dom;
-}
-/**
- * Sets up additional document properties
- */
-export function setupDocumentProperties(doc) {
-    // Ensure document has required properties
-    if (!doc.documentElement) {
-        throw new Error('Document has no root element');
-    }
-    // Set up document properties
-    try {
-        doc.documentElement.style.cssText = '';
-        doc.documentElement.className = '';
     }
     catch (error) {
-        console.warn('Warning: Could not set document element properties:', error);
-    }
-    // Ensure body exists and is properly set up
-    if (!doc.body) {
-        const body = doc.createElement('body');
-        doc.documentElement.appendChild(body);
-    }
-    try {
-        doc.body.style.cssText = '';
-        doc.body.className = '';
+        console.error('Error in setupDOMInterfaces:', error instanceof Error ? error.message : 'Unknown error');
+        // Don't throw the error, just log it
     }
-    catch (error) {
-        console.warn('Warning: Could not set body properties:', error);
-    }
-    // Set up viewport and ensure head exists
-    if (!doc.head) {
-        const head = doc.createElement('head');
-        doc.documentElement.insertBefore(head, doc.body);
-    }
-    // Add viewport meta tag
-    try {
-        const viewport = doc.createElement('meta');
-        viewport.setAttribute('name', 'viewport');
-        viewport.setAttribute('content', 'width=device-width, initial-scale=1');
-        doc.head.appendChild(viewport);
-    }
-    catch (error) {
-        console.warn('Warning: Could not add viewport meta tag:', error);
-    }
-    // Add a base style element for mobile styles
-    try {
-        const style = doc.createElement('style');
-        style.textContent = `
-			@media (max-width: 768px) {
-				body { width: 100%; }
-			}
-		`;
-        doc.head.appendChild(style);
-    }
-    catch (error) {
-        console.warn('Warning: Could not add style element:', error);
-    }
-}
+};