solid-js 1.7.8 → 1.7.9
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/dev.js +534 -296
- package/dist/server.js +175 -77
- package/dist/solid.js +461 -254
- package/h/dist/h.cjs +2 -2
- package/h/dist/h.js +36 -10
- package/h/jsx-runtime/dist/jsx.js +1 -1
- package/h/jsx-runtime/types/index.d.ts +11 -8
- package/h/jsx-runtime/types/jsx.d.ts +3 -0
- package/h/types/hyperscript.d.ts +11 -11
- package/h/types/index.d.ts +3 -2
- package/html/dist/html.cjs +2 -2
- package/html/dist/html.js +218 -96
- package/html/types/index.d.ts +3 -2
- package/html/types/lit.d.ts +45 -31
- package/package.json +1 -1
- package/store/dist/dev.cjs +34 -32
- package/store/dist/dev.js +141 -67
- package/store/dist/server.js +19 -8
- package/store/dist/store.cjs +34 -32
- package/store/dist/store.js +132 -64
- package/store/types/index.d.ts +21 -7
- package/store/types/modifiers.d.ts +6 -3
- package/store/types/mutable.d.ts +5 -2
- package/store/types/server.d.ts +12 -4
- package/store/types/store.d.ts +217 -63
- package/types/index.d.ts +69 -9
- package/types/jsx.d.ts +3 -0
- package/types/reactive/array.d.ts +12 -4
- package/types/reactive/observable.d.ts +25 -17
- package/types/reactive/scheduler.d.ts +9 -6
- package/types/reactive/signal.d.ts +227 -136
- package/types/render/Suspense.d.ts +5 -5
- package/types/render/component.d.ts +62 -31
- package/types/render/flow.d.ts +43 -31
- package/types/render/hydration.d.ts +12 -12
- package/types/server/index.d.ts +55 -2
- package/types/server/reactive.d.ts +67 -40
- package/types/server/rendering.d.ts +171 -95
- package/universal/dist/dev.js +28 -12
- package/universal/dist/universal.js +28 -12
- package/universal/types/index.d.ts +3 -1
- package/universal/types/universal.d.ts +0 -1
- package/web/dist/dev.js +610 -79
- package/web/dist/server.js +176 -77
- package/web/dist/web.js +610 -79
- package/web/types/client.d.ts +2 -2
- package/web/types/core.d.ts +10 -1
- package/web/types/index.d.ts +27 -10
- package/web/types/server-mock.d.ts +47 -32
package/h/dist/h.cjs
CHANGED
|
@@ -92,7 +92,7 @@ function createHyperScript(r) {
|
|
|
92
92
|
return h;
|
|
93
93
|
}
|
|
94
94
|
|
|
95
|
-
|
|
95
|
+
const h = createHyperScript({
|
|
96
96
|
spread: web.spread,
|
|
97
97
|
assign: web.assign,
|
|
98
98
|
insert: web.insert,
|
|
@@ -101,4 +101,4 @@ var index = createHyperScript({
|
|
|
101
101
|
SVGElements: web.SVGElements
|
|
102
102
|
});
|
|
103
103
|
|
|
104
|
-
module.exports =
|
|
104
|
+
module.exports = h;
|
package/h/dist/h.js
CHANGED
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
spread,
|
|
3
|
+
assign,
|
|
4
|
+
insert,
|
|
5
|
+
createComponent,
|
|
6
|
+
dynamicProperty,
|
|
7
|
+
SVGElements
|
|
8
|
+
} from "solid-js/web";
|
|
2
9
|
|
|
3
10
|
const $ELEMENT = Symbol("hyper-element");
|
|
4
11
|
function createHyperScript(r) {
|
|
@@ -17,9 +24,16 @@ function createHyperScript(r) {
|
|
|
17
24
|
return ret;
|
|
18
25
|
function item(l) {
|
|
19
26
|
const type = typeof l;
|
|
20
|
-
if (l == null)
|
|
21
|
-
|
|
22
|
-
|
|
27
|
+
if (l == null);
|
|
28
|
+
else if ("string" === type) {
|
|
29
|
+
if (!e) parseClass(l);
|
|
30
|
+
else e.appendChild(document.createTextNode(l));
|
|
31
|
+
} else if (
|
|
32
|
+
"number" === type ||
|
|
33
|
+
"boolean" === type ||
|
|
34
|
+
l instanceof Date ||
|
|
35
|
+
l instanceof RegExp
|
|
36
|
+
) {
|
|
23
37
|
e.appendChild(document.createTextNode(l.toString()));
|
|
24
38
|
} else if (Array.isArray(l)) {
|
|
25
39
|
for (let i = 0; i < l.length; i++) item(l[i]);
|
|
@@ -34,12 +48,18 @@ function createHyperScript(r) {
|
|
|
34
48
|
dynamic = true;
|
|
35
49
|
} else if (d[k].get) dynamic = true;
|
|
36
50
|
}
|
|
37
|
-
dynamic
|
|
51
|
+
dynamic
|
|
52
|
+
? r.spread(e, l, e instanceof SVGElement, !!args.length)
|
|
53
|
+
: r.assign(e, l, e instanceof SVGElement, !!args.length);
|
|
38
54
|
} else if ("function" === type) {
|
|
39
55
|
if (!e) {
|
|
40
56
|
let props,
|
|
41
57
|
next = args[0];
|
|
42
|
-
if (
|
|
58
|
+
if (
|
|
59
|
+
next == null ||
|
|
60
|
+
(typeof next === "object" && !Array.isArray(next) && !(next instanceof Element))
|
|
61
|
+
)
|
|
62
|
+
props = args.shift();
|
|
43
63
|
props || (props = {});
|
|
44
64
|
if (args.length) {
|
|
45
65
|
props.children = args.length > 1 ? args : args[0];
|
|
@@ -55,7 +75,8 @@ function createHyperScript(r) {
|
|
|
55
75
|
return list;
|
|
56
76
|
};
|
|
57
77
|
r.dynamicProperty(props, k);
|
|
58
|
-
} else if (typeof d[k].value === "function" && !d[k].value.length)
|
|
78
|
+
} else if (typeof d[k].value === "function" && !d[k].value.length)
|
|
79
|
+
r.dynamicProperty(props, k);
|
|
59
80
|
}
|
|
60
81
|
e = r.createComponent(l, props);
|
|
61
82
|
args = [];
|
|
@@ -72,7 +93,12 @@ function createHyperScript(r) {
|
|
|
72
93
|
const v = m[i],
|
|
73
94
|
s = v.substring(1, v.length);
|
|
74
95
|
if (!v) continue;
|
|
75
|
-
if (!e)
|
|
96
|
+
if (!e)
|
|
97
|
+
e = r.SVGElements.has(v)
|
|
98
|
+
? document.createElementNS("http://www.w3.org/2000/svg", v)
|
|
99
|
+
: document.createElement(v);
|
|
100
|
+
else if (v[0] === ".") e.classList.add(s);
|
|
101
|
+
else if (v[0] === "#") e.setAttribute("id", s);
|
|
76
102
|
}
|
|
77
103
|
}
|
|
78
104
|
function detectMultiExpression(list) {
|
|
@@ -90,7 +116,7 @@ function createHyperScript(r) {
|
|
|
90
116
|
return h;
|
|
91
117
|
}
|
|
92
118
|
|
|
93
|
-
|
|
119
|
+
const h = createHyperScript({
|
|
94
120
|
spread,
|
|
95
121
|
assign,
|
|
96
122
|
insert,
|
|
@@ -99,4 +125,4 @@ var index = createHyperScript({
|
|
|
99
125
|
SVGElements
|
|
100
126
|
});
|
|
101
127
|
|
|
102
|
-
export {
|
|
128
|
+
export { h as default };
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
export type { JSX } from "./jsx";
|
|
2
2
|
import type { JSX } from "./jsx";
|
|
3
|
-
declare function Fragment(props: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
})
|
|
3
|
+
declare function Fragment(props: { children: JSX.Element }): JSX.Element;
|
|
4
|
+
declare function jsx(
|
|
5
|
+
type: any,
|
|
6
|
+
props: any
|
|
7
|
+
): () =>
|
|
8
|
+
| (Node & {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
})
|
|
11
|
+
| (Node & {
|
|
12
|
+
[key: string]: any;
|
|
13
|
+
})[];
|
|
11
14
|
export { jsx, jsx as jsxs, jsx as jsxDEV, Fragment };
|
|
@@ -876,8 +876,11 @@ export namespace JSX {
|
|
|
876
876
|
as?: FunctionMaybe<HTMLLinkAs>;
|
|
877
877
|
crossorigin?: FunctionMaybe<HTMLCrossorigin>;
|
|
878
878
|
disabled?: FunctionMaybe<boolean>;
|
|
879
|
+
fetchpriority?: FunctionMaybe<"high" | "low" | "auto">;
|
|
879
880
|
href?: FunctionMaybe<string>;
|
|
880
881
|
hreflang?: FunctionMaybe<string>;
|
|
882
|
+
imagesizes?: FunctionMaybe<string>;
|
|
883
|
+
imagesrcset?: FunctionMaybe<string>;
|
|
881
884
|
integrity?: FunctionMaybe<string>;
|
|
882
885
|
media?: FunctionMaybe<string>;
|
|
883
886
|
referrerpolicy?: FunctionMaybe<HTMLReferrerPolicy>;
|
package/h/types/hyperscript.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
type MountableElement = Element | Document | ShadowRoot | DocumentFragment | Node;
|
|
2
2
|
interface Runtime {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
insert(parent: MountableElement, accessor: any, marker?: Node | null, init?: any): any;
|
|
4
|
+
spread(node: Element, accessor: any, isSVG?: Boolean, skipChildren?: Boolean): void;
|
|
5
|
+
assign(node: Element, props: any, isSVG?: Boolean, skipChildren?: Boolean): void;
|
|
6
|
+
createComponent(Comp: (props: any) => any, props: any): any;
|
|
7
|
+
dynamicProperty(props: any, key: string): any;
|
|
8
|
+
SVGElements: Set<string>;
|
|
9
9
|
}
|
|
10
10
|
type ExpandableNode = Node & {
|
|
11
|
-
|
|
11
|
+
[key: string]: any;
|
|
12
12
|
};
|
|
13
13
|
export type HyperScript = {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
(...args: any[]): () => ExpandableNode | ExpandableNode[];
|
|
15
|
+
Fragment: (props: {
|
|
16
|
+
children: (() => ExpandableNode) | (() => ExpandableNode)[];
|
|
17
|
+
}) => ExpandableNode[];
|
|
18
18
|
};
|
|
19
19
|
export declare function createHyperScript(r: Runtime): HyperScript;
|
|
20
20
|
export {};
|
package/h/types/index.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import type { HyperScript } from "./hyperscript";
|
|
2
|
+
declare const h: HyperScript;
|
|
3
|
+
export default h;
|
package/html/dist/html.cjs
CHANGED
|
@@ -555,7 +555,7 @@ function createHTML(r, {
|
|
|
555
555
|
return html;
|
|
556
556
|
}
|
|
557
557
|
|
|
558
|
-
|
|
558
|
+
const html = createHTML({
|
|
559
559
|
effect: web.effect,
|
|
560
560
|
style: web.style,
|
|
561
561
|
insert: web.insert,
|
|
@@ -578,4 +578,4 @@ var index = createHTML({
|
|
|
578
578
|
SVGNamespace: web.SVGNamespace
|
|
579
579
|
});
|
|
580
580
|
|
|
581
|
-
module.exports =
|
|
581
|
+
module.exports = html;
|