saloe 0.0.82 → 0.0.84
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/html.cjs.js +2 -3
- package/dist/html.es.js +3 -4
- package/dist/listener.cjs.js +0 -2
- package/dist/listener.es.js +0 -2
- package/package.json +1 -1
- package/src/html.js +4 -4
- package/src/listener.js +0 -44
package/dist/html.cjs.js
CHANGED
|
@@ -38,8 +38,8 @@ const stream = ({ head, body, scripts, env, status, args }) => {
|
|
|
38
38
|
];
|
|
39
39
|
return worker.stream({ callbacks, headers, status });
|
|
40
40
|
};
|
|
41
|
-
const awaitHtml = async ({ pending, success, error }) => {
|
|
42
|
-
|
|
41
|
+
const awaitHtml = async ({ id, pending, success, error }) => {
|
|
42
|
+
id = id ?? Math.floor(Math.random() * 1e9);
|
|
43
43
|
const pendingId = `pending_${id}`;
|
|
44
44
|
const pendingRoutePathname = `/~/components/${pendingId}`;
|
|
45
45
|
const route = async () => {
|
|
@@ -57,7 +57,6 @@ const awaitHtml = async ({ pending, success, error }) => {
|
|
|
57
57
|
],
|
|
58
58
|
headers
|
|
59
59
|
});
|
|
60
|
-
router.removeRoute({ pathname: pendingRoutePathname });
|
|
61
60
|
return streamResult;
|
|
62
61
|
};
|
|
63
62
|
router.addRoute({
|
package/dist/html.es.js
CHANGED
|
@@ -3,7 +3,7 @@ var __defProp = Object.defineProperty;
|
|
|
3
3
|
var __template = (cooked, raw) => __freeze(__defProp(cooked, "raw", { value: __freeze(raw || cooked.slice()) }));
|
|
4
4
|
var _a;
|
|
5
5
|
import { stream as stream$1 } from "./worker.es.js";
|
|
6
|
-
import { addRoute
|
|
6
|
+
import { addRoute } from "./router.es.js";
|
|
7
7
|
import { getScope, getEnv } from "./util.es.js";
|
|
8
8
|
const html = (s, ...args) => {
|
|
9
9
|
var _a2;
|
|
@@ -36,8 +36,8 @@ const stream = ({ head, body, scripts, env, status, args }) => {
|
|
|
36
36
|
];
|
|
37
37
|
return stream$1({ callbacks, headers, status });
|
|
38
38
|
};
|
|
39
|
-
const awaitHtml = async ({ pending, success, error }) => {
|
|
40
|
-
|
|
39
|
+
const awaitHtml = async ({ id, pending, success, error }) => {
|
|
40
|
+
id = id ?? Math.floor(Math.random() * 1e9);
|
|
41
41
|
const pendingId = `pending_${id}`;
|
|
42
42
|
const pendingRoutePathname = `/~/components/${pendingId}`;
|
|
43
43
|
const route = async () => {
|
|
@@ -55,7 +55,6 @@ const awaitHtml = async ({ pending, success, error }) => {
|
|
|
55
55
|
],
|
|
56
56
|
headers
|
|
57
57
|
});
|
|
58
|
-
removeRoute({ pathname: pendingRoutePathname });
|
|
59
58
|
return streamResult;
|
|
60
59
|
};
|
|
61
60
|
addRoute({
|
package/dist/listener.cjs.js
CHANGED
|
@@ -173,8 +173,6 @@ const listener = ({
|
|
|
173
173
|
const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, eventName });
|
|
174
174
|
const isAnchorClicked = isAnchorBeingClicked({ srcElement, eventName });
|
|
175
175
|
if (isAnchorClicked) e.preventDefault();
|
|
176
|
-
console.log("--- document.body ~ srcElement =", srcElement);
|
|
177
|
-
console.log("--- document.body ~ eventName =", eventName);
|
|
178
176
|
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
179
177
|
const afterExecuteListeners = isAnchorClicked ? () => {
|
|
180
178
|
clickDefaultAnchor({ srcElement });
|
package/dist/listener.es.js
CHANGED
|
@@ -171,8 +171,6 @@ const listener = ({
|
|
|
171
171
|
const srcElement = getSrcElement({ srcElement: e == null ? void 0 : e.srcElement, eventName });
|
|
172
172
|
const isAnchorClicked = isAnchorBeingClicked({ srcElement, eventName });
|
|
173
173
|
if (isAnchorClicked) e.preventDefault();
|
|
174
|
-
console.log("--- document.body ~ srcElement =", srcElement);
|
|
175
|
-
console.log("--- document.body ~ eventName =", eventName);
|
|
176
174
|
const listeners = await fetchListeners({ srcElement, eventName, e });
|
|
177
175
|
const afterExecuteListeners = isAnchorClicked ? () => {
|
|
178
176
|
clickDefaultAnchor({ srcElement });
|
package/package.json
CHANGED
package/src/html.js
CHANGED
|
@@ -37,9 +37,9 @@ const stream = ({ head, body, scripts, env, status, args }) => {
|
|
|
37
37
|
return streamAsWorker({ callbacks, headers, status })
|
|
38
38
|
}
|
|
39
39
|
|
|
40
|
-
const awaitHtml = async ({ pending, success, error }) => {
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
const awaitHtml = async ({ id, pending, success, error }) => {
|
|
41
|
+
id = id ?? Math.floor(Math.random() * 1_000_000_000)
|
|
42
|
+
|
|
43
43
|
const pendingId = `pending_${id}`
|
|
44
44
|
const pendingRoutePathname = `/~/components/${pendingId}`
|
|
45
45
|
|
|
@@ -64,7 +64,7 @@ const awaitHtml = async ({ pending, success, error }) => {
|
|
|
64
64
|
headers,
|
|
65
65
|
})
|
|
66
66
|
|
|
67
|
-
removeRoute({ pathname: pendingRoutePathname })
|
|
67
|
+
// removeRoute({ pathname: pendingRoutePathname })
|
|
68
68
|
|
|
69
69
|
return streamResult
|
|
70
70
|
}
|
package/src/listener.js
CHANGED
|
@@ -16,24 +16,12 @@ const listener = ({
|
|
|
16
16
|
'invalid',
|
|
17
17
|
]
|
|
18
18
|
|
|
19
|
-
// const addListener = ({ srcElement, eventName, listeners }) => {
|
|
20
|
-
// srcElement?.addEventListener(eventName, (e) => {
|
|
21
|
-
// executeListeners({ e, srcElement, listeners })
|
|
22
|
-
// })
|
|
23
|
-
// }
|
|
24
|
-
|
|
25
19
|
const addListener = ({ srcElement, eventName, listeners, afterExecuteListeners }) => {
|
|
26
20
|
srcElement?.addEventListener(eventName, (e) => {
|
|
27
21
|
executeListeners({ e, srcElement, listeners, afterExecuteListeners })
|
|
28
22
|
})
|
|
29
23
|
}
|
|
30
24
|
|
|
31
|
-
// const executeListeners = async ({ e, srcElement, listeners }) => {
|
|
32
|
-
// listeners?.forEach((listener) => {
|
|
33
|
-
// if (listener) listener({ e, srcElement })
|
|
34
|
-
// })
|
|
35
|
-
// }
|
|
36
|
-
|
|
37
25
|
const executeListeners = async ({ e, srcElement, listeners, afterExecuteListeners }) => {
|
|
38
26
|
await Promise.all(
|
|
39
27
|
(listeners ?? []).map((listener) => {
|
|
@@ -241,29 +229,6 @@ const listener = ({
|
|
|
241
229
|
return newSrcElement
|
|
242
230
|
}
|
|
243
231
|
|
|
244
|
-
// const fireAnchorClickListener = () => {
|
|
245
|
-
// const anchors = document.querySelectorAll('a[on-click]')
|
|
246
|
-
// anchors?.forEach(async (anchor) => {
|
|
247
|
-
// const srcElement = anchor
|
|
248
|
-
// const eventName = 'click'
|
|
249
|
-
// const listeners = await fetchListeners({ srcElement, eventName })
|
|
250
|
-
|
|
251
|
-
// anchor.addEventListener(eventName, (e) => {`
|
|
252
|
-
// e.preventDefault()
|
|
253
|
-
|
|
254
|
-
// // executeListeners({ e, srcElement, listeners })
|
|
255
|
-
|
|
256
|
-
// console.log('--- anchor ~ srcElement =', srcElement)
|
|
257
|
-
// console.log('--- anchor ~ eventName =', eventName)
|
|
258
|
-
|
|
259
|
-
// // const newAnchor = cloneSrcElement({ srcElement })
|
|
260
|
-
// // newAnchor.click()
|
|
261
|
-
// })
|
|
262
|
-
|
|
263
|
-
// if (srcElement?.removeAttribute) srcElement.removeAttribute(`on-${eventName}`)
|
|
264
|
-
// })
|
|
265
|
-
// }
|
|
266
|
-
|
|
267
232
|
const isAnchorBeingClicked = ({ srcElement, eventName }) => {
|
|
268
233
|
return srcElement?.tagName === 'A' && eventName === 'click'
|
|
269
234
|
}
|
|
@@ -280,16 +245,8 @@ const listener = ({
|
|
|
280
245
|
const isAnchorClicked = isAnchorBeingClicked({ srcElement, eventName })
|
|
281
246
|
|
|
282
247
|
if (isAnchorClicked) e.preventDefault()
|
|
283
|
-
|
|
284
|
-
console.log('--- document.body ~ srcElement =', srcElement)
|
|
285
|
-
console.log('--- document.body ~ eventName =', eventName)
|
|
286
248
|
|
|
287
249
|
const listeners = await fetchListeners({ srcElement, eventName, e })
|
|
288
|
-
|
|
289
|
-
// executeListeners({ e, srcElement, listeners })
|
|
290
|
-
// addListener({ srcElement, eventName, listeners })
|
|
291
|
-
// if (srcElement?.removeAttribute) srcElement.removeAttribute(`on-${eventName}`)
|
|
292
|
-
|
|
293
250
|
const afterExecuteListeners = isAnchorClicked
|
|
294
251
|
? () => { clickDefaultAnchor({ srcElement }) }
|
|
295
252
|
: null
|
|
@@ -309,7 +266,6 @@ const listener = ({
|
|
|
309
266
|
await addScripts()
|
|
310
267
|
fireLoadListener()
|
|
311
268
|
fireObserverListeners()
|
|
312
|
-
// fireAnchorClickListener()
|
|
313
269
|
})
|
|
314
270
|
|
|
315
271
|
document.body.saloeListen = function () {
|