@tanstack/query-devtools 5.0.0-beta.34 → 5.0.0-beta.37

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.
@@ -16,6 +16,7 @@ function nextHydrateContext() {
16
16
  var equalFn = (a, b) => a === b;
17
17
  var $PROXY = Symbol("solid-proxy");
18
18
  var $TRACK = Symbol("solid-track");
19
+ var $DEVCOMP = Symbol("solid-dev-component");
19
20
  var signalOptions = {
20
21
  equals: equalFn
21
22
  };
@@ -248,6 +249,9 @@ function createResource(pSource, pFetcher, pOptions) {
248
249
  mutate: setValue
249
250
  }];
250
251
  }
252
+ function batch(fn) {
253
+ return runUpdates(fn, false);
254
+ }
251
255
  function untrack(fn) {
252
256
  if (Listener === null)
253
257
  return fn();
@@ -292,6 +296,26 @@ function onCleanup(fn) {
292
296
  Owner.cleanups.push(fn);
293
297
  return fn;
294
298
  }
299
+ function getListener() {
300
+ return Listener;
301
+ }
302
+ function getOwner() {
303
+ return Owner;
304
+ }
305
+ function runWithOwner(o, fn) {
306
+ const prev = Owner;
307
+ const prevListener = Listener;
308
+ Owner = o;
309
+ Listener = null;
310
+ try {
311
+ return runUpdates(fn, true);
312
+ } catch (err) {
313
+ handleError(err);
314
+ } finally {
315
+ Owner = prev;
316
+ Listener = prevListener;
317
+ }
318
+ }
295
319
  function startTransition(fn) {
296
320
  if (Transition && Transition.running) {
297
321
  fn();
@@ -1092,6 +1116,55 @@ function mergeProps(...sources) {
1092
1116
  }
1093
1117
  return target;
1094
1118
  }
1119
+ function splitProps(props, ...keys) {
1120
+ if ($PROXY in props) {
1121
+ const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
1122
+ const res = keys.map((k) => {
1123
+ return new Proxy({
1124
+ get(property) {
1125
+ return k.includes(property) ? props[property] : void 0;
1126
+ },
1127
+ has(property) {
1128
+ return k.includes(property) && property in props;
1129
+ },
1130
+ keys() {
1131
+ return k.filter((property) => property in props);
1132
+ }
1133
+ }, propTraps);
1134
+ });
1135
+ res.push(new Proxy({
1136
+ get(property) {
1137
+ return blocked.has(property) ? void 0 : props[property];
1138
+ },
1139
+ has(property) {
1140
+ return blocked.has(property) ? false : property in props;
1141
+ },
1142
+ keys() {
1143
+ return Object.keys(props).filter((k) => !blocked.has(k));
1144
+ }
1145
+ }, propTraps));
1146
+ return res;
1147
+ }
1148
+ const otherObject = {};
1149
+ const objects = keys.map(() => ({}));
1150
+ for (const propName of Object.getOwnPropertyNames(props)) {
1151
+ const desc = Object.getOwnPropertyDescriptor(props, propName);
1152
+ const isDefaultDesc = !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable;
1153
+ let blocked = false;
1154
+ let objectIndex = 0;
1155
+ for (const k of keys) {
1156
+ if (k.includes(propName)) {
1157
+ blocked = true;
1158
+ isDefaultDesc ? objects[objectIndex][propName] = desc.value : Object.defineProperty(objects[objectIndex], propName, desc);
1159
+ }
1160
+ ++objectIndex;
1161
+ }
1162
+ if (!blocked) {
1163
+ isDefaultDesc ? otherObject[propName] = desc.value : Object.defineProperty(otherObject, propName, desc);
1164
+ }
1165
+ }
1166
+ return [...objects, otherObject];
1167
+ }
1095
1168
  function lazy(fn) {
1096
1169
  let comp;
1097
1170
  let p;
@@ -1128,6 +1201,11 @@ function lazy(fn) {
1128
1201
  wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p);
1129
1202
  return wrap;
1130
1203
  }
1204
+ var counter = 0;
1205
+ function createUniqueId() {
1206
+ const ctx = sharedConfig.context;
1207
+ return ctx ? `${ctx.id}${ctx.count++}` : `cl-${counter++}`;
1208
+ }
1131
1209
  var narrowedError = (name) => `Stale read from <${name}>.`;
1132
1210
  function For(props) {
1133
1211
  const fallback = "fallback" in props && {
@@ -1194,6 +1272,7 @@ function Switch(props) {
1194
1272
  function Match(props) {
1195
1273
  return props;
1196
1274
  }
1275
+ var DEV = void 0;
1197
1276
 
1198
1277
  // ../../node_modules/.pnpm/solid-js@1.7.8/node_modules/solid-js/web/dist/web.js
1199
1278
  var booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
@@ -1233,6 +1312,84 @@ function getPropAlias(prop, tagName) {
1233
1312
  return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
1234
1313
  }
1235
1314
  var DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
1315
+ var SVGElements = /* @__PURE__ */ new Set([
1316
+ "altGlyph",
1317
+ "altGlyphDef",
1318
+ "altGlyphItem",
1319
+ "animate",
1320
+ "animateColor",
1321
+ "animateMotion",
1322
+ "animateTransform",
1323
+ "circle",
1324
+ "clipPath",
1325
+ "color-profile",
1326
+ "cursor",
1327
+ "defs",
1328
+ "desc",
1329
+ "ellipse",
1330
+ "feBlend",
1331
+ "feColorMatrix",
1332
+ "feComponentTransfer",
1333
+ "feComposite",
1334
+ "feConvolveMatrix",
1335
+ "feDiffuseLighting",
1336
+ "feDisplacementMap",
1337
+ "feDistantLight",
1338
+ "feFlood",
1339
+ "feFuncA",
1340
+ "feFuncB",
1341
+ "feFuncG",
1342
+ "feFuncR",
1343
+ "feGaussianBlur",
1344
+ "feImage",
1345
+ "feMerge",
1346
+ "feMergeNode",
1347
+ "feMorphology",
1348
+ "feOffset",
1349
+ "fePointLight",
1350
+ "feSpecularLighting",
1351
+ "feSpotLight",
1352
+ "feTile",
1353
+ "feTurbulence",
1354
+ "filter",
1355
+ "font",
1356
+ "font-face",
1357
+ "font-face-format",
1358
+ "font-face-name",
1359
+ "font-face-src",
1360
+ "font-face-uri",
1361
+ "foreignObject",
1362
+ "g",
1363
+ "glyph",
1364
+ "glyphRef",
1365
+ "hkern",
1366
+ "image",
1367
+ "line",
1368
+ "linearGradient",
1369
+ "marker",
1370
+ "mask",
1371
+ "metadata",
1372
+ "missing-glyph",
1373
+ "mpath",
1374
+ "path",
1375
+ "pattern",
1376
+ "polygon",
1377
+ "polyline",
1378
+ "radialGradient",
1379
+ "rect",
1380
+ "set",
1381
+ "stop",
1382
+ "svg",
1383
+ "switch",
1384
+ "symbol",
1385
+ "text",
1386
+ "textPath",
1387
+ "tref",
1388
+ "tspan",
1389
+ "use",
1390
+ "view",
1391
+ "vkern"
1392
+ ]);
1236
1393
  var SVGNamespace = {
1237
1394
  xlink: "http://www.w3.org/1999/xlink",
1238
1395
  xml: "http://www.w3.org/XML/1998/namespace"
@@ -1437,6 +1594,20 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
1437
1594
  prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef);
1438
1595
  }
1439
1596
  }
1597
+ function getNextElement(template2) {
1598
+ let node, key;
1599
+ if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
1600
+ if (sharedConfig.context)
1601
+ ;
1602
+ if (!template2)
1603
+ throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + key);
1604
+ return template2();
1605
+ }
1606
+ if (sharedConfig.completed)
1607
+ sharedConfig.completed.add(node);
1608
+ sharedConfig.registry.delete(key);
1609
+ return node;
1610
+ }
1440
1611
  function toPropertyName(name) {
1441
1612
  return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
1442
1613
  }
@@ -1673,6 +1844,69 @@ function cleanChildren(parent, current, marker, replacement) {
1673
1844
  parent.insertBefore(node, marker);
1674
1845
  return [node];
1675
1846
  }
1847
+ function getHydrationKey() {
1848
+ const hydrate = sharedConfig.context;
1849
+ return `${hydrate.id}${hydrate.count++}`;
1850
+ }
1676
1851
  var isServer = false;
1852
+ var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
1853
+ function createElement(tagName, isSVG = false) {
1854
+ return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
1855
+ }
1856
+ function Portal(props) {
1857
+ const {
1858
+ useShadow
1859
+ } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
1860
+ let content;
1861
+ let hydrating = !!sharedConfig.context;
1862
+ createEffect(() => {
1863
+ if (hydrating)
1864
+ getOwner().user = hydrating = false;
1865
+ content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
1866
+ const el = mount();
1867
+ if (el instanceof HTMLHeadElement) {
1868
+ const [clean, setClean] = createSignal(false);
1869
+ const cleanup = () => setClean(true);
1870
+ createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
1871
+ onCleanup(cleanup);
1872
+ } else {
1873
+ const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
1874
+ mode: "open"
1875
+ }) : container;
1876
+ Object.defineProperty(container, "_$host", {
1877
+ get() {
1878
+ return marker.parentNode;
1879
+ },
1880
+ configurable: true
1881
+ });
1882
+ insert(renderRoot, content);
1883
+ el.appendChild(container);
1884
+ props.ref && props.ref(container);
1885
+ onCleanup(() => el.removeChild(container));
1886
+ }
1887
+ }, void 0, {
1888
+ render: !hydrating
1889
+ });
1890
+ return marker;
1891
+ }
1892
+ function Dynamic(props) {
1893
+ const [p, others] = splitProps(props, ["component"]);
1894
+ const cached = createMemo(() => p.component);
1895
+ return createMemo(() => {
1896
+ const component = cached();
1897
+ switch (typeof component) {
1898
+ case "function":
1899
+ Object.assign(component, {
1900
+ [$DEVCOMP]: true
1901
+ });
1902
+ return untrack(() => component(others));
1903
+ case "string":
1904
+ const isSvg = SVGElements.has(component);
1905
+ const el = sharedConfig.context ? getNextElement() : createElement(component, isSvg);
1906
+ spread(el, others, isSvg);
1907
+ return el;
1908
+ }
1909
+ });
1910
+ }
1677
1911
 
