@furystack/shades 8.0.10 → 8.0.12

package/esm/shades.integration.spec.js

@@ -0,0 +1,254 @@
+import { Injector } from '@furystack/inject';
+import { usingAsync } from '@furystack/utils';
+import { TextEncoder, TextDecoder } from 'util';
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoder;
+import { initializeShadeRoot } from './initialize.js';
+import { Shade } from './shade.js';
+import { createComponent } from './shade-component.js';
+import { describe, it, expect, vi, afterEach, beforeEach } from 'vitest';
+describe('Shades integration tests', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    it('Should mount a custom component to a Shade root', () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        const ExampleComponent = Shade({ render: () => createComponent("div", null, "Hello"), shadowDomName: 'shades-example' });
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(ExampleComponent, null),
+        });
+        expect(document.body.innerHTML).toBe('<div id="root"><shades-example><div>Hello</div></shades-example></div>');
+    });
+    it('Should mount a custom component with a string render result', () => {
+        const injector = new Injector();
+        const rootElement = document.getElementById('root');
+        const ExampleComponent = Shade({ render: () => 'Hello', shadowDomName: 'shades-string-render-result' });
+        initializeShadeRoot({
+            injector,
+            rootElement,
+            jsxElement: createComponent(ExampleComponent, null),
+        });
+        expect(document.body.innerHTML).toBe('<div id="root"><shades-string-render-result>Hello</shades-string-render-result></div>');
+    });
+    it('Should mount a custom component with null render result', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({ render: () => null, shadowDomName: 'shades-null-render-result' });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-null-render-result></shades-null-render-result></div>');
+        });
+    });
+    it('Should mount a custom component with a document fragment render result', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                render: () => (createComponent(createComponent, null,
+                    createComponent("p", null, "1"),
+                    createComponent("p", null, "2"))),
+                shadowDomName: 'shades-fragment-render-result',
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result><p>1</p><p>2</p></shades-fragment-render-result></div>');
+        });
+    });
+    it('Should mount a custom component with a nested document fragment render result', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                render: () => (createComponent("p", null,
+                    createComponent(createComponent, null,
+                        createComponent("p", null, "1"),
+                        createComponent("p", null, "2")))),
+                shadowDomName: 'shades-fragment-render-result-nested',
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result-nested><p><p>1</p><p>2</p></p></shades-fragment-render-result-nested></div>');
+        });
+    });
+    it('Should mount a custom component with a document fragment that contains custom components', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const CustomComponent = Shade({
+                shadowDomName: 'shades-fragment-test-custom-component',
+                render: () => createComponent("p", null, "Hello"),
+            });
+            const ExampleComponent = Shade({
+                render: () => (createComponent(createComponent, null,
+                    createComponent(CustomComponent, null),
+                    createComponent(CustomComponent, null))),
+                shadowDomName: 'shades-fragment-render-result-2',
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-fragment-render-result-2><shades-fragment-test-custom-component><p>Hello</p></shades-fragment-test-custom-component><shades-fragment-test-custom-component><p>Hello</p></shades-fragment-test-custom-component></shades-fragment-render-result-2></div>');
+        });
+    });
+    it('Should mount nested Shades components', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                render: ({ children }) => createComponent("div", null, children),
+                shadowDomName: 'shades-example-2',
+            });
+            const ExampleSubs = Shade({
+                render: ({ props }) => createComponent("div", null, props.no),
+                shadowDomName: 'shades-example-sub',
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent(ExampleComponent, null,
+                    createComponent(ExampleSubs, { no: 1 }),
+                    createComponent(ExampleSubs, { no: 2 }),
+                    createComponent(ExampleSubs, { no: 3 }))),
+            });
+            expect(document.body.innerHTML).toBe('<div id="root"><shades-example-2><div><shades-example-sub><div>1</div></shades-example-sub><shades-example-sub><div>2</div></shades-example-sub><shades-example-sub><div>3</div></shades-example-sub></div></shades-example-2></div>');
+        });
+    });
+    it("Should execute the constructed and constructed's cleanup callback", async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const cleanup = vi.fn();
+            const constructed = vi.fn(() => cleanup);
+            const ExampleComponent = Shade({
+                constructed,
+                shadowDomName: 'example-component-1',
+                render: () => createComponent("div", null, "Hello"),
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            expect(constructed).toBeCalled();
+            expect(cleanup).not.toBeCalled();
+            document.body.innerHTML = '';
+            expect(cleanup).toBeCalled();
+        });
+    });
+    it('Should execute the onAttach and onDetach callbacks', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const onAttach = vi.fn();
+            const onDetach = vi.fn();
+            const ExampleComponent = Shade({
+                onAttach,
+                onDetach,
+                shadowDomName: 'example-component-2',
+                render: () => createComponent("div", null, "Hello"),
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            expect(onAttach).toBeCalled();
+            expect(onDetach).not.toBeCalled();
+            document.body.innerHTML = '';
+            expect(onDetach).toBeCalled();
+        });
+    });
+    it('Should update state', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const ExampleComponent = Shade({
+                shadowDomName: 'example-component-3',
+                render: ({ useState }) => {
+                    const [count, setCount] = useState('count', 0);
+                    return (createComponent("div", null,
+                        "Count is ",
+                        count,
+                        createComponent("button", { id: "plus", onclick: () => setCount(count + 1) }, "+"),
+                        createComponent("button", { id: "minus", onclick: () => setCount(count - 1) }, "-")));
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: createComponent(ExampleComponent, null),
+            });
+            const plus = () => document.getElementById('plus')?.click();
+            const minus = () => document.getElementById('minus')?.click();
+            const expectCount = (count) => expect(document.body.innerHTML).toContain(`Count is ${count}`);
+            expectCount(0);
+            plus();
+            expectCount(1);
+            plus();
+            expectCount(2);
+            minus();
+            minus();
+            expectCount(0);
+        });
+    });
+    it('Should allow children update after unmount and remount', async () => {
+        await usingAsync(new Injector(), async (injector) => {
+            const rootElement = document.getElementById('root');
+            const Parent = Shade({
+                shadowDomName: 'shade-remount-parent',
+                render: ({ children, useState }) => {
+                    const [areChildrenVisible, setAreChildrenVisible] = useState('areChildrenVisible', true);
+                    return (createComponent("div", null,
+                        createComponent("button", { id: "showHideChildren", onclick: () => {
+                                setAreChildrenVisible(!areChildrenVisible);
+                            } }, "Toggle"),
+                        areChildrenVisible ? children : null));
+                },
+            });
+            const Child = Shade({
+                shadowDomName: 'example-remount-child',
+                render: ({ useState }) => {
+                    const [count, setCount] = useState('count', 0);
+                    return (createComponent("div", null,
+                        "Count is ",
+                        `${count}`,
+                        createComponent("button", { id: "plus", onclick: () => setCount(count + 1) }, "+"),
+                        createComponent("button", { id: "minus", onclick: () => setCount(count - 1) }, "-")));
+                },
+            });
+            initializeShadeRoot({
+                injector,
+                rootElement,
+                jsxElement: (createComponent(Parent, null,
+                    createComponent(Child, null))),
+            });
+            const plus = () => document.getElementById('plus')?.click();
+            const minus = () => document.getElementById('minus')?.click();
+            const expectCount = (count) => expect(document.body.innerHTML).toContain(`Count is ${count}`);
+            const toggleChildren = () => document.getElementById('showHideChildren')?.click();
+            expectCount(0);
+            plus();
+            expectCount(1);
+            toggleChildren();
+            expect(document.getElementById('plus')).toBeNull();
+            toggleChildren();
+            expect(document.getElementById('plus')).toBeDefined();
+            expectCount(0);
+            plus();
+            expectCount(1);
+            minus();
+            expectCount(0);
+        });
+    });
+});
+//# sourceMappingURL=shades.integration.spec.js.map

