@qwik.dev/react 2.0.0-beta.29 → 2.0.0-beta.30
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/lib/index.qwik.mjs +9 -9
- package/lib/q-manifest.json +3 -3
- package/package.json +3 -3
package/lib/index.qwik.mjs
CHANGED
|
@@ -253,7 +253,7 @@ async function renderFromServer(Host, reactCmp$, scopeId, props, ref, slotRef, h
|
|
|
253
253
|
function qwikifyQrl(reactCmp$, opts) {
|
|
254
254
|
return /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
|
|
255
255
|
const opts2 = _captures[0], reactCmp$2 = _captures[1];
|
|
256
|
-
const
|
|
256
|
+
const stylesscoped$ = useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(`q-slot{display:none} q-slotc,q-slotc>q-slot{display:contents}`, "qwikifyQrl_component_stylesscoped_useStylesScoped_5NfcSvFabPo"));
|
|
257
257
|
const hostRef = useSignal();
|
|
258
258
|
const slotRef = useSignal();
|
|
259
259
|
const internalState = useSignal();
|
|
@@ -261,7 +261,7 @@ function qwikifyQrl(reactCmp$, opts) {
|
|
|
261
261
|
const hydrationKeys = useStore({});
|
|
262
262
|
const TagName = opts2?.tagName ?? "qwik-react";
|
|
263
263
|
useTaskQrl(/* @__PURE__ */ inlinedQrl(async ({ track }) => {
|
|
264
|
-
const hostRef2 = _captures[0], hydrationKeys2 = _captures[1], internalState2 = _captures[2], isClientOnly2 = _captures[3], props2 = _captures[4], reactCmp$3 = _captures[5],
|
|
264
|
+
const hostRef2 = _captures[0], hydrationKeys2 = _captures[1], internalState2 = _captures[2], isClientOnly2 = _captures[3], props2 = _captures[4], reactCmp$3 = _captures[5], signal2 = _captures[6], slotRef2 = _captures[7], stylesscoped$2 = _captures[8];
|
|
265
265
|
const trackedProps = track(() => ({
|
|
266
266
|
...props2
|
|
267
267
|
}));
|
|
@@ -280,7 +280,7 @@ function qwikifyQrl(reactCmp$, opts) {
|
|
|
280
280
|
}
|
|
281
281
|
if (internalState2.value) {
|
|
282
282
|
if (internalState2.value.root) {
|
|
283
|
-
internalState2.value.root.render(main(slotRef2.value,
|
|
283
|
+
internalState2.value.root.render(main(slotRef2.value, stylesscoped$2.scopeId, internalState2.value.cmp, trackedProps, internalState2.value.projectionState));
|
|
284
284
|
}
|
|
285
285
|
} else {
|
|
286
286
|
let root = void 0;
|
|
@@ -291,11 +291,11 @@ function qwikifyQrl(reactCmp$, opts) {
|
|
|
291
291
|
root = createRoot(hostElement);
|
|
292
292
|
} else {
|
|
293
293
|
root = flushSync(() => {
|
|
294
|
-
return hydrateRoot(hostElement, mainExactProps(slotRef2.value,
|
|
294
|
+
return hydrateRoot(hostElement, mainExactProps(slotRef2.value, stylesscoped$2.scopeId, Cmp, hydrationKeys2, projectionState));
|
|
295
295
|
});
|
|
296
296
|
}
|
|
297
297
|
if (isClientOnly2 || signal2.value === false) {
|
|
298
|
-
root.render(main(slotRef2.value,
|
|
298
|
+
root.render(main(slotRef2.value, stylesscoped$2.scopeId, Cmp, trackedProps, projectionState));
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
301
|
internalState2.value = noSerialize({
|
|
@@ -311,9 +311,9 @@ function qwikifyQrl(reactCmp$, opts) {
|
|
|
311
311
|
isClientOnly,
|
|
312
312
|
props,
|
|
313
313
|
reactCmp$2,
|
|
314
|
-
scopeId,
|
|
315
314
|
signal,
|
|
316
|
-
slotRef
|
|
315
|
+
slotRef,
|
|
316
|
+
stylesscoped$
|
|
317
317
|
]));
|
|
318
318
|
useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track, cleanup }) => {
|
|
319
319
|
const internalState2 = _captures[0], signal2 = _captures[1];
|
|
@@ -331,7 +331,7 @@ function qwikifyQrl(reactCmp$, opts) {
|
|
|
331
331
|
signal
|
|
332
332
|
]));
|
|
333
333
|
if (isServer && !isClientOnly) {
|
|
334
|
-
const jsx2 = renderFromServer(TagName, reactCmp$2, scopeId, props, hostRef, slotRef, hydrationKeys);
|
|
334
|
+
const jsx2 = renderFromServer(TagName, reactCmp$2, stylesscoped$.scopeId, props, hostRef, slotRef, hydrationKeys);
|
|
335
335
|
return /* @__PURE__ */ _jsxSorted(RenderOnce, null, null, jsx2, 1, 2);
|
|
336
336
|
}
|
|
337
337
|
return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
|
|
@@ -344,7 +344,7 @@ function qwikifyQrl(reactCmp$, opts) {
|
|
|
344
344
|
const internalData = internalState.value;
|
|
345
345
|
if (internalData && !internalData.root) {
|
|
346
346
|
const root = internalData.root = createRoot(el);
|
|
347
|
-
root.render(main(slotRef.value, scopeId, internalData.cmp, props, internalData.projectionState));
|
|
347
|
+
root.render(main(slotRef.value, stylesscoped$.scopeId, internalData.cmp, props, internalData.projectionState));
|
|
348
348
|
}
|
|
349
349
|
});
|
|
350
350
|
} else {
|
package/lib/q-manifest.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "1",
|
|
3
|
-
"manifestHash": "
|
|
3
|
+
"manifestHash": "8uor6j",
|
|
4
4
|
"options": {
|
|
5
5
|
"target": "lib",
|
|
6
6
|
"buildMode": "development",
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
"mapping": {},
|
|
14
14
|
"bundles": {
|
|
15
15
|
"../index.qwik.mjs": {
|
|
16
|
-
"size":
|
|
17
|
-
"total":
|
|
16
|
+
"size": 16229,
|
|
17
|
+
"total": 16229,
|
|
18
18
|
"origins": [
|
|
19
19
|
"src/index.qwik.ts",
|
|
20
20
|
"src/react/qwikify.tsx",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qwik.dev/react",
|
|
3
3
|
"description": "Qwik React allows adding React components into existing Qwik application",
|
|
4
|
-
"version": "2.0.0-beta.
|
|
4
|
+
"version": "2.0.0-beta.30",
|
|
5
5
|
"bugs": "https://github.com/QwikDev/qwik/issues",
|
|
6
6
|
"devDependencies": {
|
|
7
7
|
"@types/react": "19.2.7",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"react-dom": "19.2.3",
|
|
11
11
|
"typescript": "5.9.3",
|
|
12
12
|
"vite": "7.3.1",
|
|
13
|
-
"@qwik.dev/core": "2.0.0-beta.
|
|
13
|
+
"@qwik.dev/core": "2.0.0-beta.30"
|
|
14
14
|
},
|
|
15
15
|
"engines": {
|
|
16
16
|
"node": "^18.17.0 || ^20.3.0 || >=21.0.0"
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"react": "^18",
|
|
39
39
|
"react-dom": "^18",
|
|
40
40
|
"vite": ">=6 <9",
|
|
41
|
-
"@qwik.dev/core": "^2.0.0-beta.
|
|
41
|
+
"@qwik.dev/core": "^2.0.0-beta.30"
|
|
42
42
|
},
|
|
43
43
|
"publishConfig": {
|
|
44
44
|
"access": "public"
|