1678
- export { $TRACK, For, Index, Match, Show, Switch, addEventListener, className, createComponent, createContext, createEffect, createMemo, createRenderEffect, createRoot, createSignal, delegateEvents, insert, isServer, lazy, mergeProps, on, onCleanup, onMount, render, setAttribute, spread, template, untrack, use, useContext, useTransition };
1912
+ export { $PROXY, $TRACK, DEV, Dynamic, For, Index, Match, Portal, Show, Switch, addEventListener, batch, children, className, createComponent, createComputed, createContext, createEffect, createMemo, createRenderEffect, createRoot, createSignal, createUniqueId, delegateEvents, getListener, getOwner, insert, isServer, lazy, mergeProps, on, onCleanup, onMount, render, setAttribute, splitProps, spread, template, untrack, use, useContext, useTransition };
@@ -16,6 +16,7 @@ function nextHydrateContext() {
16
16
  var equalFn = (a, b) => a === b;
17
17
  var $PROXY = Symbol("solid-proxy");
18
18
  var $TRACK = Symbol("solid-track");
19
+ var $DEVCOMP = Symbol("solid-dev-component");
19
20
  var signalOptions = {
20
21
  equals: equalFn
21
22
  };
@@ -248,6 +249,9 @@ function createResource(pSource, pFetcher, pOptions) {
248
249
  mutate: setValue
249
250
  }];