package/esm/shades.integration.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shades.integration.spec.js","sourceRoot":"","sources":["../src/shades.integration.spec.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furystack/shades",
-  "version": "8.0.10",
+  "version": "8.0.12",
   "description": "Google Authentication Provider for FuryStack",
   "type": "module",
   "scripts": {
@@ -37,16 +37,16 @@
   },
   "homepage": "https://github.com/furystack/furystack",
   "devDependencies": {
-    "@types/jsdom": "^21.1.2",
-    "@types/node": "^20.5.3",
+    "@types/jsdom": "^21.1.4",
+    "@types/node": "^20.8.10",
     "jsdom": "^22.1.0",
-    "typescript": "^5.1.6",
-    "vitest": "^0.34.2"
+    "typescript": "^5.2.2",
+    "vitest": "^0.34.6"
   },
   "dependencies": {
-    "@furystack/inject": "^8.0.8",
-    "@furystack/rest": "^5.0.10",
-    "@furystack/utils": "^4.0.8",
+    "@furystack/inject": "^8.1.1",
+    "@furystack/rest": "^5.0.12",
+    "@furystack/utils": "^4.0.10",
     "path-to-regexp": "^6.2.1",
     "semaphore-async-await": "^1.5.1"
   },

package/src/component-factory.spec.tsx

@@ -1,6 +1,6 @@
-import { createComponent } from './shade-component'
+import { createComponent } from './shade-component.js'
 import './jsx'
