solid-js - npm Package Compare versions

Comparing version 1.8.15 to 1.8.16

dist/dev.js

@@ -522,3 +522,3 @@ let taskIdCounter = 1,
       defer = false;
-      return undefined;
+      return prevValue;
     }
@@ -525,0 +525,0 @@ const result = untrack(() => fn(input, prevInput, prevValue));

dist/solid.js

@@ -499,3 +499,3 @@ let taskIdCounter = 1,
       defer = false;
-      return undefined;
+      return prevValue;
     }
@@ -502,0 +502,0 @@ const result = untrack(() => fn(input, prevInput, prevValue));

package.json

 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.15",
+  "version": "1.8.16",
   "author": "Ryan Carniato",
@@ -222,3 +222,3 @@ "license": "MIT",
     "csstype": "^3.1.0",
-    "seroval": "^1.0.3",
+    "seroval": "^1.0.4",
     "seroval-plugins": "^1.0.3"
@@ -225,0 +225,0 @@ },

store/types/store.d.ts

@@ -244,3 +244,3 @@ export declare const $RAW: unique symbol,
 /**
- * creates a reactive store that can be read through a proxy object and written with a setter function
+ * Creates a reactive store that can be read through a proxy object and written with a setter function
  *
@@ -247,0 +247,0 @@ * @description https://www.solidjs.com/docs/latest/api#createstore

types/reactive/array.d.ts

@@ -26,3 +26,3 @@ import { Accessor } from "./signal.js";
 /**
- * reactively transforms an array with a callback function - underlying helper for the `<For>` control flow
+ * Reactively transforms an array with a callback function - underlying helper for the `<For>` control flow
  *
@@ -41,3 +41,3 @@ * similar to `Array.prototype.map`, but gets the index as accessor, transforms only values that changed and returns an accessor and reactively tracks changes to the list.
 /**
- * reactively maps arrays by index instead of value - underlying helper for the `<Index>` control flow
+ * Reactively maps arrays by index instead of value - underlying helper for the `<Index>` control flow
  *
@@ -44,0 +44,0 @@ * similar to `Array.prototype.map`, but gets the value as an accessor, transforms only changed items of the original arrays anew and returns an accessor.

types/reactive/observable.d.ts

@@ -21,3 +21,3 @@ import { Accessor, Setter } from "./signal.js";
 /**
- * creates a simple observable from a signal's accessor to be used with the `from` operator of observable libraries like e.g. rxjs
+ * Creates a simple observable from a signal's accessor to be used with the `from` operator of observable libraries like e.g. rxjs
  * ```typescript
@@ -24,0 +24,0 @@ * import { from } from "rxjs";

types/reactive/signal.d.ts

@@ -474,3 +474,3 @@ /**
 /**
- * on - make dependencies of a computation explicit
+ * Makes dependencies of a computation explicit
  * ```typescript
@@ -517,3 +517,3 @@ * export function on<S, U>(
 /**
- * onMount - run an effect only after initial render on mount
+ * Runs an effect only after initial render on mount
  * @param fn an effect that should run only once on mount
@@ -525,3 +525,3 @@ *
 /**
- * onCleanup - run an effect once before the reactive scope is disposed
+ * Runs an effect once before the reactive scope is disposed
  * @param fn an effect that should run only once on cleanup
@@ -535,3 +535,3 @@ *
 /**
- * catchError - run an effect whenever an error is thrown within the context of the child scopes
+ * Runs an effect whenever an error is thrown within the context of the child scopes
  * @param fn boundary for the error
@@ -552,2 +552,3 @@ * @param handler an error handler that receives the error
  * export function startTransition(fn: () => void) => Promise<void>
+ * ```
  *
@@ -610,3 +611,3 @@ * @description https://www.solidjs.com/docs/latest/api#usetransition
 /**
- * use a context to receive a scoped state from a parent's Context.Provider
+ * Uses a context to receive a scoped state from a parent's Context.Provider
  *
@@ -613,0 +614,0 @@ * @param context Context object made by `createContext`

types/render/flow.d.ts

 import { Accessor } from "../reactive/signal.js";
 import type { JSX } from "../jsx.js";
 /**
- * creates a list elements from a list
+ * Creates a list elements from a list
  *
@@ -63,3 +63,3 @@ * it receives a map function as its child that receives a list element and an accessor with the index and returns a JSX-Element; if the list is empty, an optional fallback is returned:
 /**
- * switches between content based on mutually exclusive conditions
+ * Switches between content based on mutually exclusive conditions
  * ```typescript
@@ -87,3 +87,3 @@ * <Switch fallback={<FourOhFour />}>
 /**
- * selects a content based on condition when inside a `<Switch>` control flow
+ * Selects a content based on condition when inside a `<Switch>` control flow
  * ```typescript
@@ -114,3 +114,3 @@ * <Match when={condition()}>
 /**
- * catches uncaught errors inside components and renders a fallback content
+ * Catches uncaught errors inside components and renders a fallback content
  *
@@ -117,0 +117,0 @@ * Also supports a callback form that passes the error and a reset function:

types/render/Suspense.d.ts

 import type { JSX } from "../jsx.js";
 /**
- * **[experimental]** controls the order in which suspended content is rendered
+ * **[experimental]** Controls the order in which suspended content is rendered
  *
@@ -13,3 +13,3 @@ * @description https://www.solidjs.com/docs/latest/api#suspenselist-experimental
 /**
- * tracks all resources inside a component and renders a fallback until they are all resolved
+ * Tracks all resources inside a component and renders a fallback until they are all resolved
  * ```typescript
@@ -16,0 +16,0 @@ * const AsyncComponent = lazy(() => import('./component'));

web/dist/dev.js

@@ -607,6 +607,7 @@ import {
 function setProperty(node, name, value) {
-  !sharedConfig.context && (node[name] = value);
+  if (!!sharedConfig.context && node.isConnected) return;
+  node[name] = value;
 }
 function setAttribute(node, name, value) {
-  if (sharedConfig.context) return;
+  if (!!sharedConfig.context && node.isConnected) return;
   if (value == null) node.removeAttribute(name);
@@ -616,3 +617,3 @@ else node.setAttribute(name, value);
 function setAttributeNS(node, namespace, name, value) {
-  if (sharedConfig.context) return;
+  if (!!sharedConfig.context && node.isConnected) return;
   if (value == null) node.removeAttributeNS(namespace, name);
@@ -622,3 +623,3 @@ else node.setAttributeNS(namespace, name, value);
 function className(node, value) {
-  if (sharedConfig.context) return;
+  if (!!sharedConfig.context && node.isConnected) return;
   if (value == null) node.removeAttribute("class");
@@ -836,3 +837,3 @@ else node.className = value;
       isProp = true;
-    } else if (sharedConfig.context) return value;
+    } else if (!!sharedConfig.context && node.isConnected) return value;
     if (prop === "class" || prop === "className") className(node, value);
@@ -875,3 +876,4 @@ else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
 function insertExpression(parent, value, current, marker, unwrapArray) {
-  if (sharedConfig.context) {
+  const hydrating = !!sharedConfig.context && parent.isConnected;
+  if (hydrating) {
     !current && (current = [...parent.childNodes]);
@@ -892,3 +894,3 @@ let cleaned = [];
   if (t === "string" || t === "number") {
-    if (sharedConfig.context) return current;
+    if (hydrating) return current;
     if (t === "number") value = value.toString();
@@ -907,3 +909,3 @@ if (multi) {
   } else if (value == null || t === "boolean") {
-    if (sharedConfig.context) return current;
+    if (hydrating) return current;
     current = cleanChildren(parent, current, marker);
@@ -924,3 +926,3 @@ } else if (t === "function") {
     }
-    if (sharedConfig.context) {
+    if (hydrating) {
       if (!array.length) return current;
@@ -946,3 +948,3 @@ if (marker === undefined) return [...parent.childNodes];
   } else if (value.nodeType) {
-    if (sharedConfig.context && value.parentNode) return (current = multi ? [value] : value);
+    if (hydrating && value.parentNode) return (current = multi ? [value] : value);
     if (Array.isArray(current)) {
@@ -949,0 +951,0 @@ if (multi) return (current = cleanChildren(parent, current, marker, value));

web/dist/web.js

@@ -597,6 +597,7 @@ import {
 function setProperty(node, name, value) {
-  !sharedConfig.context && (node[name] = value);
+  if (!!sharedConfig.context && node.isConnected) return;
+  node[name] = value;
 }
 function setAttribute(node, name, value) {
-  if (sharedConfig.context) return;
+  if (!!sharedConfig.context && node.isConnected) return;
   if (value == null) node.removeAttribute(name);
@@ -606,3 +607,3 @@ else node.setAttribute(name, value);
 function setAttributeNS(node, namespace, name, value) {
-  if (sharedConfig.context) return;
+  if (!!sharedConfig.context && node.isConnected) return;
   if (value == null) node.removeAttributeNS(namespace, name);
@@ -612,3 +613,3 @@ else node.setAttributeNS(namespace, name, value);
 function className(node, value) {
-  if (sharedConfig.context) return;
+  if (!!sharedConfig.context && node.isConnected) return;
   if (value == null) node.removeAttribute("class");
@@ -824,3 +825,3 @@ else node.className = value;
       isProp = true;
-    } else if (sharedConfig.context) return value;
+    } else if (!!sharedConfig.context && node.isConnected) return value;
     if (prop === "class" || prop === "className") className(node, value);
@@ -863,3 +864,4 @@ else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
 function insertExpression(parent, value, current, marker, unwrapArray) {
-  if (sharedConfig.context) {
+  const hydrating = !!sharedConfig.context && parent.isConnected;
+  if (hydrating) {
     !current && (current = [...parent.childNodes]);
@@ -880,3 +882,3 @@ let cleaned = [];
   if (t === "string" || t === "number") {
-    if (sharedConfig.context) return current;
+    if (hydrating) return current;
     if (t === "number") value = value.toString();
@@ -895,3 +897,3 @@ if (multi) {
   } else if (value == null || t === "boolean") {
-    if (sharedConfig.context) return current;
+    if (hydrating) return current;
     current = cleanChildren(parent, current, marker);
@@ -912,3 +914,3 @@ } else if (t === "function") {
     }
-    if (sharedConfig.context) {
+    if (hydrating) {
       if (!array.length) return current;
@@ -934,3 +936,3 @@ if (marker === undefined) return [...parent.childNodes];
   } else if (value.nodeType) {
-    if (sharedConfig.context && value.parentNode) return (current = multi ? [value] : value);
+    if (hydrating && value.parentNode) return (current = multi ? [value] : value);
     if (Array.isArray(current)) {
@@ -937,0 +939,0 @@ if (multi) return (current = cleanChildren(parent, current, marker, value));

web/types/index.d.ts

@@ -20,3 +20,3 @@ import { hydrate as hydrateCore } from "./client.js";
 /**
- * renders components somewhere else in the DOM
+ * Renders components somewhere else in the DOM
  *
@@ -49,3 +49,3 @@ * Useful for inserting modals and tooltips outside of an cropping layout. If no mount point is given, the portal is inserted in document.body; it is wrapped in a `<div>` unless the target is document.head or `isSVG` is true. setting `useShadow` to true places the element in a shadow root to isolate styles.
 /**
- * renders an arbitrary custom or native component and passes the other props
+ * Renders an arbitrary custom or native component and passes the other props
  * ```typescript
@@ -52,0 +52,0 @@ * <Dynamic component={multiline() ? 'textarea' : 'input'} value={value()} />

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

852941

increased by0.05%

Lines of code

26204

increased by0.03%

Dependency changes

• Updatedseroval@^1.0.4