250
251
  }
252
+ function batch(fn) {
253
+ return runUpdates(fn, false);
254
+ }
251
255
  function untrack(fn) {
252
256
  if (Listener === null)
253
257
  return fn();
@@ -292,6 +296,26 @@ function onCleanup(fn) {
292
296
  Owner.cleanups.push(fn);
293
297
  return fn;
294
298
  }
299
+ function getListener() {
300
+ return Listener;
301
+ }
302
+ function getOwner() {
303
+ return Owner;
304
+ }
305
+ function runWithOwner(o, fn) {
306
+ const prev = Owner;
307
+ const prevListener = Listener;
308
+ Owner = o;
309
+ Listener = null;
310
+ try {
311
+ return runUpdates(fn, true);
312
+ } catch (err) {
313
+ handleError(err);
314
+ } finally {
315
+ Owner = prev;
316
+ Listener = prevListener;
317
+ }
318
+ }
295
319
  function startTransition(fn) {
296
320
  if (Transition && Transition.running) {
297
321
  fn();
@@ -1092,6 +1116,55 @@ function mergeProps(...sources) {
1092
1116
  }
1093
1117
  return target;
1094
1118
  }
1119
+ function splitProps(props, ...keys) {
1120
+ if ($PROXY in props) {
1121
+ const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
1122
+ const res = keys.map((k) => {
1123
+ return new Proxy({
1124
+ get(property) {
1125
+ return k.includes(property) ? props[property] : void 0;
1126
+ },
1127
+ has(property) {
1128
+ return k.includes(property) && property in props;
1129
+ },
1130
+ keys() {
1131
+ return k.filter((property) => property in props);
1132
+ }
1133
+ }, propTraps);
1134
+ });
1135
+ res.push(new Proxy({
1136
+ get(property) {
1137
+ return blocked.has(property) ? void 0 : props[property];
1138
+ },
1139
+ has(property) {
1140
+ return blocked.has(property) ? false : property in props;
1141
+ },
1142
+ keys() {
1143
+ return Object.keys(props).filter((k) => !blocked.has(k));
1144
+ }
1145
+ }, propTraps));
1146
+ return res;
1147
+ }
1148
+ const otherObject = {};
1149
+ const objects = keys.map(() => ({}));
1150
+ for (const propName of Object.getOwnPropertyNames(props)) {
1151
+ const desc = Object.getOwnPropertyDescriptor(props, propName);
1152
+ const isDefaultDesc = !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable;
1153
+ let blocked = false;
1154
+ let objectIndex = 0;
1155
+ for (const k of keys) {
1156
+ if (k.includes(propName)) {
1157
+ blocked = true;
1158
+ isDefaultDesc ? objects[objectIndex][propName] = desc.value : Object.defineProperty(objects[objectIndex], propName, desc);
1159
+ }
1160
+ ++objectIndex;
1161
+ }
1162
+ if (!blocked) {
1163
+ isDefaultDesc ? otherObject[propName] = desc.value : Object.defineProperty(otherObject, propName, desc);
1164
+ }
1165
+ }
1166
+ return [...objects, otherObject];
1167
+ }
1095
1168
  function lazy(fn) {
1096
1169
  let comp;
1097
1170
  let p;
@@ -1128,6 +1201,11 @@ function lazy(fn) {
1128
1201
  wrap.preload = () => p || ((p = fn()).then((mod) => comp = () => mod.default), p);
1129
1202
  return wrap;
1130
1203
  }
1204
+ var counter = 0;
1205
+ function createUniqueId() {
1206
+ const ctx = sharedConfig.context;
1207
+ return ctx ? `${ctx.id}${ctx.count++}` : `cl-${counter++}`;
1208
+ }
1131
1209
  var narrowedError = (name) => `Stale read from <${name}>.`;
1132
1210
  function For(props) {
1133
1211
  const fallback = "fallback" in props && {
@@ -1194,6 +1272,7 @@ function Switch(props) {
1194
1272
  function Match(props) {
1195
1273
  return props;
1196
1274
  }
1275
+ var DEV = void 0;
1197
1276
 
1198
1277
  // ../../node_modules/.pnpm/solid-js@1.7.8/node_modules/solid-js/web/dist/web.js
1199
1278
  var booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
@@ -1233,6 +1312,84 @@ function getPropAlias(prop, tagName) {
1233
1312
  return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
1234
1313
  }
1235
1314
  var DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
1315
+ var SVGElements = /* @__PURE__ */ new Set([
1316
+ "altGlyph",
1317
+ "altGlyphDef",
1318
+ "altGlyphItem",
1319
+ "animate",
1320
+ "animateColor",
1321
+ "animateMotion",
1322
+ "animateTransform",
1323
+ "circle",
1324
+ "clipPath",
1325
+ "color-profile",
1326
+ "cursor",
1327
+ "defs",
1328
+ "desc",
1329
+ "ellipse",
1330
+ "feBlend",
1331
+ "feColorMatrix",
1332
+ "feComponentTransfer",
1333
+ "feComposite",
1334
+ "feConvolveMatrix",
1335
+ "feDiffuseLighting",
1336
+ "feDisplacementMap",
1337
+ "feDistantLight",
1338
+ "feFlood",
1339
+ "feFuncA",
1340
+ "feFuncB",
1341
+ "feFuncG",
1342
+ "feFuncR",
1343
+ "feGaussianBlur",
1344
+ "feImage",
1345
+ "feMerge",
1346
+ "feMergeNode",
1347
+ "feMorphology",
1348
+ "feOffset",
1349
+ "fePointLight",
1350
+ "feSpecularLighting",
1351
+ "feSpotLight",
1352
+ "feTile",
1353
+ "feTurbulence",
1354
+ "filter",
1355
+ "font",
1356
+ "font-face",
1357
+ "font-face-format",
1358
+ "font-face-name",
1359
+ "font-face-src",
1360
+ "font-face-uri",
1361
+ "foreignObject",
1362
+ "g",
1363
+ "glyph",
1364
+ "glyphRef",
1365
+ "hkern",
1366
+ "image",
1367
+ "line",
1368
+ "linearGradient",
1369
+ "marker",
1370
+ "mask",
1371
+ "metadata",
1372
+ "missing-glyph",
1373
+ "mpath",
1374
+ "path",
1375
+ "pattern",
1376
+ "polygon",
1377
+ "polyline",
1378
+ "radialGradient",
1379
+ "rect",
1380
+ "set",
1381
+ "stop",
1382
+ "svg",
1383
+ "switch",
1384
+ "symbol",
1385
+ "text",
1386
+ "textPath",
1387
+ "tref",
1388
+ "tspan",
1389
+ "use",
1390
+ "view",
1391
+ "vkern"
1392
+ ]);
1236
1393
  var SVGNamespace = {
1237
1394
  xlink: "http://www.w3.org/1999/xlink",
1238
1395
  xml: "http://www.w3.org/XML/1998/namespace"
@@ -1437,6 +1594,20 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = fals
1437
1594
  prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef);
1438
1595
  }
1439
1596
  }
1597
+ function getNextElement(template2) {
1598
+ let node, key;
1599
+ if (!sharedConfig.context || !(node = sharedConfig.registry.get(key = getHydrationKey()))) {
1600
+ if (sharedConfig.context)
1601
+ console.warn("Unable to find DOM nodes for hydration key:", key);
1602
+ if (!template2)
1603
+ throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + key);
1604
+ return template2();
1605
+ }
1606
+ if (sharedConfig.completed)
1607
+ sharedConfig.completed.add(node);
1608
+ sharedConfig.registry.delete(key);
1609
+ return node;
1610
+ }
1440
1611
  function toPropertyName(name) {
1441
1612
  return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
1442
1613
  }
@@ -1673,6 +1844,69 @@ function cleanChildren(parent, current, marker, replacement) {
1673
1844
  parent.insertBefore(node, marker);
1674
1845
  return [node];
1675
1846
  }
1847
+ function getHydrationKey() {
1848
+ const hydrate = sharedConfig.context;
1849
+ return `${hydrate.id}${hydrate.count++}`;
1850
+ }
1676
1851
  var isServer = false;
1852
+ var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
1853
+ function createElement(tagName, isSVG = false) {
1854
+ return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
1855
+ }
1856
+ function Portal(props) {
1857
+ const {
1858
+ useShadow
1859
+ } = props, marker = document.createTextNode(""), mount = () => props.mount || document.body, owner = getOwner();
1860
+ let content;
1861
+ let hydrating = !!sharedConfig.context;
1862
+ createEffect(() => {
1863
+ if (hydrating)
1864
+ getOwner().user = hydrating = false;
1865
+ content || (content = runWithOwner(owner, () => createMemo(() => props.children)));
1866
+ const el = mount();
1867
+ if (el instanceof HTMLHeadElement) {
1868
+ const [clean, setClean] = createSignal(false);
1869
+ const cleanup = () => setClean(true);
1870
+ createRoot((dispose2) => insert(el, () => !clean() ? content() : dispose2(), null));
1871
+ onCleanup(cleanup);
1872
+ } else {
1873
+ const container = createElement(props.isSVG ? "g" : "div", props.isSVG), renderRoot = useShadow && container.attachShadow ? container.attachShadow({
1874
+ mode: "open"
1875
+ }) : container;
1876
+ Object.defineProperty(container, "_$host", {
1877
+ get() {
1878
+ return marker.parentNode;
1879
+ },
1880
+ configurable: true
1881
+ });
1882
+ insert(renderRoot, content);
1883
+ el.appendChild(container);
1884
+ props.ref && props.ref(container);
1885
+ onCleanup(() => el.removeChild(container));
1886
+ }
1887
+ }, void 0, {
1888
+ render: !hydrating
1889
+ });
1890
+ return marker;
1891
+ }
1892
+ function Dynamic(props) {
1893
+ const [p, others] = splitProps(props, ["component"]);
1894
+ const cached = createMemo(() => p.component);
1895
+ return createMemo(() => {
1896
+ const component = cached();
1897
+ switch (typeof component) {
1898
+ case "function":
1899
+ Object.assign(component, {
1900
+ [$DEVCOMP]: true
1901
+ });
1902
+ return untrack(() => component(others));
1903
+ case "string":
1904
+ const isSvg = SVGElements.has(component);
1905
+ const el = sharedConfig.context ? getNextElement() : createElement(component, isSvg);
1906
+ spread(el, others, isSvg);
1907
+ return el;
1908
+ }
1909
+ });
1910
+ }
1677
1911
 
1678
- export { $TRACK, For, Index, Match, Show, Switch, addEventListener, className, createComponent, createContext, createEffect, createMemo, createRenderEffect, createRoot, createSignal, delegateEvents, insert, isServer, lazy, mergeProps, on, onCleanup, onMount, render, setAttribute, spread, template, untrack, use, useContext, useTransition };
1912
+ export { $PROXY, $TRACK, DEV, Dynamic, For, Index, Match, Portal, Show, Switch, addEventListener, batch, children, className, createComponent, createComputed, createContext, createEffect, createMemo, createRenderEffect, createRoot, createSignal, createUniqueId, delegateEvents, getListener, getOwner, insert, isServer, lazy, mergeProps, on, onCleanup, onMount, render, setAttribute, splitProps, spread, template, untrack, use, useContext, useTransition };