@lexriver/dome 2.0.2 → 2.0.3

package/src/concurrent-updates.test.mts

@@ -1,252 +0,0 @@
-import { afterAll, beforeAll, describe, expect, it, vi } from 'vitest'
-import { DomeComponent } from './DomeComponent.mjs'
-import { DomeManipulator } from './DomeManipulator.mjs'
-import type { Animation } from './Animation.mjs'
-
-class FakeElement {
-    readonly nodeType = 1
-    readonly childNodes: FakeElement[] = []
-    readonly classList = {
-        values: new Set<string>(),
-        add: (name:string) => this.classList.values.add(name),
-        remove: (name:string) => this.classList.values.delete(name)
-    }
-    parentNode: FakeElement | null = null
-    throwOnAppend = false
-
-    get firstChild() {
-        return this.childNodes[0] ?? null
-    }
-
-    appendChild(child:FakeElement) {
-        if(child.throwOnAppend){
-            throw new Error('append failed')
-        }
-        child.parentNode = this
-        this.childNodes.push(child)
-        return child
-    }
-
-    remove() {
-        if(!this.parentNode) return
-        const index = this.parentNode.childNodes.indexOf(this)
-        if(index >= 0){
-            this.parentNode.childNodes.splice(index, 1)
-        }
-        this.parentNode = null
-    }
-}
-
-const asElement = (element:FakeElement) => element as unknown as Element
-const animation = (name:string):Animation => ({ cssClassName: name, timeMs: 5 })
-const waitAsync = (timeMs:number) => new Promise<void>(resolve => setTimeout(resolve, timeMs))
-
-async function waitForAsync(condition:() => boolean) {
-    const timeoutAt = Date.now() + 500
-    while(!condition()){
-        if(Date.now() >= timeoutAt){
-            throw new Error('Timed out waiting for condition')
-        }
-        await waitAsync(1)
-    }
-}
-
-function deferred() {
-    let resolve!:() => void
-    const promise = new Promise<void>(resolvePromise => {
-        resolve = resolvePromise
-    })
-    return { promise, resolve }
-}
-
-const originalNode = Object.getOwnPropertyDescriptor(globalThis, 'Node')
-
-beforeAll(() => {
-    Object.defineProperty(globalThis, 'Node', {
-        configurable: true,
-        value: { ELEMENT_NODE: 1 }
-    })
-})
-
-afterAll(() => {
-    if(originalNode){
-        Object.defineProperty(globalThis, 'Node', originalNode)
-    } else {
-        delete (globalThis as { Node?:unknown }).Node
-    }
-})
-
-describe('DomeManipulator.replaceAllChildrenAsync', () => {
-    async function expectLastQueuedReplacement(
-        animationForHide?:Animation,
-        animationForShow?:Animation
-    ) {
-        const container = new FakeElement()
-        const existing = new FakeElement()
-        const first = new FakeElement()
-        const second = new FakeElement()
-        container.appendChild(existing)
-
-        await Promise.all([
-            DomeManipulator.replaceAllChildrenAsync(asElement(container), asElement(first), animationForHide, animationForShow),
-            DomeManipulator.replaceAllChildrenAsync(asElement(container), asElement(second), animationForHide, animationForShow)
-        ])
-
-        expect(container.childNodes).toEqual([second])
-    }
-
-    it('serializes two concurrent replacements without animations', async () => {
-        await expectLastQueuedReplacement()
-    })
-
-    it('serializes concurrent replacements with a hide animation', async () => {
-        await expectLastQueuedReplacement(animation('hide'))
-    })
-
-    it('serializes concurrent replacements with a show animation', async () => {
-        await expectLastQueuedReplacement(undefined, animation('show'))
-    })
-
-    it('serializes concurrent replacements with hide and show animations', async () => {
-        await expectLastQueuedReplacement(animation('hide'), animation('show'))
-    })
-
-    it('runs replacements on different containers independently', async () => {
-        const slowContainer = new FakeElement()
-        const fastContainer = new FakeElement()
-        const oldSlowChild = new FakeElement()
-        const slowChild = new FakeElement()
-        const fastChild = new FakeElement()
-        slowContainer.appendChild(oldSlowChild)
-
-        let slowReplacementFinished = false
-        const slowReplacement = DomeManipulator.replaceAllChildrenAsync(
-            asElement(slowContainer),
-            asElement(slowChild),
-            { cssClassName: 'hide', timeMs: 30 }
-        ).then(() => {
-            slowReplacementFinished = true
-        })
-        await waitAsync(1)
-
-        await DomeManipulator.replaceAllChildrenAsync(asElement(fastContainer), asElement(fastChild))
-
-        expect(fastContainer.childNodes).toEqual([fastChild])
-        expect(slowReplacementFinished).toBe(false)
-        expect(slowContainer.childNodes).toEqual([oldSlowChild])
-        await slowReplacement
-    })
-
-    it('does not let a failed replacement block a later replacement', async () => {
-        const container = new FakeElement()
-        const failingChild = new FakeElement()
-        const successfulChild = new FakeElement()
-        failingChild.throwOnAppend = true
-
-        const failedReplacement = DomeManipulator.replaceAllChildrenAsync(
-            asElement(container),
-            asElement(failingChild)
-        )
-        const queuedReplacement = DomeManipulator.replaceAllChildrenAsync(
-            asElement(container),
-            asElement(successfulChild)
-        )
-
-        await expect(failedReplacement).rejects.toThrow('append failed')
-        await queuedReplacement
-        expect(container.childNodes).toEqual([successfulChild])
-    })
-})
-
-class ScheduledTestComponent extends DomeComponent<{}> {
-    updateCount = 0
-    activeUpdates = 0
-    maximumActiveUpdates = 0
-    updateBehavior:() => Promise<void> = async () => undefined
-
-    protected render():HTMLElement {
-        return {} as HTMLElement
-    }
-
-    override async updateAsync() {
-        this.updateCount++
-        this.activeUpdates++
-        this.maximumActiveUpdates = Math.max(this.maximumActiveUpdates, this.activeUpdates)
-        try {
-            await this.updateBehavior()
-        } finally {
-            this.activeUpdates--
-        }
-    }
-}
-
-describe('DomeComponent.scheduleUpdate', () => {
-    it('debounces repeated requests made before an update starts', async () => {
-        const component = new ScheduledTestComponent({}, null)
-
-        await Promise.all([
-            component.scheduleUpdate(),
-            component.scheduleUpdate(),
-            component.scheduleUpdate()
-        ])
-
-        expect(component.updateCount).toBe(1)
-    })
-
-    it('coalesces requests during an update into exactly one follow-up update', async () => {
-        const component = new ScheduledTestComponent({}, null)
-        const firstUpdate = deferred()
-        component.updateBehavior = () => component.updateCount === 1
-            ? firstUpdate.promise
-            : Promise.resolve()
-
-        const initialSchedule = component.scheduleUpdate()
-        await waitForAsync(() => component.updateCount === 1)
-        component.scheduleUpdate()
-        component.scheduleUpdate()
-        component.scheduleUpdate()
-        await waitAsync(10)
-        firstUpdate.resolve()
-        await initialSchedule
-
-        expect(component.updateCount).toBe(2)
-    })
-
-    it('never runs scheduled updates concurrently for one component', async () => {
-        const component = new ScheduledTestComponent({}, null)
-        const firstUpdate = deferred()
-        component.updateBehavior = () => component.updateCount === 1
-            ? firstUpdate.promise
-            : Promise.resolve()
-
-        const initialSchedule = component.scheduleUpdate()
-        await waitForAsync(() => component.updateCount === 1)
-        component.scheduleUpdate()
-        await waitAsync(10)
-
-        expect(component.maximumActiveUpdates).toBe(1)
-        firstUpdate.resolve()
-        await initialSchedule
-        expect(component.maximumActiveUpdates).toBe(1)
-    })
-
-    it('allows subsequent scheduled updates after updateAsync rejects', async () => {
-        const component = new ScheduledTestComponent({}, null)
-        const consoleError = vi.spyOn(console, 'error').mockImplementation(() => undefined)
-        component.updateBehavior = async () => {
-            if(component.updateCount === 1){
-                throw new Error('update failed')
-            }
-        }
-
-        try {
-            await component.scheduleUpdate()
-            await component.scheduleUpdate()
-        } finally {
-            consoleError.mockRestore()
-        }
-
-        expect(component.updateCount).toBe(2)
-        expect(component.maximumActiveUpdates).toBe(1)
-    })
-})

