@vlian/framework 1.2.51 → 1.2.55
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/dist/analytics.umd.js +1 -1
- package/dist/index.umd.js +222 -65
- package/dist/index.umd.js.map +1 -1
- package/dist/kernel/kernel.cjs +2 -1
- package/dist/kernel/kernel.cjs.map +1 -1
- package/dist/kernel/kernel.js +2 -1
- package/dist/kernel/kernel.js.map +1 -1
- package/dist/kernel/manager/cacheManager.cjs +8 -6
- package/dist/kernel/manager/cacheManager.cjs.map +1 -1
- package/dist/kernel/manager/cacheManager.d.ts +3 -0
- package/dist/kernel/manager/cacheManager.js +8 -6
- package/dist/kernel/manager/cacheManager.js.map +1 -1
- package/dist/kernel/manager/theme/ThemeManager.cjs +86 -0
- package/dist/kernel/manager/theme/ThemeManager.cjs.map +1 -0
- package/dist/kernel/manager/theme/ThemeManager.d.ts +16 -0
- package/dist/kernel/manager/theme/ThemeManager.js +76 -0
- package/dist/kernel/manager/theme/ThemeManager.js.map +1 -0
- package/dist/kernel/manager/theme/index.cjs +13 -0
- package/dist/kernel/manager/theme/index.cjs.map +1 -0
- package/dist/kernel/manager/theme/index.d.ts +1 -0
- package/dist/kernel/manager/theme/index.js +3 -0
- package/dist/kernel/manager/theme/index.js.map +1 -0
- package/dist/kernel/manager/theme/theme.dom.cjs +63 -0
- package/dist/kernel/manager/theme/theme.dom.cjs.map +1 -0
- package/dist/kernel/manager/theme/theme.dom.d.ts +3 -0
- package/dist/kernel/manager/theme/theme.dom.js +45 -0
- package/dist/kernel/manager/theme/theme.dom.js.map +1 -0
- package/dist/kernel/manager/theme/theme.persistence.cjs +59 -0
- package/dist/kernel/manager/theme/theme.persistence.cjs.map +1 -0
- package/dist/kernel/manager/theme/theme.persistence.d.ts +5 -0
- package/dist/kernel/manager/theme/theme.persistence.js +38 -0
- package/dist/kernel/manager/theme/theme.persistence.js.map +1 -0
- package/dist/kernel/manager/theme/theme.schema.cjs +124 -0
- package/dist/kernel/manager/theme/theme.schema.cjs.map +1 -0
- package/dist/kernel/manager/theme/theme.schema.d.ts +7 -0
- package/dist/kernel/manager/theme/theme.schema.js +97 -0
- package/dist/kernel/manager/theme/theme.schema.js.map +1 -0
- package/dist/kernel/manager/themeManager.cjs +2 -95
- package/dist/kernel/manager/themeManager.cjs.map +1 -1
- package/dist/kernel/manager/themeManager.d.ts +1 -14
- package/dist/kernel/manager/themeManager.js +1 -94
- package/dist/kernel/manager/themeManager.js.map +1 -1
- package/dist/kernel/types.d.ts +2 -0
- package/dist/kernel/types.js.map +1 -1
- package/dist/state.umd.js +1 -1
- package/dist/types.d.ts +2 -0
- package/dist/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,96 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
if (key in obj) {
|
|
3
|
-
Object.defineProperty(obj, key, {
|
|
4
|
-
value: value,
|
|
5
|
-
enumerable: true,
|
|
6
|
-
configurable: true,
|
|
7
|
-
writable: true
|
|
8
|
-
});
|
|
9
|
-
} else {
|
|
10
|
-
obj[key] = value;
|
|
11
|
-
}
|
|
12
|
-
return obj;
|
|
13
|
-
}
|
|
14
|
-
import { DEFAULT_CONFIG, DEFAULT_THEME } from "../constants";
|
|
15
|
-
import { readPersistedValue, writePersistedValue } from "./persistence";
|
|
16
|
-
function applyThemeToDocument(theme) {
|
|
17
|
-
if (typeof document === 'undefined') {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
const root = document.documentElement;
|
|
21
|
-
root.classList.remove('light', 'dark');
|
|
22
|
-
const resolvedMode = theme.mode === 'system' ? typeof window !== 'undefined' && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light' : theme.mode;
|
|
23
|
-
root.classList.add(resolvedMode);
|
|
24
|
-
if (theme.primaryColor) {
|
|
25
|
-
root.style.setProperty('--app-primary-color', theme.primaryColor);
|
|
26
|
-
}
|
|
27
|
-
if (theme.tokens) {
|
|
28
|
-
Object.entries(theme.tokens).forEach(([token, tokenValue])=>{
|
|
29
|
-
root.style.setProperty(`--${token}`, String(tokenValue));
|
|
30
|
-
});
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
export class ThemeManager {
|
|
34
|
-
async initialize(context) {
|
|
35
|
-
this.config = context.config.theme;
|
|
36
|
-
this.theme = {
|
|
37
|
-
...DEFAULT_THEME,
|
|
38
|
-
...this.config.initial || {}
|
|
39
|
-
};
|
|
40
|
-
const persisted = await readPersistedValue(this.config.persistence);
|
|
41
|
-
if (persisted !== null) {
|
|
42
|
-
try {
|
|
43
|
-
const parsed = JSON.parse(persisted);
|
|
44
|
-
this.theme = {
|
|
45
|
-
...this.theme,
|
|
46
|
-
...parsed
|
|
47
|
-
};
|
|
48
|
-
} catch {
|
|
49
|
-
// ignore parse errors
|
|
50
|
-
}
|
|
51
|
-
} else {
|
|
52
|
-
await writePersistedValue(this.config.persistence, JSON.stringify(this.theme));
|
|
53
|
-
}
|
|
54
|
-
applyThemeToDocument(this.theme);
|
|
55
|
-
}
|
|
56
|
-
getTheme() {
|
|
57
|
-
return {
|
|
58
|
-
...this.theme
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
subscribe(listener) {
|
|
62
|
-
this.listeners.add(listener);
|
|
63
|
-
return ()=>{
|
|
64
|
-
this.listeners.delete(listener);
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
emit(next, prev) {
|
|
68
|
-
this.listeners.forEach((listener)=>{
|
|
69
|
-
listener({
|
|
70
|
-
...next
|
|
71
|
-
}, {
|
|
72
|
-
...prev
|
|
73
|
-
});
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
async setTheme(nextTheme) {
|
|
77
|
-
const prev = this.theme;
|
|
78
|
-
this.theme = {
|
|
79
|
-
...this.theme,
|
|
80
|
-
...nextTheme
|
|
81
|
-
};
|
|
82
|
-
applyThemeToDocument(this.theme);
|
|
83
|
-
await writePersistedValue(this.config.persistence, JSON.stringify(this.theme));
|
|
84
|
-
this.emit(this.theme, prev);
|
|
85
|
-
}
|
|
86
|
-
getSnapshot() {
|
|
87
|
-
return this.getTheme();
|
|
88
|
-
}
|
|
89
|
-
constructor(){
|
|
90
|
-
_define_property(this, "theme", DEFAULT_THEME);
|
|
91
|
-
_define_property(this, "config", DEFAULT_CONFIG.theme);
|
|
92
|
-
_define_property(this, "listeners", new Set());
|
|
93
|
-
}
|
|
94
|
-
}
|
|
1
|
+
export { ThemeManager } from "./theme";
|
|
95
2
|
|
|
96
3
|
//# sourceMappingURL=themeManager.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/kernel/manager/themeManager.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../../../src/kernel/manager/themeManager.ts"],"sourcesContent":["export { ThemeManager } from './theme';\n"],"names":["ThemeManager"],"mappings":"AAAA,SAASA,YAAY,QAAQ,UAAU"}
|
package/dist/kernel/types.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import type { LogLevel } from '@vlian/logger';
|
|
|
2
2
|
import type { LangType } from '../library/locale/types';
|
|
3
3
|
import type { StartOptions as CoreStartOptions } from '../core/types';
|
|
4
4
|
import type { StorageOptions } from '../types';
|
|
5
|
+
import type { StorageInstance } from "@vlian/utils";
|
|
5
6
|
export type KernelInstanceId = string;
|
|
6
7
|
export type KernelStorageDriver = 'localStorage' | 'sessionStorage' | 'indexedDB' | 'none';
|
|
7
8
|
export interface ThemeSnapshot {
|
|
@@ -49,6 +50,7 @@ export interface KernelTimingMetric {
|
|
|
49
50
|
export interface KernelManagerContext {
|
|
50
51
|
instanceId: KernelInstanceId;
|
|
51
52
|
config: KernelConfig;
|
|
53
|
+
cacheManager: StorageInstance;
|
|
52
54
|
}
|
|
53
55
|
export interface KernelManager<TSnapshot = unknown> {
|
|
54
56
|
initialize: (context: KernelManagerContext) => Promise<void> | void;
|
package/dist/kernel/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/kernel/types.ts"],"sourcesContent":["import type { LogLevel } from '@vlian/logger';\nimport type { LangType } from '../library/locale/types';\nimport type { StartOptions as CoreStartOptions } from '../core/types';\nimport type { StorageOptions } from '../types';\n\nexport type KernelInstanceId = string;\nexport type KernelStorageDriver = 'localStorage' | 'sessionStorage' | 'indexedDB' | 'none';\n\nexport interface ThemeSnapshot {\n mode: 'light' | 'dark' | 'system';\n primaryColor?: string;\n tokens?: Record<string, string | number>;\n}\n\nexport interface I18nSnapshot {\n locale: LangType;\n resources?: Record<LangType, Record<string, unknown>>;\n}\n\nexport interface PersistenceOptions {\n enabled?: boolean;\n storage?: KernelStorageDriver;\n key?: string;\n}\n\nexport interface LoggerManagerConfig {\n level?: LogLevel;\n persistence?: PersistenceOptions;\n}\n\nexport interface CacheManagerConfig {\n enabled?: boolean;\n storageOptions?: Partial<StorageOptions>;\n}\n\nexport interface ThemeManagerConfig {\n initial?: ThemeSnapshot;\n persistence?: PersistenceOptions;\n}\n\nexport interface I18nManagerConfig {\n initial?: I18nSnapshot;\n persistence?: PersistenceOptions;\n}\n\nexport interface KernelConfig {\n logger: LoggerManagerConfig;\n cache: CacheManagerConfig;\n theme: ThemeManagerConfig;\n i18n: I18nManagerConfig;\n}\n\nexport interface KernelTimingMetric {\n phase: string;\n startTime: number;\n endTime: number;\n duration: number;\n}\n\nexport interface KernelManagerContext {\n instanceId: KernelInstanceId;\n config: KernelConfig;\n}\n\nexport interface KernelManager<TSnapshot = unknown> {\n initialize: (context: KernelManagerContext) => Promise<void> | void;\n getSnapshot?: () => TSnapshot;\n destroy?: () => Promise<void> | void;\n}\n\nexport interface KernelRenderContext {\n instanceId: KernelInstanceId;\n config: KernelConfig;\n}\n\nexport interface StartupHooks {\n initialize?: () => Promise<void> | void;\n}\n\nexport interface StartOptions extends CoreStartOptions {\n config?: Partial<KernelConfig>;\n configLoader?: () => Promise<Partial<KernelConfig> | void> | Partial<KernelConfig> | void;\n render?: (context: KernelRenderContext) => Promise<void> | void;\n customManagers?: Record<string, KernelManager>;\n hooks?: StartupHooks;\n}\n\nexport type KernelStartOptions = StartOptions;\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/kernel/types.ts"],"sourcesContent":["import type { LogLevel } from '@vlian/logger';\nimport type { LangType } from '../library/locale/types';\nimport type { StartOptions as CoreStartOptions } from '../core/types';\nimport type { StorageOptions } from '../types';\nimport type {StorageInstance} from \"@vlian/utils\"\n\nexport type KernelInstanceId = string;\nexport type KernelStorageDriver = 'localStorage' | 'sessionStorage' | 'indexedDB' | 'none';\n\nexport interface ThemeSnapshot {\n mode: 'light' | 'dark' | 'system';\n primaryColor?: string;\n tokens?: Record<string, string | number>;\n}\n\nexport interface I18nSnapshot {\n locale: LangType;\n resources?: Record<LangType, Record<string, unknown>>;\n}\n\nexport interface PersistenceOptions {\n enabled?: boolean;\n storage?: KernelStorageDriver;\n key?: string;\n}\n\nexport interface LoggerManagerConfig {\n level?: LogLevel;\n persistence?: PersistenceOptions;\n}\n\nexport interface CacheManagerConfig {\n enabled?: boolean;\n storageOptions?: Partial<StorageOptions>;\n}\n\nexport interface ThemeManagerConfig {\n initial?: ThemeSnapshot;\n persistence?: PersistenceOptions;\n}\n\nexport interface I18nManagerConfig {\n initial?: I18nSnapshot;\n persistence?: PersistenceOptions;\n}\n\nexport interface KernelConfig {\n logger: LoggerManagerConfig;\n cache: CacheManagerConfig;\n theme: ThemeManagerConfig;\n i18n: I18nManagerConfig;\n}\n\nexport interface KernelTimingMetric {\n phase: string;\n startTime: number;\n endTime: number;\n duration: number;\n}\n\nexport interface KernelManagerContext {\n instanceId: KernelInstanceId;\n config: KernelConfig;\n cacheManager: StorageInstance;\n}\n\nexport interface KernelManager<TSnapshot = unknown> {\n initialize: (context: KernelManagerContext) => Promise<void> | void;\n getSnapshot?: () => TSnapshot;\n destroy?: () => Promise<void> | void;\n}\n\nexport interface KernelRenderContext {\n instanceId: KernelInstanceId;\n config: KernelConfig;\n}\n\nexport interface StartupHooks {\n initialize?: () => Promise<void> | void;\n}\n\nexport interface StartOptions extends CoreStartOptions {\n config?: Partial<KernelConfig>;\n configLoader?: () => Promise<Partial<KernelConfig> | void> | Partial<KernelConfig> | void;\n render?: (context: KernelRenderContext) => Promise<void> | void;\n customManagers?: Record<string, KernelManager>;\n hooks?: StartupHooks;\n}\n\nexport type KernelStartOptions = StartOptions;\n"],"names":[],"mappings":"AAyFA,WAA8C"}
|
package/dist/state.umd.js
CHANGED
package/dist/types.d.ts
CHANGED
package/dist/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/types.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { StorageType } from '@vlian/utils';\nexport type StorageOptions = {\n prefix: string;\n defaultExpire: number;\n tableName?: string;\n type?: StorageType;\n};\n"],"names":[],"mappings":"AACA,WAKE"}
|