-import { Shade } from './shade'
+import { Shade } from './shade.js'
 import { Injector } from '@furystack/inject'
 import { describe, it, expect, vi } from 'vitest'
 

package/src/components/lazy-load.spec.tsx

@@ -5,9 +5,11 @@ global.TextDecoder = TextDecoder as any
 
 import { Injector } from '@furystack/inject'
 import { sleepAsync } from '@furystack/utils'
-import { LazyLoad } from './lazy-load'
-import { createComponent, initializeShadeRoot } from '..'
+import { LazyLoad } from './lazy-load.js'
+
 import { describe, it, expect, vi, afterEach, beforeEach } from 'vitest'
+import { initializeShadeRoot } from '../initialize.js'
+import { createComponent } from '../shade-component.js'
 
 describe('Lazy Load', () => {
   beforeEach(() => {

package/src/components/route-link.spec.tsx

@@ -4,9 +4,11 @@ global.TextEncoder = TextEncoder
 global.TextDecoder = TextDecoder as any
 
 import { Injector } from '@furystack/inject'
-import { RouteLink } from './route-link'
-import { createComponent, initializeShadeRoot, LocationService } from '..'
+import { RouteLink } from './route-link.js'
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { LocationService } from '../services/location-service.js'
+import { initializeShadeRoot } from '../initialize.js'
+import { createComponent } from '../shade-component.js'
 
 describe('RouteLink', () => {
   beforeEach(() => {

package/src/components/router.spec.tsx

@@ -4,11 +4,13 @@ global.TextEncoder = TextEncoder
 global.TextDecoder = TextDecoder as any
 
 import { Injector } from '@furystack/inject'
-import { Router } from './router'
-import { createComponent, initializeShadeRoot, LocationService } from '..'
-import { RouteLink } from '.'
+import { Router } from './router.js'
+import { RouteLink } from './route-link.js'
 import { sleepAsync } from '@furystack/utils'
 import { describe, it, expect, vi, afterEach, beforeEach } from 'vitest'
+import { LocationService } from '../services/location-service.js'
+import { initializeShadeRoot } from '../initialize.js'
+import { createComponent } from '../shade-component.js'
 
 describe('Router', () => {
   beforeEach(() => {

package/src/services/location-service.spec.ts

@@ -6,7 +6,7 @@ global.TextDecoder = TextDecoder as any
 import { Injector } from '@furystack/inject'
 import { using } from '@furystack/utils'
 import { serializeValue } from '@furystack/rest'
-import { LocationService } from './'
+import { LocationService } from './location-service.js'
 import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
 
 describe('LocationService', () => {

package/src/services/resource-manager.spec.ts

@@ -1,5 +1,5 @@
 import { ObservableValue, using } from '@furystack/utils'
-import { ResourceManager } from './resource-manager'
+import { ResourceManager } from './resource-manager.js'
 import { describe, it, expect } from 'vitest'
 describe('ResourceManager', () => {
   it('Should return an observable from cache', () => {

package/src/services/screen-service.spec.ts

@@ -5,7 +5,7 @@ global.TextDecoder = TextDecoder as any
 
 import { Injector } from '@furystack/inject'
 import { usingAsync } from '@furystack/utils'
-import { ScreenService } from './screen-service'
+import { ScreenService } from './screen-service.js'
 import { describe, it, expect, beforeEach, afterEach } from 'vitest'
 
 describe('ScreenService', () => {

package/src/shade-resources.integration.spec.tsx

@@ -5,9 +5,9 @@ import { TextEncoder, TextDecoder } from 'util'
 global.TextEncoder = TextEncoder
 global.TextDecoder = TextDecoder as any
 
-import { initializeShadeRoot } from './initialize'
-import { Shade } from './shade'
-import { createComponent } from './shade-component'
+import { initializeShadeRoot } from './initialize.js'
+import { Shade } from './shade.js'
+import { createComponent } from './shade-component.js'
 import { ObservableValue } from '@furystack/utils'
 import { describe, it, expect, afterEach, beforeEach, vi } from 'vitest'
 

package/src/shades.integration.spec.tsx

@@ -6,9 +6,9 @@ import { TextEncoder, TextDecoder } from 'util'
 global.TextEncoder = TextEncoder
 global.TextDecoder = TextDecoder as any
 
-import { initializeShadeRoot } from './initialize'
-import { Shade } from './shade'
-import { createComponent } from './shade-component'
+import { initializeShadeRoot } from './initialize.js'
+import { Shade } from './shade.js'
+import { createComponent } from './shade-component.js'
 import { describe, it, expect, vi, afterEach, beforeEach } from 'vitest'
 
 describe('Shades integration tests', () => {