package/src/index.mts

@@ -1,12 +0,0 @@
-export * from '@lexriver/async'
-export * from '@lexriver/data-types'
-export * from '@lexriver/observable'
-export * from '@lexriver/type-event'
-export * from './AnimatedArray.mjs'
-export * from './AnimatedTable.mjs'
-export * from './AnimatedText.mjs'
-export * from './Dome.mjs'
-export * from './DomeComponent.mjs'
-export * from './DomeManipulator.mjs'
-export * from './DomeRouter.console-test.mjs'
-

package/src/temp-test.mts

@@ -1,23 +0,0 @@
-import { LongestCommonSubsequence } from "./LongestCommonSubsequence.mjs"
-
-let oldArray = "ABCD".split('')
-let newArray = "AXYZBCD345".split('')
-const countOfOperations = LongestCommonSubsequence.getPatchOrdered({ 
-    oldArray: [...oldArray], 
-    newArray: newArray, 
-    onRemove: (index, item) => { 
-        console.log('-', item, index)
-        oldArray.splice(index,1) 
-    },  
-    onAdd: (index, item) => {
-        console.log('+', item, index)
-        oldArray.splice(index,0,item)
-    }
-})
-console.log('expecting equal', oldArray, newArray)
-console.log('countOfOperations=', countOfOperations)
-//expect(oldArray).toEqual(newArray)
-// console.log('result oldArray=', oldArray)
-// console.log('result nweArray=', newArray)
-
-

