@owlmeans/client 0.1.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.
- package/LICENSE +21 -0
- package/README.md +688 -0
- package/build/app.d.ts +4 -0
- package/build/app.d.ts.map +1 -0
- package/build/app.js +10 -0
- package/build/app.js.map +1 -0
- package/build/components/index.d.ts +4 -0
- package/build/components/index.d.ts.map +1 -0
- package/build/components/index.js +3 -0
- package/build/components/index.js.map +1 -0
- package/build/components/modal.d.ts +7 -0
- package/build/components/modal.d.ts.map +1 -0
- package/build/components/modal.js +66 -0
- package/build/components/modal.js.map +1 -0
- package/build/components/toggle.d.ts +3 -0
- package/build/components/toggle.d.ts.map +1 -0
- package/build/components/toggle.js +20 -0
- package/build/components/toggle.js.map +1 -0
- package/build/components/types.d.ts +50 -0
- package/build/components/types.d.ts.map +1 -0
- package/build/components/types.js +2 -0
- package/build/components/types.js.map +1 -0
- package/build/consts.d.ts +5 -0
- package/build/consts.d.ts.map +1 -0
- package/build/consts.js +5 -0
- package/build/consts.js.map +1 -0
- package/build/context.d.ts +8 -0
- package/build/context.d.ts.map +1 -0
- package/build/context.js +47 -0
- package/build/context.js.map +1 -0
- package/build/debug.d.ts +4 -0
- package/build/debug.d.ts.map +1 -0
- package/build/debug.js +12 -0
- package/build/debug.js.map +1 -0
- package/build/errors.d.ts +18 -0
- package/build/errors.d.ts.map +1 -0
- package/build/errors.js +34 -0
- package/build/errors.js.map +1 -0
- package/build/helper.d.ts +4 -0
- package/build/helper.d.ts.map +1 -0
- package/build/helper.js +30 -0
- package/build/helper.js.map +1 -0
- package/build/index.d.ts +15 -0
- package/build/index.d.ts.map +1 -0
- package/build/index.js +15 -0
- package/build/index.js.map +1 -0
- package/build/module.d.ts +3 -0
- package/build/module.d.ts.map +1 -0
- package/build/module.js +4 -0
- package/build/module.js.map +1 -0
- package/build/navigate.d.ts +3 -0
- package/build/navigate.d.ts.map +1 -0
- package/build/navigate.js +39 -0
- package/build/navigate.js.map +1 -0
- package/build/router.d.ts +5 -0
- package/build/router.d.ts.map +1 -0
- package/build/router.js +53 -0
- package/build/router.js.map +1 -0
- package/build/services/debug.d.ts +6 -0
- package/build/services/debug.d.ts.map +1 -0
- package/build/services/debug.js +83 -0
- package/build/services/debug.js.map +1 -0
- package/build/services/index.d.ts +2 -0
- package/build/services/index.d.ts.map +1 -0
- package/build/services/index.js +2 -0
- package/build/services/index.js.map +1 -0
- package/build/store.d.ts +4 -0
- package/build/store.d.ts.map +1 -0
- package/build/store.js +49 -0
- package/build/store.js.map +1 -0
- package/build/types.d.ts +57 -0
- package/build/types.d.ts.map +1 -0
- package/build/types.js +2 -0
- package/build/types.js.map +1 -0
- package/build/utils/index.d.ts +4 -0
- package/build/utils/index.d.ts.map +1 -0
- package/build/utils/index.js +4 -0
- package/build/utils/index.js.map +1 -0
- package/build/utils/module.d.ts +3 -0
- package/build/utils/module.d.ts.map +1 -0
- package/build/utils/module.js +8 -0
- package/build/utils/module.js.map +1 -0
- package/build/utils/route.d.ts +16 -0
- package/build/utils/route.d.ts.map +1 -0
- package/build/utils/route.js +65 -0
- package/build/utils/route.js.map +1 -0
- package/build/utils/router.d.ts +16 -0
- package/build/utils/router.d.ts.map +1 -0
- package/build/utils/router.js +36 -0
- package/build/utils/router.js.map +1 -0
- package/build/value.d.ts +4 -0
- package/build/value.d.ts.map +1 -0
- package/build/value.js +48 -0
- package/build/value.js.map +1 -0
- package/package.json +66 -0
- package/src/app.tsx +17 -0
- package/src/components/index.ts +4 -0
- package/src/components/modal.ts +89 -0
- package/src/components/toggle.ts +22 -0
- package/src/components/types.ts +57 -0
- package/src/consts.ts +7 -0
- package/src/context.ts +61 -0
- package/src/debug.ts +14 -0
- package/src/errors.ts +44 -0
- package/src/helper.tsx +51 -0
- package/src/index.ts +15 -0
- package/src/module.ts +6 -0
- package/src/navigate.ts +51 -0
- package/src/router.ts +78 -0
- package/src/services/debug.ts +102 -0
- package/src/services/index.ts +2 -0
- package/src/store.ts +57 -0
- package/src/types.ts +72 -0
- package/src/utils/index.ts +4 -0
- package/src/utils/module.ts +14 -0
- package/src/utils/route.tsx +82 -0
- package/src/utils/router.ts +60 -0
- package/src/value.ts +60 -0
- package/tsconfig.json +15 -0
- package/tsconfig.tsbuildinfo +1 -0
package/build/router.js
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { createElement, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { buildModuleTree, initializeRouter, visitModuleTree } from './utils/router.js';
|
|
3
|
+
import { createRouteRenderer } from './utils/route.js';
|
|
4
|
+
import { RouterProvider } from 'react-router';
|
|
5
|
+
import { useContext } from './context.js';
|
|
6
|
+
import { assertContext } from '@owlmeans/context';
|
|
7
|
+
export const Router = ({ provide }) => {
|
|
8
|
+
const progress = useRef(false);
|
|
9
|
+
const context = useContext();
|
|
10
|
+
const [router, setRouter] = useState((typeof provide === 'function' ? undefined : provide));
|
|
11
|
+
// @TODO We expect that this use memo will do the trick and we don't need to useEffect
|
|
12
|
+
// @TODO Show debug only in debug mode
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
if (!progress.current && !context.cfg.ready) {
|
|
15
|
+
progress.current = true;
|
|
16
|
+
if (typeof provide === 'function') {
|
|
17
|
+
initializeRouter(context).then(router => provide(router))
|
|
18
|
+
.then(routes => setRouter(routes));
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}, []);
|
|
22
|
+
// @TODO We need to allow drawing something here :)
|
|
23
|
+
if (router == null) {
|
|
24
|
+
return undefined;
|
|
25
|
+
}
|
|
26
|
+
return createElement(RouterProvider, { router });
|
|
27
|
+
};
|
|
28
|
+
export const makeRouterModel = () => {
|
|
29
|
+
const location = `client-router`;
|
|
30
|
+
const model = {
|
|
31
|
+
routes: [],
|
|
32
|
+
resolve: async (ctx) => {
|
|
33
|
+
const context = assertContext(ctx, location);
|
|
34
|
+
const moduleTree = buildModuleTree(context);
|
|
35
|
+
const reactRoutes = await visitModuleTree(moduleTree, async (module, children) => {
|
|
36
|
+
const ctx = assertContext((module.ctx ?? context), location);
|
|
37
|
+
await module.route.resolve(ctx);
|
|
38
|
+
const renderer = module.handle != null
|
|
39
|
+
? { Component: createRouteRenderer({ context, module, hasChildren: children.length > 0 }) }
|
|
40
|
+
: undefined;
|
|
41
|
+
const route = {
|
|
42
|
+
...(module.route.route.default ? { index: true } : undefined),
|
|
43
|
+
...(!module.route.route.default ? { path: module.getPath(true), children } : undefined),
|
|
44
|
+
...renderer
|
|
45
|
+
};
|
|
46
|
+
return route;
|
|
47
|
+
});
|
|
48
|
+
return model.routes = reactRoutes;
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
return model;
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=router.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"router.js","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAMjD,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAE5B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAClC,CAAC,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAgB,CACrE,CAAA;IACD,sFAAsF;IACtF,sCAAsC;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;YAC5C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAA;YAEvB,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;gBAClC,gBAAgB,CAAC,OAAc,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;qBAC7D,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;YACtC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,mDAAmD;IACnD,IAAI,MAAM,IAAI,IAAI,EAAE,CAAC;QACnB,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,OAAO,aAAa,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;AAClD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAgB,EAAE;IAC/C,MAAM,QAAQ,GAAG,eAAe,CAAA;IAChC,MAAM,KAAK,GAAgB;QACzB,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;YACrB,MAAM,OAAO,GAAG,aAAa,CAAkB,GAAc,EAAE,QAAQ,CAAC,CAAA;YACxE,MAAM,UAAU,GAAG,eAAe,CAAC,OAAkB,CAAC,CAAA;YAEtD,MAAM,WAAW,GAAkB,MAAM,eAAe,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAC9F,MAAM,GAAG,GAAG,aAAa,CACvB,CAAC,MAAM,CAAC,GAAG,IAAI,OAAO,CAA8B,EAAE,QAAQ,CAC/D,CAAA;gBACD,MAAM,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;gBAE/B,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI;oBACpC,CAAC,CAAC,EAAE,SAAS,EAAE,mBAAmB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,EAAE;oBAC3F,CAAC,CAAC,SAAS,CAAA;gBAEb,MAAM,KAAK,GAAgB;oBACzB,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAS,CAAC,CAAC,CAAC,SAAS,CAAC;oBACpE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;oBACvF,GAAG,QAAQ;iBACZ,CAAA;gBAED,OAAO,KAAK,CAAA;YACd,CAAC,CAAC,CAAA;YAEF,OAAO,KAAK,CAAC,MAAM,GAAG,WAAW,CAAA;QACnC,CAAC;KACF,CAAA;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { DebugService, DebugServiceAppend } from '../components/types.js';
|
|
2
|
+
import type { ClientConfig } from '@owlmeans/client-context';
|
|
3
|
+
import type { ClientContext } from '../types.js';
|
|
4
|
+
export declare const createDebugService: (alias?: string) => DebugService;
|
|
5
|
+
export declare const appendDebugService: <C extends ClientConfig, T extends ClientContext<C>>(ctx: T, alias?: string) => T & DebugServiceAppend;
|
|
6
|
+
//# sourceMappingURL=debug.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"debug.d.ts","sourceRoot":"","sources":["../../src/services/debug.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,aAAa,CAAA;AAKnE,eAAO,MAAM,kBAAkB,WAAW,MAAM,KAAqB,YA4EpE,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,aAAa,CAAC,CAAC,CAAC,OAC9E,CAAC,UAAS,MAAM,KACpB,CAAC,GAAG,kBAYN,CAAA"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { assertContext, createLazyService } from '@owlmeans/context';
|
|
2
|
+
import { DEBUG_CONFIG_KEY, DEBUGGER_FLAG, DEF_DEBUG_ALIAS } from '../consts.js';
|
|
3
|
+
import { DEFAULT_DB_ALIAS } from '@owlmeans/client-resource';
|
|
4
|
+
export const createDebugService = (alias = DEF_DEBUG_ALIAS) => {
|
|
5
|
+
const location = `debug-service:${alias}`;
|
|
6
|
+
const service = createLazyService(alias, {
|
|
7
|
+
items: [
|
|
8
|
+
{
|
|
9
|
+
alias: 'close',
|
|
10
|
+
title: 'Close',
|
|
11
|
+
action: async (modal) => modal.cancel()
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
alias: 'reset',
|
|
15
|
+
title: 'Reset app',
|
|
16
|
+
action: async (modal, context) => {
|
|
17
|
+
const service = context.service(DEFAULT_DB_ALIAS);
|
|
18
|
+
await service.erase();
|
|
19
|
+
context.rerender();
|
|
20
|
+
modal.cancel();
|
|
21
|
+
void modal.navigator?._navigate('/');
|
|
22
|
+
return 'Client DB cleanedup!';
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
],
|
|
26
|
+
addItem: item => service.items.push(item),
|
|
27
|
+
erase: async (states) => {
|
|
28
|
+
const context = assertContext(service.ctx, location);
|
|
29
|
+
await Promise.all(states.map(async (state) => {
|
|
30
|
+
await context.resource(state).erase();
|
|
31
|
+
}));
|
|
32
|
+
},
|
|
33
|
+
open: () => {
|
|
34
|
+
const context = assertContext(service.ctx, location);
|
|
35
|
+
void context.modal().request(service.Debug);
|
|
36
|
+
},
|
|
37
|
+
select: alias => {
|
|
38
|
+
const item = service.items.find(item => item.alias === alias);
|
|
39
|
+
if (item != null) {
|
|
40
|
+
const context = assertContext(service.ctx, location);
|
|
41
|
+
if (item.Com != null) {
|
|
42
|
+
void context.modal().request(item.Com)
|
|
43
|
+
.then(result => result != null && alert(result));
|
|
44
|
+
}
|
|
45
|
+
if (item.action != null) {
|
|
46
|
+
void item.action(context.modal(), context).then(result => result != null && alert(result));
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
}, service => async () => {
|
|
51
|
+
service.initialized = true;
|
|
52
|
+
const context = assertContext(service.ctx, location);
|
|
53
|
+
const record = await context.getConfigResource().load(DEBUG_CONFIG_KEY);
|
|
54
|
+
if (record?.states != null) {
|
|
55
|
+
service.addItem({
|
|
56
|
+
alias: 'reset-states',
|
|
57
|
+
title: `Reset states`,
|
|
58
|
+
action: async (modal, context) => {
|
|
59
|
+
const record = await context.getConfigResource().load(DEBUG_CONFIG_KEY);
|
|
60
|
+
if (record?.states != null) {
|
|
61
|
+
await service.erase(record.states);
|
|
62
|
+
context.rerender();
|
|
63
|
+
modal.cancel();
|
|
64
|
+
return `States erased`;
|
|
65
|
+
}
|
|
66
|
+
return 'No states to erase';
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
return service;
|
|
72
|
+
};
|
|
73
|
+
export const appendDebugService = (ctx, alias = DEF_DEBUG_ALIAS) => {
|
|
74
|
+
const _ctx = ctx;
|
|
75
|
+
const debuggable = _ctx.cfg.debug.all === true || _ctx.cfg.debug[DEBUGGER_FLAG] === true;
|
|
76
|
+
if (debuggable) {
|
|
77
|
+
const service = createDebugService(alias);
|
|
78
|
+
_ctx.registerService(service);
|
|
79
|
+
}
|
|
80
|
+
_ctx.debug = () => debuggable ? _ctx.service(alias) : undefined;
|
|
81
|
+
return _ctx;
|
|
82
|
+
};
|
|
83
|
+
//# sourceMappingURL=debug.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../src/services/debug.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAA"}
|
package/build/store.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,cAAc,EAAyB,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAI5G,eAAO,MAAM,aAAa,EAAE,cAQ3B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,kBAyC1B,CAAA"}
|
package/build/store.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { useEffect, useId, useMemo, useState } from 'react';
|
|
2
|
+
import { useContext } from './context.js';
|
|
3
|
+
export const useStoreModel = (id, opts) => {
|
|
4
|
+
const list = useStoreList(id, opts);
|
|
5
|
+
if (list.length < 1) {
|
|
6
|
+
throw new SyntaxError('Store always return model and create it if not exists');
|
|
7
|
+
}
|
|
8
|
+
return list[0];
|
|
9
|
+
};
|
|
10
|
+
export const useStoreList = (ids, opts) => {
|
|
11
|
+
if (typeof ids === 'object' && !Array.isArray(ids)) {
|
|
12
|
+
opts = ids;
|
|
13
|
+
}
|
|
14
|
+
const params = typeof opts === 'object' ? opts : {};
|
|
15
|
+
if (typeof ids === 'string' || Array.isArray(ids)) {
|
|
16
|
+
params.id = ids;
|
|
17
|
+
}
|
|
18
|
+
if (typeof opts === 'string') {
|
|
19
|
+
params.resource = opts;
|
|
20
|
+
}
|
|
21
|
+
else if (typeof opts === 'boolean') {
|
|
22
|
+
params.listen = opts;
|
|
23
|
+
}
|
|
24
|
+
params.listen = params.listen ?? true;
|
|
25
|
+
const context = useContext();
|
|
26
|
+
const resource = useMemo(() => context.getStateResource(params.resource), [params.resource]);
|
|
27
|
+
const deps = [
|
|
28
|
+
Array.isArray(params.id) ? params.id.join(',') : params.id,
|
|
29
|
+
params.query == null,
|
|
30
|
+
JSON.stringify(params.default),
|
|
31
|
+
params.listen
|
|
32
|
+
];
|
|
33
|
+
const id = useId();
|
|
34
|
+
const [unsubscribe, _initialModels] = useMemo(() => {
|
|
35
|
+
return resource.subscribe({
|
|
36
|
+
_systemId: id,
|
|
37
|
+
id: params.id,
|
|
38
|
+
listener: models => {
|
|
39
|
+
params.listen && setModels(models);
|
|
40
|
+
},
|
|
41
|
+
default: params.default,
|
|
42
|
+
query: params.query,
|
|
43
|
+
});
|
|
44
|
+
}, deps);
|
|
45
|
+
const [models, setModels] = useState(_initialModels);
|
|
46
|
+
useEffect(() => unsubscribe, deps);
|
|
47
|
+
return models;
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=store.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"store.js","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,MAAM,CAAC,MAAM,aAAa,GAAmB,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;IACxD,MAAM,IAAI,GAAG,YAAY,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;IAEnC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACpB,MAAM,IAAI,WAAW,CAAC,uDAAuD,CAAC,CAAA;IAChF,CAAC;IAED,OAAO,IAAI,CAAC,CAAC,CAAC,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAuB,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;IAC5D,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QACnD,IAAI,GAAG,GAAG,CAAA;IACZ,CAAC;IACD,MAAM,MAAM,GAA0C,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1F,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QAClD,MAAM,CAAC,EAAE,GAAG,GAAG,CAAA;IACjB,CAAC;IACD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAA;IACxB,CAAC;SAAM,IAAI,OAAO,IAAI,KAAK,SAAS,EAAE,CAAC;QACrC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAA;IACtB,CAAC;IACD,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,IAAI,IAAI,CAAA;IAErC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAA;IAC5B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE5F,MAAM,IAAI,GAAG;QACX,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;QAC1D,MAAM,CAAC,KAAK,IAAI,IAAI;QACpB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QAC9B,MAAM,CAAC,MAAM;KACd,CAAA;IACD,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACjD,OAAO,QAAQ,CAAC,SAAS,CAAC;YACxB,SAAS,EAAE,EAAE;YACb,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,QAAQ,EAAE,MAAM,CAAC,EAAE;gBACjB,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC,MAAM,CAAC,CAAA;YACpC,CAAC;YACD,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB,CAAC,CAAA;IACJ,CAAC,EAAE,IAAI,CAAC,CAAA;IACR,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAA;IAEpD,SAAS,CAAC,GAAG,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IAElC,OAAO,MAA2B,CAAA;AACpC,CAAC,CAAA"}
|
package/build/types.d.ts
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import type { RouteObject, Location, NavigateFunction } from 'react-router';
|
|
2
|
+
import type { Router as RemixRouter } from '@remix-run/router';
|
|
3
|
+
import type { PropsWithChildren, FC, DependencyList } from 'react';
|
|
4
|
+
import type { AbstractRequest } from '@owlmeans/module';
|
|
5
|
+
import type { ClientConfig, ClientContext as BasicClientContext } from '@owlmeans/client-context';
|
|
6
|
+
import type { StateResourceAppend } from '@owlmeans/state';
|
|
7
|
+
import type { ClientModule } from '@owlmeans/client-module';
|
|
8
|
+
import type { DebugServiceAppend, ModalServiceAppend } from './components/types.js';
|
|
9
|
+
import type { ConfigResourceAppend } from '@owlmeans/config';
|
|
10
|
+
import type { ConfigRecord } from '@owlmeans/context';
|
|
11
|
+
export interface RouterModel {
|
|
12
|
+
routes: RouteObject[];
|
|
13
|
+
resolve: <C extends ClientConfig, T extends ClientContext<C>>(context: T) => Promise<RouteObject[]>;
|
|
14
|
+
}
|
|
15
|
+
export interface RouterProvider {
|
|
16
|
+
(routes: RouteObject[]): RemixRouter | Promise<RemixRouter>;
|
|
17
|
+
}
|
|
18
|
+
export interface RouterProps {
|
|
19
|
+
provide: RouterProvider | RemixRouter;
|
|
20
|
+
}
|
|
21
|
+
export interface AppProps extends PropsWithChildren {
|
|
22
|
+
context: ClientContext<any>;
|
|
23
|
+
provide?: RouterProvider | RemixRouter;
|
|
24
|
+
}
|
|
25
|
+
export interface RoutedComponent<ExtraProps = {}> extends FC<PropsWithChildren<ModuleContextParams & ExtraProps>> {
|
|
26
|
+
}
|
|
27
|
+
export interface ModuleContextParams<T extends {} = {}> {
|
|
28
|
+
alias: string;
|
|
29
|
+
params: AbstractRequest<T>['params'];
|
|
30
|
+
path: string;
|
|
31
|
+
context: ClientContext;
|
|
32
|
+
}
|
|
33
|
+
export interface ClientContext<C extends ClientConfig = ClientConfig> extends BasicClientContext<C>, ConfigResourceAppend, StateResourceAppend, ModalServiceAppend, DebugServiceAppend {
|
|
34
|
+
registerRerenderer: (listener: CallableFunction) => () => void;
|
|
35
|
+
rerender: () => void;
|
|
36
|
+
}
|
|
37
|
+
export interface NavRequest<T extends Record<string, any> = Record<string, any>> extends Partial<AbstractRequest<T>> {
|
|
38
|
+
replace?: boolean;
|
|
39
|
+
silent?: boolean;
|
|
40
|
+
}
|
|
41
|
+
export interface Navigator {
|
|
42
|
+
_navigate: NavigateFunction;
|
|
43
|
+
navigate: <R extends NavRequest = NavRequest>(module: ClientModule<string, AbstractRequest>, request?: R) => Promise<void>;
|
|
44
|
+
go: <R extends NavRequest = NavRequest>(alias: string, request?: R) => Promise<void>;
|
|
45
|
+
back: () => Promise<void>;
|
|
46
|
+
pressBack: () => () => void;
|
|
47
|
+
press: <R extends NavRequest = NavRequest>(alias: string, request?: R) => () => void;
|
|
48
|
+
location: <R extends NavRequest = NavRequest>() => Location<R>;
|
|
49
|
+
}
|
|
50
|
+
export interface DebugConfigRecord extends ConfigRecord {
|
|
51
|
+
states?: string[];
|
|
52
|
+
}
|
|
53
|
+
export interface UseValueParams<T> {
|
|
54
|
+
default?: T;
|
|
55
|
+
deps?: DependencyList;
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
|
package/build/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AACA,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/utils/module.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAiB,MAAM,aAAa,CAAA;AAMrE,eAAO,MAAM,aAAa,kDAKxB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/utils/module.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAOrC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAsB;IAC9D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,IAAI,EAAE,EAAE;IACR,OAAO,EAAE,EAAa;CACvB,CAAC,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { FC, PropsWithChildren, ReactElement } from 'react';
|
|
2
|
+
import type { ClientContext } from '../types.js';
|
|
3
|
+
import type { ClientModule } from '@owlmeans/client-module';
|
|
4
|
+
import type { ClientConfig } from '@owlmeans/client-context';
|
|
5
|
+
type Config = ClientConfig;
|
|
6
|
+
interface Context<C extends Config = Config> extends ClientContext<C> {
|
|
7
|
+
}
|
|
8
|
+
export declare const createRouteRenderer: (params: RendererParams) => FC;
|
|
9
|
+
export type HandledRenderer<T extends {}> = FC<PropsWithChildren<T> | T> | ReactElement;
|
|
10
|
+
interface RendererParams {
|
|
11
|
+
context: Context;
|
|
12
|
+
module: ClientModule<unknown>;
|
|
13
|
+
hasChildren: boolean;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=route.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"route.d.ts","sourceRoot":"","sources":["../../src/utils/route.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,KAAK,EAAwC,aAAa,EAAE,MAAM,aAAa,CAAA;AAEtF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAM3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,KAAK,MAAM,GAAG,YAAY,CAAA;AAC1B,UAAU,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;CAAI;AAEzE,eAAO,MAAM,mBAAmB,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,EAwD7D,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,YAAY,CAAA;AAEvF,UAAU,cAAc;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC7B,WAAW,EAAE,OAAO,CAAA;CACrB"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isValidElement, memo, useEffect } from 'react';
|
|
3
|
+
import { provideRequest } from '@owlmeans/client-module';
|
|
4
|
+
import { provideResponse } from '@owlmeans/module';
|
|
5
|
+
import { Outlet, useParams } from 'react-router';
|
|
6
|
+
import { AuthorizationError } from '@owlmeans/auth';
|
|
7
|
+
export const createRouteRenderer = ({ context, module, hasChildren }) => () => {
|
|
8
|
+
const params = useParams();
|
|
9
|
+
const reply = provideResponse();
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
if (module.guards != null) {
|
|
12
|
+
const guards = module.getGuards().map(guard => context.service(guard));
|
|
13
|
+
const request = provideRequest(module.alias, module.getPath());
|
|
14
|
+
const reply = provideResponse();
|
|
15
|
+
let canceled = false;
|
|
16
|
+
Promise.all(guards.map(async (guard) => {
|
|
17
|
+
if (canceled)
|
|
18
|
+
return;
|
|
19
|
+
return await guard.match(request, reply) ? guard : undefined;
|
|
20
|
+
})).then(async (guards) => {
|
|
21
|
+
if (canceled)
|
|
22
|
+
return;
|
|
23
|
+
const guard = guards.find(guard => guard != null);
|
|
24
|
+
if (guard == null) {
|
|
25
|
+
throw new AuthorizationError('frontend-guard');
|
|
26
|
+
}
|
|
27
|
+
await guard.handle(request, reply);
|
|
28
|
+
}).catch(e => {
|
|
29
|
+
if (canceled)
|
|
30
|
+
return;
|
|
31
|
+
// @TODO Process error properly - redirect somewhere
|
|
32
|
+
throw e;
|
|
33
|
+
});
|
|
34
|
+
return () => { canceled = true; };
|
|
35
|
+
}
|
|
36
|
+
}, module.guards ?? []);
|
|
37
|
+
let Renderer = module.handle?.({
|
|
38
|
+
alias: module.alias, path: module.getPath(),
|
|
39
|
+
params, body: {}, headers: {}, query: {},
|
|
40
|
+
}, reply);
|
|
41
|
+
if (reply.error != null) {
|
|
42
|
+
throw reply.error;
|
|
43
|
+
}
|
|
44
|
+
if (isValidElement(Renderer)) {
|
|
45
|
+
return Renderer;
|
|
46
|
+
}
|
|
47
|
+
if (isComponent(Renderer)) {
|
|
48
|
+
const EnsuredRenderer = memo(Renderer);
|
|
49
|
+
const props = {
|
|
50
|
+
context, params, alias: module.getAlias(), path: module.getPath()
|
|
51
|
+
};
|
|
52
|
+
if (hasChildren) {
|
|
53
|
+
return _jsx(EnsuredRenderer, { ...props, children: _jsx(Outlet, {}) });
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
return _jsx(EnsuredRenderer, { ...props });
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
if (hasChildren) {
|
|
60
|
+
return _jsx(Outlet, {});
|
|
61
|
+
}
|
|
62
|
+
return undefined;
|
|
63
|
+
};
|
|
64
|
+
const isComponent = (element) => element != null && typeof element === 'function' && !isValidElement(element);
|
|
65
|
+
//# sourceMappingURL=route.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"route.js","sourceRoot":"","sources":["../../src/utils/route.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ClientModule } from '@owlmeans/client-module';
|
|
2
|
+
import type { ClientConfig } from '@owlmeans/client-context';
|
|
3
|
+
import type { ClientContext } from '../types.js';
|
|
4
|
+
type Config = ClientConfig;
|
|
5
|
+
interface Context<C extends Config = Config> extends ClientContext<C> {
|
|
6
|
+
}
|
|
7
|
+
export declare const buildModuleTree: <R, C extends Config = ClientConfig, T extends Context<C> = Context<C>>(context: T) => ModuleTree<R>;
|
|
8
|
+
export declare const visitModuleTree: <T, R>(tree: ModuleTree<T>, visitor: ModuleTreeVisitor<T, R>) => Promise<R[]>;
|
|
9
|
+
export declare const initializeRouter: (context: Context) => Promise<import("react-router").RouteObject[]>;
|
|
10
|
+
export interface ModuleTreeVisitor<T, R> {
|
|
11
|
+
(module: ClientModule<T>, children: R[], alone: boolean): Promise<R>;
|
|
12
|
+
}
|
|
13
|
+
interface ModuleTree<T> extends Map<ClientModule<T>, ModuleTree<T>> {
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=router.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/utils/router.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAG3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,KAAK,MAAM,GAAG,YAAY,CAAA;AAC1B,UAAU,OAAO,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa,CAAC,CAAC,CAAC;CAAI;AAEzE,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,CAAC,SAAS,MAAM,iBAAW,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,KAAG,UAAU,CAAC,CAAC,CA2BzH,CAAA;AAED,eAAO,MAAM,eAAe,GAAU,CAAC,EAAE,CAAC,QAAQ,UAAU,CAAC,CAAC,CAAC,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,OAAO,CAAC,CAAC,EAAE,CAKpF,CAAA;AAE3B,eAAO,MAAM,gBAAgB,YAAmB,OAAO,kDAOtD,CAAA;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC;IACrC,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;CACrE;AAED,UAAU,UAAU,CAAC,CAAC,CAAE,SAAQ,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAClE"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { AppType } from '@owlmeans/context';
|
|
2
|
+
import { makeRouterModel } from '../router.js';
|
|
3
|
+
export const buildModuleTree = (context) => {
|
|
4
|
+
const modules = context.modules().filter(module => module.route.route.type === AppType.Frontend
|
|
5
|
+
&& (module.sticky || module.route.route.service == null
|
|
6
|
+
|| module.route.route.service === context.cfg.service));
|
|
7
|
+
const flatTree = new Map();
|
|
8
|
+
const roots = [];
|
|
9
|
+
modules.forEach(module => {
|
|
10
|
+
const parentAlias = module.getParentAlias();
|
|
11
|
+
if (parentAlias == null) {
|
|
12
|
+
roots.push(module);
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
const parent = context.module(parentAlias);
|
|
16
|
+
const list = flatTree.get(parent) ?? [];
|
|
17
|
+
list.push(module);
|
|
18
|
+
flatTree.set(parent, list);
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
const reduceModules = (modules) => modules.reduce((tree, module) => tree.set(module, reduceModules(flatTree.get(module) ?? [])), new Map());
|
|
22
|
+
return reduceModules(roots);
|
|
23
|
+
};
|
|
24
|
+
export const visitModuleTree = async (tree, visitor) => Array.from(tree.entries()).reduce(async (result, [module, tree], _, source) => [
|
|
25
|
+
...(await result),
|
|
26
|
+
await visitor(module, await visitModuleTree(tree, visitor), source.length === 1)
|
|
27
|
+
], Promise.resolve([]));
|
|
28
|
+
export const initializeRouter = async (context) => {
|
|
29
|
+
if (!context.cfg.ready) {
|
|
30
|
+
await context.configure().init();
|
|
31
|
+
await context.waitForInitialized();
|
|
32
|
+
}
|
|
33
|
+
const model = makeRouterModel();
|
|
34
|
+
return await model.resolve(context);
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=router.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/utils/router.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAO9C,MAAM,CAAC,MAAM,eAAe,GAAG,CAAkE,OAAU,EAAiB,EAAE;IAC5H,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,EAAmB,CAAC,MAAM,CACvD,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,QAAQ;WACjD,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI;eAClD,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAC3D,CAAA;IAED,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAsC,CAAA;IAC9D,MAAM,KAAK,GAAsB,EAAE,CAAA;IAEnC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,EAAE,CAAA;QAC3C,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YACxB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACpB,CAAC;aAAM,CAAC;YACN,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAkB,WAAW,CAAC,CAAA;YAC3D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;YACvC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;YACjB,QAAQ,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG,CAAC,OAA0B,EAAiB,EAAE,CAAC,OAAO,CAAC,MAAM,CACjF,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,IAAI,GAAG,EAAE,CACzF,CAAA;IAED,OAAO,aAAa,CAAC,KAAK,CAAC,CAAA;AAC7B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,EAAQ,IAAmB,EAAE,OAAgC,EAAgB,EAAE,CACjH,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAC/B,KAAK,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IAC3C,GAAG,CAAC,MAAM,MAAM,CAAC;IACjB,MAAM,OAAO,CAAC,MAAM,EAAE,MAAM,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;CACjF,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;AAE3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,EAAE,OAAgB,EAAE,EAAE;IACzD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC;QACvB,MAAM,OAAO,CAAC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAA;QAChC,MAAM,OAAO,CAAC,kBAAkB,EAAE,CAAA;IACpC,CAAC;IACD,MAAM,KAAK,GAAG,eAAe,EAAE,CAAA;IAC/B,OAAO,MAAM,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;AACrC,CAAC,CAAA"}
|
package/build/value.d.ts
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { MutableRefObject, DependencyList } from 'react';
|
|
2
|
+
import type { UseValueParams } from './types.js';
|
|
3
|
+
export declare const useValue: <T>(loader: (cancel?: MutableRefObject<boolean>) => Promise<T>, def?: T | DependencyList | UseValueParams<T> | null, forceDefault?: boolean) => T | null;
|
|
4
|
+
//# sourceMappingURL=value.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"value.d.ts","sourceRoot":"","sources":["../src/value.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAIhD,eAAO,MAAM,QAAQ,GAAI,CAAC,UAChB,CAAC,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,QACpD,CAAC,GAAG,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,iBACpC,OAAO,KACrB,CAAC,GAAG,IAiDN,CAAA"}
|
package/build/value.js
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { useEffect, useState, useRef, useId } from 'react';
|
|
2
|
+
const _complexValues = {};
|
|
3
|
+
export const useValue = (loader, def, forceDefault) => {
|
|
4
|
+
const deps = Array.isArray(def)
|
|
5
|
+
? def : typeof def === 'object' && def != null && 'deps' in def
|
|
6
|
+
? def.deps ?? [] : [];
|
|
7
|
+
def = forceDefault === true
|
|
8
|
+
? def : Array.isArray(def)
|
|
9
|
+
? null : typeof def === 'object' && def != null && "default" in def
|
|
10
|
+
? def.default : def;
|
|
11
|
+
const id = useId();
|
|
12
|
+
let [value, setValue] = useState();
|
|
13
|
+
const [prevDeps, setPrevDeps] = useState(deps);
|
|
14
|
+
const cancel = useRef(false);
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
if (deps.some((dep, idx) => prevDeps[idx] !== dep)) {
|
|
17
|
+
cancel.current = false;
|
|
18
|
+
setPrevDeps(deps);
|
|
19
|
+
}
|
|
20
|
+
void (async () => {
|
|
21
|
+
if (await Promise.resolve(cancel.current)) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
const value = await loader(cancel);
|
|
25
|
+
if (typeof value === 'function') {
|
|
26
|
+
_complexValues[id] = value;
|
|
27
|
+
setValue(id);
|
|
28
|
+
}
|
|
29
|
+
else {
|
|
30
|
+
if (_complexValues[id] != null) {
|
|
31
|
+
delete _complexValues[id];
|
|
32
|
+
}
|
|
33
|
+
setValue(value);
|
|
34
|
+
}
|
|
35
|
+
})();
|
|
36
|
+
return () => {
|
|
37
|
+
if (_complexValues[id] != null) {
|
|
38
|
+
delete _complexValues[id];
|
|
39
|
+
value = undefined;
|
|
40
|
+
}
|
|
41
|
+
cancel.current = true;
|
|
42
|
+
};
|
|
43
|
+
}, deps);
|
|
44
|
+
return (typeof value === 'string' && value === id
|
|
45
|
+
? _complexValues[value]
|
|
46
|
+
: value) ?? def ?? null;
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"value.js","sourceRoot":"","sources":["../src/value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAI1D,MAAM,cAAc,GAA2B,EAAE,CAAA;AAEjD,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,MAA0D,EAC1D,GAAmD,EACnD,YAAsB,EACZ,EAAE;IACZ,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC7B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,IAAI,GAAG;QAC7D,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACzB,GAAG,GAAG,YAAY,KAAK,IAAI;QACzB,CAAC,CAAC,GAAe,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACpC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,IAAI,IAAI,IAAI,SAAS,IAAI,GAAG;QACjE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,GAAe,CAAA;IACrC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAK,CAAA;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAA;IAE9D,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAE5B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YACnD,MAAM,CAAC,OAAO,GAAG,KAAK,CAAA;YACtB,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC;QACD,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,IAAI,MAAM,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1C,OAAM;YACR,CAAC;YACD,MAAM,KAAK,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC,CAAA;YAClC,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;gBAChC,cAAc,CAAC,EAAE,CAAC,GAAG,KAAK,CAAA;gBAC1B,QAAQ,CAAC,EAAS,CAAC,CAAA;YACrB,CAAC;iBAAM,CAAC;gBACN,IAAI,cAAc,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;oBAC/B,OAAO,cAAc,CAAC,EAAE,CAAC,CAAA;gBAC3B,CAAC;gBACD,QAAQ,CAAC,KAAK,CAAC,CAAA;YACjB,CAAC;QACH,CAAC,CAAC,EAAE,CAAA;QAEJ,OAAO,GAAG,EAAE;YACV,IAAI,cAAc,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC;gBAC/B,OAAO,cAAc,CAAC,EAAE,CAAC,CAAA;gBACzB,KAAK,GAAG,SAAS,CAAA;YACnB,CAAC;YACD,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA;QACvB,CAAC,CAAA;IACH,CAAC,EAAE,IAAI,CAAC,CAAA;IAER,OAAO,CACL,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,EAAE;QACvC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC;QACvB,CAAC,CAAC,KAAK,CACV,IAAI,GAAG,IAAI,IAAI,CAAA;AAClB,CAAC,CAAA"}
|