@micro-lc/preview 0.4.2 → 0.5.0-rc2
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/CHANGELOG.md +3 -4
- package/dist/index.d.ts +24 -3
- package/dist/index.js +23 -20
- package/dist/service-worker.d.ts +28 -0
- package/dist/service-worker.js +1 -0
- package/package.json +7 -6
- package/website/development/index.html +1 -1
- package/website/development/{assets/index-dafdc2d8.js → index.js} +453 -228
- package/website/development/manifest.json +6 -1
- package/website/development/service-worker.js +99 -0
- package/website/index.html +1 -1
- package/website/index.js +13 -0
- package/website/manifest.json +6 -1
- package/website/service-worker.js +1 -0
- package/website/assets/index-de9f10b5.js +0 -13
package/CHANGELOG.md
CHANGED
package/dist/index.d.ts
CHANGED
@@ -3,6 +3,7 @@ import type { Component, PluginConfiguration } from '@micro-lc/interfaces/schema
|
|
3
3
|
interface TagInfo {
|
4
4
|
definitions?: Record<string, unknown>;
|
5
5
|
description?: string;
|
6
|
+
docLink?: string;
|
6
7
|
label?: string;
|
7
8
|
properties?: Manifest['properties'];
|
8
9
|
type?: Manifest['type'];
|
@@ -59,6 +60,24 @@ interface UpdatedMessage {
|
|
59
60
|
}
|
60
61
|
type RegisteredConfigMessages = NewConfigurationMessage | UpdateConfigurationMessage;
|
61
62
|
type ReducedMouseEvent = Pick<MouseEvent, 'bubbles' | 'cancelable' | 'clientX' | 'clientY'>;
|
63
|
+
interface ServiceWorkerConfig {
|
64
|
+
dictionary: Record<`${string}/`, {
|
65
|
+
headers: Record<string, string>;
|
66
|
+
query: Record<string, string>;
|
67
|
+
to: `${string}/`;
|
68
|
+
}>;
|
69
|
+
scope?: string;
|
70
|
+
}
|
71
|
+
interface SourceMapMessage {
|
72
|
+
content: ServiceWorkerConfig;
|
73
|
+
type: 'set-source-map';
|
74
|
+
}
|
75
|
+
interface ServiceWorkerMessage {
|
76
|
+
content: {
|
77
|
+
status: 'ready';
|
78
|
+
};
|
79
|
+
type: 'service-worker';
|
80
|
+
}
|
62
81
|
type RegisteredMessages = {
|
63
82
|
content: ReducedMouseEvent;
|
64
83
|
type: 'mousedown' | 'mousemove';
|
@@ -73,7 +92,7 @@ type RegisteredMessages = {
|
|
73
92
|
} | {
|
74
93
|
content: InfoEntry[];
|
75
94
|
type: 'tag-info';
|
76
|
-
} | RegisteredConfigMessages | UpdatedMessage | RegisteredElementMessages | OptionMessage | RequestResource;
|
95
|
+
} | RegisteredConfigMessages | UpdatedMessage | RegisteredElementMessages | OptionMessage | RequestResource | SourceMapMessage | ServiceWorkerMessage;
|
77
96
|
interface NotifyProps extends Record<string, unknown> {
|
78
97
|
data?: Record<string, string>;
|
79
98
|
description: string;
|
@@ -96,6 +115,7 @@ declare const MIA_PREVIEW_ID = "__mia_preview_id";
|
|
96
115
|
declare const OVERLAY_Z_INDEX = 1000000;
|
97
116
|
declare const DEFAULT_MODE = "select";
|
98
117
|
declare function isRegisteredMessage(input: unknown): input is RegisteredMessages;
|
118
|
+
declare const generateDarkColorHex: () => string;
|
99
119
|
declare class PostChannel {
|
100
120
|
private __instance;
|
101
121
|
private __handler;
|
@@ -109,6 +129,7 @@ declare class PostChannel {
|
|
109
129
|
send(to: Window, message: RegisteredMessages, origin?: string): void;
|
110
130
|
recv(window: Window, from?: Window | null): () => void;
|
111
131
|
}
|
112
|
-
export type { OverlayMode, InfoEntry, ElementContent, StyledElementContent, NewConfigurationMessage, UpdateConfigurationMessage, RegisteredConfigMessages, RegisteredMessages, OptionMessage, NotifyProps, Reset, Update, RequestResource, };
|
113
|
-
export
|
132
|
+
export type { OverlayMode, TagInfo, InfoEntry, ElementContent, StyledElementContent, NewConfigurationMessage, UpdateConfigurationMessage, RegisteredConfigMessages, RegisteredMessages, OptionMessage, NotifyProps, Reset, Update, RequestResource, SourceMapMessage, ServiceWorkerConfig, };
|
133
|
+
export type * from './service-worker';
|
134
|
+
export { MIA_PREVIEW_ID, OVERLAY_Z_INDEX, DEFAULT_MODE, generateDarkColorHex, isRegisteredMessage, PostChannel, };
|
114
135
|
export * from './handlebars';
|
package/dist/index.js
CHANGED
@@ -7,18 +7,20 @@ const MIA_PREVIEW_ID = '__mia_preview_id';
|
|
7
7
|
const OVERLAY_Z_INDEX = 1_000_000;
|
8
8
|
const DEFAULT_MODE = 'select';
|
9
9
|
const keys = {
|
10
|
-
'click-element': DebugMessage.
|
11
|
-
'ctrl-space': DebugMessage.
|
10
|
+
'click-element': DebugMessage.Skip,
|
11
|
+
'ctrl-space': DebugMessage.Skip,
|
12
12
|
'focus-element': DebugMessage.Default,
|
13
|
-
mousedown: DebugMessage.
|
13
|
+
mousedown: DebugMessage.Skip,
|
14
14
|
mousemove: DebugMessage.Skip,
|
15
15
|
'new-configuration': DebugMessage.Default,
|
16
|
-
notification: DebugMessage.
|
17
|
-
options: DebugMessage.
|
18
|
-
'request-resource': DebugMessage.
|
19
|
-
'
|
20
|
-
|
21
|
-
|
16
|
+
notification: DebugMessage.Skip,
|
17
|
+
options: DebugMessage.Skip,
|
18
|
+
'request-resource': DebugMessage.Skip,
|
19
|
+
'service-worker': DebugMessage.Skip,
|
20
|
+
'set-source-map': DebugMessage.Default,
|
21
|
+
'tag-info': DebugMessage.Skip,
|
22
|
+
update: DebugMessage.Skip,
|
23
|
+
updated: DebugMessage.Skip,
|
22
24
|
};
|
23
25
|
const isValidKey = (type) => Object.keys(keys).includes(type);
|
24
26
|
function isRegisteredMessage(input) {
|
@@ -77,16 +79,17 @@ class PostChannel {
|
|
77
79
|
if (import.meta.env.MODE !== 'production' || this.__window.__BACKOFFICE_CONFIGURATOR_LOG_LEVEL__ === 'debug') {
|
78
80
|
console.assert(to !== this.__window);
|
79
81
|
}
|
80
|
-
if ((import.meta.env.MODE !== 'production' || this.__window.__BACKOFFICE_CONFIGURATOR_LOG_LEVEL__ === 'debug') && keys[message.type] !== DebugMessage.Skip) {
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
82
|
+
// if ((import.meta.env.MODE !== 'production' || this.__window.__BACKOFFICE_CONFIGURATOR_LOG_LEVEL__ === 'debug') && keys[message.type] !== DebugMessage.Skip) {
|
83
|
+
const color = this.__randomColor;
|
84
|
+
const background = `${color}22`;
|
85
|
+
const style = { background, color };
|
86
|
+
const hasTop = this.__window.top !== this.__window;
|
87
|
+
console.groupCollapsed(`%c Msg from ${this.__window.origin} ${hasTop ? '(inner)' : '(top)'} `, Object.entries(style).map(([key, val]) => `${key}: ${val}`).join('; '));
|
88
|
+
console.info(`window '${this.__window.origin}' is sending a message of type %c ${message.type} `, 'background: lightgreen; color: darkgreen');
|
89
|
+
console.log('to', to);
|
90
|
+
console.log(message.content);
|
91
|
+
console.groupEnd();
|
92
|
+
// }
|
90
93
|
to.postMessage(sign(this.__instance, message), origin);
|
91
94
|
}
|
92
95
|
constructor(handler) {
|
@@ -118,5 +121,5 @@ class PostChannel {
|
|
118
121
|
return () => window.removeEventListener('message', listener);
|
119
122
|
}
|
120
123
|
}
|
121
|
-
export { MIA_PREVIEW_ID, OVERLAY_Z_INDEX, DEFAULT_MODE, isRegisteredMessage, PostChannel, };
|
124
|
+
export { MIA_PREVIEW_ID, OVERLAY_Z_INDEX, DEFAULT_MODE, generateDarkColorHex, isRegisteredMessage, PostChannel, };
|
122
125
|
export * from './handlebars';
|
@@ -0,0 +1,28 @@
|
|
1
|
+
interface UrlMatchPair {
|
2
|
+
headers: Record<string, string>;
|
3
|
+
originalFrom: `${string}/`;
|
4
|
+
query: Record<string, string>;
|
5
|
+
to: `${string}/`;
|
6
|
+
}
|
7
|
+
interface SourceMapItems {
|
8
|
+
dictionary: Record<`${string}/`, UrlMatchPair>;
|
9
|
+
scope?: string;
|
10
|
+
}
|
11
|
+
type WorkerMessage = {
|
12
|
+
content: SourceMapItems;
|
13
|
+
type: 'set-source-map';
|
14
|
+
} | {
|
15
|
+
content: {
|
16
|
+
clientId: string;
|
17
|
+
};
|
18
|
+
type: 'source-map-ack';
|
19
|
+
} | {
|
20
|
+
content: {
|
21
|
+
status: 'ready';
|
22
|
+
};
|
23
|
+
type: 'service-worker';
|
24
|
+
} | {
|
25
|
+
content: Record<string, never>;
|
26
|
+
type: 'unload-client';
|
27
|
+
};
|
28
|
+
export type { SourceMapItems, UrlMatchPair, WorkerMessage, };
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@micro-lc/preview",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.5.0-rc2",
|
4
4
|
"module": "./dist/index.js",
|
5
5
|
"types": "./dist/index.d.ts",
|
6
6
|
"files": [
|
@@ -22,18 +22,19 @@
|
|
22
22
|
"dependencies": {
|
23
23
|
"@micro-lc/composer": "^2.0.3",
|
24
24
|
"es-module-shims": "^1.7.2",
|
25
|
-
"rxjs": "^7.8.
|
25
|
+
"rxjs": "^7.8.1"
|
26
26
|
},
|
27
27
|
"devDependencies": {
|
28
28
|
"@micro-lc/back-kit-engine": "^0.20.11",
|
29
29
|
"@micro-lc/interfaces": "^1.0.2",
|
30
|
-
"@playwright/test": "^1.
|
31
|
-
"@types/node": "^
|
30
|
+
"@playwright/test": "^1.34.2",
|
31
|
+
"@types/node": "^20.2.1",
|
32
32
|
"npm-run-all": "^4.1.5",
|
33
33
|
"typescript": "^5.0.4",
|
34
|
-
"vite": "^4.
|
34
|
+
"vite": "^4.3.8"
|
35
35
|
},
|
36
36
|
"engines": {
|
37
37
|
"node": ">=v16.20.0"
|
38
|
-
}
|
38
|
+
},
|
39
|
+
"stableVersion": "0.4.1"
|
39
40
|
}
|