package/tsconfig.json

@@ -1,59 +0,0 @@
-{
-    "compilerOptions": {
-        /* Basic Options */
-        //"target": "es6",                          /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
-        // "target": "es5",
-        //"target":"ESNext",
-        "target": "ESNext",
-        "moduleResolution": "NodeNext",
-        "module": "NodeNext",
-        //"module": "commonjs",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
-        // "lib": [],                             /* Specify library files to be included in the compilation. */
-        // "allowJs": true,                       /* Allow javascript files to be compiled. */
-        // "checkJs": true,                       /* Report errors in .js files. */
-        // "jsx": "preserve",                     /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
-        "declaration": true, /* Generates corresponding '.d.ts' file. */
-        // "declarationMap": true,                /* Generates a sourcemap for each corresponding '.d.ts' file. */
-        // "sourceMap": true,                     /* Generates corresponding '.map' file. */
-        // "outFile": "./",                       /* Concatenate and emit output to single file. */
-        "outDir": "./out", /* Redirect output structure to the directory. */
-        // "rootDir": "./",                       /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
-        // "composite": true,                     /* Enable project compilation */
-        // "removeComments": true,                /* Do not emit comments to output. */
-        // "noEmit": true,                        /* Do not emit outputs. */
-        // "importHelpers": true,                 /* Import emit helpers from 'tslib'. */
-        "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
-        // "isolatedModules": true,               /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
-        /* Strict Type-Checking Options */
-        "strict": true, /* Enable all strict type-checking options. */
-        "noImplicitAny": false, /* Raise error on expressions and declarations with an implied 'any' type. */
-        // "strictNullChecks": true,              /* Enable strict null checks. */
-        // "strictFunctionTypes": true,           /* Enable strict checking of function types. */
-        // "strictPropertyInitialization": true,  /* Enable strict checking of property initialization in classes. */
-        // "noImplicitThis": true,                /* Raise error on 'this' expressions with an implied 'any' type. */
-        // "alwaysStrict": true,                  /* Parse in strict mode and emit "use strict" for each source file. */
-        /* Additional Checks */
-        // "noUnusedLocals": true,                /* Report errors on unused locals. */
-        // "noUnusedParameters": true,            /* Report errors on unused parameters. */
-        // "noImplicitReturns": true,             /* Report error when not all code paths in function return a value. */
-        // "noFallthroughCasesInSwitch": true,    /* Report errors for fallthrough cases in switch statement. */
-        /* Module Resolution Options */
-        // "moduleResolution": "node",            /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
-        // "baseUrl": "./",                       /* Base directory to resolve non-absolute module names. */
-        // "paths": {},                           /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
-        // "rootDirs": [],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
-        // "typeRoots": [],                       /* List of folders to include type definitions from. */
-        // "types": [],                           /* Type declaration files to be included in compilation. */
-        // "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
-        "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
-        // "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
-        /* Source Map Options */
-        // "sourceRoot": "",                      /* Specify the location where debugger should locate TypeScript files instead of source locations. */
-        // "mapRoot": "",                         /* Specify the location where debugger should locate map files instead of generated locations. */
-        // "inlineSourceMap": true,               /* Emit a single file with source maps instead of having a separate file. */
-        // "inlineSources": true,                 /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
-        /* Experimental Options */
-        // "experimentalDecorators": true,        /* Enables experimental support for ES7 decorators. */
-        // "emitDecoratorMetadata": true,         /* Enables experimental support for emitting type metadata for decorators. */
-    },
-}

package/vitest.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'vitest/config'
-
-export default defineConfig({
-    test:{
-        exclude: [
-            './out/**',
-            './node_modules/**'
-        ]
-    }
-})