solid-js 1.8.0-beta.1 → 1.8.0

package/h/jsx-runtime/types/jsx.d.ts

@@ -634,7 +634,7 @@ export namespace JSX {
   interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
     accessKey?: FunctionMaybe<string>;
     class?: FunctionMaybe<string> | undefined;
-    contenteditable?: FunctionMaybe<boolean | "inherit">;
+    contenteditable?: FunctionMaybe<boolean | "plaintext-only" | "inherit">;
     contextmenu?: FunctionMaybe<string>;
     dir?: FunctionMaybe<HTMLDir>;
     draggable?: FunctionMaybe<boolean>;
@@ -667,7 +667,7 @@ export namespace JSX {
     inputmode?: FunctionMaybe<
       "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"
     >;
-    contentEditable?: FunctionMaybe<boolean | "inherit">;
+    contentEditable?: FunctionMaybe<boolean | "plaintext-only" | "inherit">;
     contextMenu?: FunctionMaybe<string>;
     tabIndex?: FunctionMaybe<number | string>;
     autoCapitalize?: FunctionMaybe<HTMLAutocapitalize>;
@@ -1528,6 +1528,15 @@ export namespace JSX {
     azimuth?: FunctionMaybe<number | string>;
     elevation?: FunctionMaybe<number | string>;
   }
+  interface FeDropShadowSVGAttributes<T>
+    extends CoreSVGAttributes<T>,
+      FilterPrimitiveElementSVGAttributes<T>,
+      StylableSVGAttributes,
+      Pick<PresentationSVGAttributes, "color" | "flood-color" | "flood-opacity"> {
+    dx?: FunctionMaybe<number | string>;
+    dy?: FunctionMaybe<number | string>;
+    stdDeviation?: FunctionMaybe<number | string>;
+  }
   interface FeFloodSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes,
@@ -1702,6 +1711,7 @@ export namespace JSX {
     height?: FunctionMaybe<number | string>;
   }
   interface MetadataSVGAttributes<T> extends CoreSVGAttributes<T> {}
+  interface MPathSVGAttributes<T> extends CoreSVGAttributes<T> {}
   interface PathSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
       ShapeElementSVGAttributes<T>,
@@ -1770,6 +1780,10 @@ export namespace JSX {
     rx?: FunctionMaybe<number | string>;
     ry?: FunctionMaybe<number | string>;
   }
+  interface SetSVGAttributes<T>
+    extends CoreSVGAttributes<T>,
+      StylableSVGAttributes,
+      AnimationTimingSVGAttributes {}
   interface StopSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       StylableSVGAttributes,
@@ -2020,7 +2034,7 @@ export namespace JSX {
     feDiffuseLighting: FeDiffuseLightingSVGAttributes<SVGFEDiffuseLightingElement>;
     feDisplacementMap: FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;
     feDistantLight: FeDistantLightSVGAttributes<SVGFEDistantLightElement>;
-    feDropShadow: Partial<SVGFEDropShadowElement>;
+    feDropShadow: FeDropShadowSVGAttributes<SVGFEDropShadowElement>;
     feFlood: FeFloodSVGAttributes<SVGFEFloodElement>;
     feFuncA: FeFuncSVGAttributes<SVGFEFuncAElement>;
     feFuncB: FeFuncSVGAttributes<SVGFEFuncBElement>;
@@ -2046,14 +2060,14 @@ export namespace JSX {
     marker: MarkerSVGAttributes<SVGMarkerElement>;
     mask: MaskSVGAttributes<SVGMaskElement>;
     metadata: MetadataSVGAttributes<SVGMetadataElement>;
-    mpath: Partial<SVGMPathElement>;
+    mpath: MPathSVGAttributes<SVGMPathElement>;
     path: PathSVGAttributes<SVGPathElement>;
     pattern: PatternSVGAttributes<SVGPatternElement>;
     polygon: PolygonSVGAttributes<SVGPolygonElement>;
     polyline: PolylineSVGAttributes<SVGPolylineElement>;
     radialGradient: RadialGradientSVGAttributes<SVGRadialGradientElement>;
     rect: RectSVGAttributes<SVGRectElement>;
-    set: Partial<SVGSetElement>;
+    set: SetSVGAttributes<SVGSetElement>;
     stop: StopSVGAttributes<SVGStopElement>;
     svg: SvgSVGAttributes<SVGSVGElement>;
     switch: SwitchSVGAttributes<SVGSwitchElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "solid-js",
   "description": "A declarative JavaScript library for building user interfaces.",
-  "version": "1.8.0-beta.1",
+  "version": "1.8.0",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",

package/types/jsx.d.ts

@@ -710,7 +710,7 @@ export namespace JSX {
     // [key: ClassKeys]: boolean;
     accessKey?: string;
     class?: string | undefined;
-    contenteditable?: boolean | "inherit";
+    contenteditable?: boolean | "plaintext-only" | "inherit";
     contextmenu?: string;
     dir?: HTMLDir;
     draggable?: boolean | "false" | "true";
@@ -742,7 +742,7 @@ export namespace JSX {
     part?: string;
     exportparts?: string;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
-    contentEditable?: boolean | "inherit";
+    contentEditable?: boolean | "plaintext-only" | "inherit";
     contextMenu?: string;
     tabIndex?: number | string;
     autoCapitalize?: HTMLAutocapitalize;
@@ -1606,6 +1606,15 @@ export namespace JSX {
     azimuth?: number | string;
     elevation?: number | string;
   }
+  interface FeDropShadowSVGAttributes<T>
+    extends CoreSVGAttributes<T>,
+      FilterPrimitiveElementSVGAttributes<T>,
+      StylableSVGAttributes,
+      Pick<PresentationSVGAttributes, "color" | "flood-color" | "flood-opacity"> {
+    dx?: number | string;
+    dy?: number | string;
+    stdDeviation?: number | string;
+  }
   interface FeFloodSVGAttributes<T>
     extends FilterPrimitiveElementSVGAttributes<T>,
       StylableSVGAttributes,
@@ -1780,6 +1789,7 @@ export namespace JSX {
     height?: number | string;
   }
   interface MetadataSVGAttributes<T> extends CoreSVGAttributes<T> {}
+  interface MPathSVGAttributes<T> extends CoreSVGAttributes<T> {}
   interface PathSVGAttributes<T>
     extends GraphicsElementSVGAttributes<T>,
       ShapeElementSVGAttributes<T>,
@@ -1848,6 +1858,10 @@ export namespace JSX {
     rx?: number | string;
     ry?: number | string;
   }
+  interface SetSVGAttributes<T>
+    extends CoreSVGAttributes<T>,
+      StylableSVGAttributes,
+      AnimationTimingSVGAttributes {}
   interface StopSVGAttributes<T>
     extends CoreSVGAttributes<T>,
       StylableSVGAttributes,
@@ -2098,7 +2112,7 @@ export namespace JSX {
     feDiffuseLighting: FeDiffuseLightingSVGAttributes<SVGFEDiffuseLightingElement>;
     feDisplacementMap: FeDisplacementMapSVGAttributes<SVGFEDisplacementMapElement>;
     feDistantLight: FeDistantLightSVGAttributes<SVGFEDistantLightElement>;
-    feDropShadow: Partial<SVGFEDropShadowElement>;
+    feDropShadow: FeDropShadowSVGAttributes<SVGFEDropShadowElement>;
     feFlood: FeFloodSVGAttributes<SVGFEFloodElement>;
     feFuncA: FeFuncSVGAttributes<SVGFEFuncAElement>;
     feFuncB: FeFuncSVGAttributes<SVGFEFuncBElement>;
@@ -2124,14 +2138,14 @@ export namespace JSX {
     marker: MarkerSVGAttributes<SVGMarkerElement>;
     mask: MaskSVGAttributes<SVGMaskElement>;
     metadata: MetadataSVGAttributes<SVGMetadataElement>;
-    mpath: Partial<SVGMPathElement>;
+    mpath: MPathSVGAttributes<SVGMPathElement>;
     path: PathSVGAttributes<SVGPathElement>;
     pattern: PatternSVGAttributes<SVGPatternElement>;
     polygon: PolygonSVGAttributes<SVGPolygonElement>;
     polyline: PolylineSVGAttributes<SVGPolylineElement>;
     radialGradient: RadialGradientSVGAttributes<SVGRadialGradientElement>;
     rect: RectSVGAttributes<SVGRectElement>;
-    set: Partial<SVGSetElement>;
+    set: SetSVGAttributes<SVGSetElement>;
     stop: StopSVGAttributes<SVGStopElement>;
     svg: SvgSVGAttributes<SVGSVGElement>;
     switch: SwitchSVGAttributes<SVGSwitchElement>;

package/web/dist/dev.cjs

@@ -146,13 +146,19 @@ function clearDelegatedEvents(document = window.document) {
     delete document[$$EVENTS];
   }
 }
+function setProperty(node, name, value) {
+  !solidJs.sharedConfig.context && (node[name] = value);
+}
 function setAttribute(node, name, value) {
+  if (solidJs.sharedConfig.context) return;
   if (value == null) node.removeAttribute(name);else node.setAttribute(name, value);
 }
 function setAttributeNS(node, namespace, name, value) {
+  if (solidJs.sharedConfig.context) return;
   if (value == null) node.removeAttributeNS(namespace, name);else node.setAttributeNS(namespace, name, value);
 }
 function className(node, value) {
+  if (solidJs.sharedConfig.context) return;
   if (value == null) node.removeAttribute("class");else node.className = value;
 }
 function addEventListener(node, name, handler, delegate) {
@@ -225,9 +231,6 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
-function innerHTML(parent, content) {
-  !solidJs.sharedConfig.context && (parent.innerHTML = content);
-}
 function use(fn, element, arg) {
   return solidJs.untrack(() => fn(element, arg));
 }
@@ -360,7 +363,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
     if (forceProp) {
       prop = prop.slice(5);
       isProp = true;
-    }
+    } else if (solidJs.sharedConfig.context) return value;
     if (prop === "class" || prop === "className") className(node, value);else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;else node[propAlias || prop] = value;
   } else {
     const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
@@ -534,6 +537,9 @@ function Hydration(props) {
   return props.children;
 }
 function voidFn() {}
+function innerHTML(parent, content) {
+  !solidJs.sharedConfig.context && (parent.innerHTML = content);
+}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -724,6 +730,7 @@ exports.resolveSSRNode = resolveSSRNode;
 exports.runHydrationEvents = runHydrationEvents;
 exports.setAttribute = setAttribute;
 exports.setAttributeNS = setAttributeNS;
+exports.setProperty = setProperty;
 exports.spread = spread;
 exports.ssr = ssr;
 exports.ssrAttribute = ssrAttribute;

package/web/dist/dev.js

@@ -1,7 +1,7 @@
 import {
   createRoot,
-  createRenderEffect,
   sharedConfig,
+  createRenderEffect,
   untrack,
   enableHydration,
   getOwner,
@@ -593,15 +593,21 @@ function clearDelegatedEvents(document = window.document) {
     delete document[$$EVENTS];
   }
 }
+function setProperty(node, name, value) {
+  !sharedConfig.context && (node[name] = value);
+}
 function setAttribute(node, name, value) {
+  if (sharedConfig.context) return;
   if (value == null) node.removeAttribute(name);
   else node.setAttribute(name, value);
 }
 function setAttributeNS(node, namespace, name, value) {
+  if (sharedConfig.context) return;
   if (value == null) node.removeAttributeNS(namespace, name);
   else node.setAttributeNS(namespace, name, value);
 }
 function className(node, value) {
+  if (sharedConfig.context) return;
   if (value == null) node.removeAttribute("class");
   else node.className = value;
 }
@@ -677,9 +683,6 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
-function innerHTML(parent, content) {
-  !sharedConfig.context && (parent.innerHTML = content);
-}
 function use(fn, element, arg) {
   return untrack(() => fn(element, arg));
 }
@@ -817,7 +820,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
     if (forceProp) {
       prop = prop.slice(5);
       isProp = true;
-    }
+    } else if (sharedConfig.context) return value;
     if (prop === "class" || prop === "className") className(node, value);
     else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
     else node[propAlias || prop] = value;
@@ -1005,6 +1008,9 @@ function Hydration(props) {
   return props.children;
 }
 function voidFn() {}
+function innerHTML(parent, content) {
+  !sharedConfig.context && (parent.innerHTML = content);
+}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -1145,6 +1151,7 @@ export {
   runHydrationEvents,
   setAttribute,
   setAttributeNS,
+  setProperty,
   spread,
   ssr,
   ssrAttribute,

package/web/dist/web.cjs

@@ -146,13 +146,19 @@ function clearDelegatedEvents(document = window.document) {
     delete document[$$EVENTS];
   }
 }
+function setProperty(node, name, value) {
+  !solidJs.sharedConfig.context && (node[name] = value);
+}
 function setAttribute(node, name, value) {
+  if (solidJs.sharedConfig.context) return;
   if (value == null) node.removeAttribute(name);else node.setAttribute(name, value);
 }
 function setAttributeNS(node, namespace, name, value) {
+  if (solidJs.sharedConfig.context) return;
   if (value == null) node.removeAttributeNS(namespace, name);else node.setAttributeNS(namespace, name, value);
 }
 function className(node, value) {
+  if (solidJs.sharedConfig.context) return;
   if (value == null) node.removeAttribute("class");else node.className = value;
 }
 function addEventListener(node, name, handler, delegate) {
@@ -225,9 +231,6 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
-function innerHTML(parent, content) {
-  !solidJs.sharedConfig.context && (parent.innerHTML = content);
-}
 function use(fn, element, arg) {
   return solidJs.untrack(() => fn(element, arg));
 }
@@ -360,7 +363,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
     if (forceProp) {
       prop = prop.slice(5);
       isProp = true;
-    }
+    } else if (solidJs.sharedConfig.context) return value;
     if (prop === "class" || prop === "className") className(node, value);else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;else node[propAlias || prop] = value;
   } else {
     const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
@@ -534,6 +537,9 @@ function Hydration(props) {
   return props.children;
 }
 function voidFn() {}
+function innerHTML(parent, content) {
+  !solidJs.sharedConfig.context && (parent.innerHTML = content);
+}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -724,6 +730,7 @@ exports.resolveSSRNode = resolveSSRNode;
 exports.runHydrationEvents = runHydrationEvents;
 exports.setAttribute = setAttribute;
 exports.setAttributeNS = setAttributeNS;
+exports.setProperty = setProperty;
 exports.spread = spread;
 exports.ssr = ssr;
 exports.ssrAttribute = ssrAttribute;

package/web/dist/web.js

@@ -1,7 +1,7 @@
 import {
   createRoot,
-  createRenderEffect,
   sharedConfig,
+  createRenderEffect,
   untrack,
   enableHydration,
   getOwner,
@@ -593,15 +593,21 @@ function clearDelegatedEvents(document = window.document) {
     delete document[$$EVENTS];
   }
 }
+function setProperty(node, name, value) {
+  !sharedConfig.context && (node[name] = value);
+}
 function setAttribute(node, name, value) {
+  if (sharedConfig.context) return;
   if (value == null) node.removeAttribute(name);
   else node.setAttribute(name, value);
 }
 function setAttributeNS(node, namespace, name, value) {
+  if (sharedConfig.context) return;
   if (value == null) node.removeAttributeNS(namespace, name);
   else node.setAttributeNS(namespace, name, value);
 }
 function className(node, value) {
+  if (sharedConfig.context) return;
   if (value == null) node.removeAttribute("class");
   else node.className = value;
 }
@@ -677,9 +683,6 @@ function dynamicProperty(props, key) {
   });
   return props;
 }
-function innerHTML(parent, content) {
-  !sharedConfig.context && (parent.innerHTML = content);
-}
 function use(fn, element, arg) {
   return untrack(() => fn(element, arg));
 }
@@ -817,7 +820,7 @@ function assignProp(node, prop, value, prev, isSVG, skipRef) {
     if (forceProp) {
       prop = prop.slice(5);
       isProp = true;
-    }
+    } else if (sharedConfig.context) return value;
     if (prop === "class" || prop === "className") className(node, value);
     else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
     else node[propAlias || prop] = value;
@@ -1005,6 +1008,9 @@ function Hydration(props) {
   return props.children;
 }
 function voidFn() {}
+function innerHTML(parent, content) {
+  !sharedConfig.context && (parent.innerHTML = content);
+}
 
 function throwInBrowser(func) {
   const err = new Error(`${func.name} is not supported in the browser, returning undefined`);
@@ -1145,6 +1151,7 @@ export {
   runHydrationEvents,
   setAttribute,
   setAttributeNS,
+  setProperty,
   spread,
   ssr,
   ssrAttribute,

package/web/types/client.d.ts

@@ -33,7 +33,7 @@ export function assign(node: Element, props: any, isSVG?: Boolean, skipChildren?
 export function setAttribute(node: Element, name: string, value: string): void;
 export function setAttributeNS(node: Element, namespace: string, name: string, value: string): void;
 export function className(node: Element, value: string): void;
-export function innerHTML(node: Element, content: string): void;
+export function setProperty(node: Element, name: string, value: any): void;
 export function addEventListener(
   node: Element,
   name: string,