@based/react 5.1.0 → 5.2.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/dist/Head.d.ts +6 -0
- package/dist/Head.js +29 -0
- package/dist/Head.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/ssr.d.ts +1 -0
- package/dist/ssr.js +22 -0
- package/dist/ssr.js.map +1 -1
- package/package.json +4 -1
package/dist/Head.d.ts
ADDED
package/dist/Head.js
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { createElement, useEffect, useState } from 'react';
|
|
2
|
+
import { createPortal } from 'react-dom';
|
|
3
|
+
let firstTimeHeadOnClient = true;
|
|
4
|
+
let isHydrating = true;
|
|
5
|
+
export const meta = { isCalled: false };
|
|
6
|
+
export const Head = ({ children }) => {
|
|
7
|
+
if (typeof window !== 'undefined') {
|
|
8
|
+
if (firstTimeHeadOnClient) {
|
|
9
|
+
document.head.innerHTML = document.head.innerHTML.replace(/<!-- x6Wa2 -->[^]*?<!-- x6Wa2 -->/g, '');
|
|
10
|
+
window.requestAnimationFrame(() => {
|
|
11
|
+
isHydrating = false;
|
|
12
|
+
});
|
|
13
|
+
firstTimeHeadOnClient = false;
|
|
14
|
+
}
|
|
15
|
+
const [readyToRender, isReady] = useState(!isHydrating);
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
isReady(true);
|
|
18
|
+
}, []);
|
|
19
|
+
if (!readyToRender) {
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
return createPortal(children, document.head);
|
|
23
|
+
}
|
|
24
|
+
meta.isCalled = true;
|
|
25
|
+
return createElement('tmphead', {
|
|
26
|
+
children: children,
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=Head.js.map
|
package/dist/Head.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Head.js","sourceRoot":"","sources":["../src/Head.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,IAAI,qBAAqB,GAAG,IAAI,CAAA;AAChC,IAAI,WAAW,GAAG,IAAI,CAAA;AAEtB,MAAM,CAAC,MAAM,IAAI,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAEvC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,IAAI,qBAAqB,EAAE,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CACvD,oCAAoC,EACpC,EAAE,CACH,CAAA;YACD,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAChC,WAAW,GAAG,KAAK,CAAA;YACrB,CAAC,CAAC,CAAA;YACF,qBAAqB,GAAG,KAAK,CAAA;QAC/B,CAAC;QACD,MAAM,CAAC,aAAa,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,WAAW,CAAC,CAAA;QACvD,SAAS,CAAC,GAAG,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,EAAE,EAAE,CAAC,CAAA;QACN,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,IAAI,CAAA;QACb,CAAC;QACD,OAAO,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC9C,CAAC;IACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;IACpB,OAAO,aAAa,CAAC,SAAS,EAAE;QAC9B,QAAQ,EAAE,QAAQ;KACnB,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA"}
|
package/dist/ssr.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BasedQuery } from '@based/client';
|
|
2
2
|
export declare const syncCacheScript: (queries: BasedQuery[]) => string;
|
|
3
|
+
export declare const handleHeadComponents: (html: string) => string;
|
|
3
4
|
export declare const render: (reactApp: React.ReactElement, head?: React.ReactElement, depth?: number) => Promise<{
|
|
4
5
|
html: string;
|
|
5
6
|
head: string;
|
package/dist/ssr.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { renderToString } from 'react-dom/server';
|
|
2
2
|
import { lastCollected } from './collectQuery.js';
|
|
3
|
+
import { meta } from './Head.js';
|
|
3
4
|
// unsubscribe
|
|
4
5
|
const isActive = new Map();
|
|
5
6
|
export const syncCacheScript = (queries) => {
|
|
@@ -38,6 +39,18 @@ const clean = () => {
|
|
|
38
39
|
}, 60e3);
|
|
39
40
|
}
|
|
40
41
|
};
|
|
42
|
+
export const handleHeadComponents = (html) => {
|
|
43
|
+
if (meta.isCalled) {
|
|
44
|
+
const tmpHead = html.match(/<tmphead>(.*?)<\/tmphead>/g);
|
|
45
|
+
const extractedHead = tmpHead
|
|
46
|
+
? tmpHead.join('\n').replace(/<\/?tmphead>/g, '')
|
|
47
|
+
: '';
|
|
48
|
+
return extractedHead ? `<!-- x6Wa2 -->${extractedHead}<!-- x6Wa2 -->` : '';
|
|
49
|
+
}
|
|
50
|
+
else {
|
|
51
|
+
return '';
|
|
52
|
+
}
|
|
53
|
+
};
|
|
41
54
|
// if this is used start clearing stuff
|
|
42
55
|
// opts keep cache time do it
|
|
43
56
|
export const render = async (reactApp, head, depth = 0) => {
|
|
@@ -49,6 +62,7 @@ export const render = async (reactApp, head, depth = 0) => {
|
|
|
49
62
|
let collected = lastCollected.q;
|
|
50
63
|
let d = Date.now();
|
|
51
64
|
const rdy = [];
|
|
65
|
+
// HEAD COLLECTOR [] REACT ELEM
|
|
52
66
|
for (const q of lastCollected.q) {
|
|
53
67
|
if (!isActive.has(q.id)) {
|
|
54
68
|
rdy.push(subAsPromise(q));
|
|
@@ -76,6 +90,14 @@ export const render = async (reactApp, head, depth = 0) => {
|
|
|
76
90
|
lastCollected.q = [];
|
|
77
91
|
}
|
|
78
92
|
clean();
|
|
93
|
+
const extractedHeadComponents = handleHeadComponents(html);
|
|
94
|
+
headStr = headStr + extractedHeadComponents;
|
|
95
|
+
if (extractedHeadComponents) {
|
|
96
|
+
return {
|
|
97
|
+
html: html.replace(/<tmphead>(.*?)<\/tmphead>/g, ''),
|
|
98
|
+
head: headStr,
|
|
99
|
+
};
|
|
100
|
+
}
|
|
79
101
|
return { html, head: headStr };
|
|
80
102
|
};
|
|
81
103
|
//# sourceMappingURL=ssr.js.map
|
package/dist/ssr.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ssr.js","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"ssr.js","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@based/react",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.2.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"build": "npx tsc",
|
|
9
9
|
"server": "node ./test/based-server.js",
|
|
10
|
+
"watch-server": "nodemon ./test/based-server.js",
|
|
10
11
|
"browser": "npx vite ./test/browser",
|
|
11
12
|
"watch": "npm run build -- --watch",
|
|
12
13
|
"clean": "rimraf {.turbo,dist,node_modules}"
|
|
@@ -25,7 +26,9 @@
|
|
|
25
26
|
"rimraf": "^3.0.2",
|
|
26
27
|
"typescript": "^5.2.2",
|
|
27
28
|
"react-dom": "^18.2.0",
|
|
29
|
+
"esbuild": "^0.24.0",
|
|
28
30
|
"@based/client": "^6.0.1",
|
|
31
|
+
"nodemon": "^3.1.7",
|
|
29
32
|
"vite": "^5.2.8",
|
|
30
33
|
"@saulx/tsconfig": "^1.1.0"
|
|
31
34
|
},
|