@solidjs/universal 2.0.0-experimental.1 → 2.0.0-experimental.11

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016-2023 Ryan Carniato
+Copyright (c) 2016-2025 Ryan Carniato
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/dev.cjs

@@ -2,6 +2,8 @@
 
 var solidJs = require('solid-js');
 
+const memo = fn => solidJs.createMemo(() => fn());
+
 function createRenderer({
   createElement,
   createTextNode,
@@ -64,7 +66,7 @@ function createRenderer({
       doNotUnwrap
     });
     if (doNotUnwrap && typeof value === "function") return value;
-    if (multi && value != null && !Array.isArray(value)) value = [value];
+    if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
     if (Array.isArray(value)) {
       for (let i = 0, len = value.length; i < len; i++) {
         const item = value[i],
@@ -164,7 +166,7 @@ function createRenderer({
         prevProps.children = value;
       });
     }
-    solidJs.createRenderEffect(() => props.ref && props.ref(node), () => ({}));
+    solidJs.createRenderEffect(() => props.ref && props.ref(node), () => {});
     solidJs.createRenderEffect(() => {
       const newProps = {};
       for (const prop in props) {
@@ -203,7 +205,7 @@ function createRenderer({
     },
     mergeProps: solidJs.merge,
     effect: solidJs.createRenderEffect,
-    memo: solidJs.createMemo,
+    memo,
     createComponent: solidJs.createComponent,
     use(fn, element, arg) {
       return solidJs.untrack(() => fn(element, arg));

package/dist/dev.js

@@ -1,4 +1,6 @@
-import { createRoot, merge, createRenderEffect, createMemo, createComponent, untrack, flatten } from 'solid-js';
+import { createMemo, createRoot, merge, createRenderEffect, createComponent, untrack, flatten } from 'solid-js';
+
+const memo = fn => createMemo(() => fn());
 
 function createRenderer({
   createElement,
@@ -62,7 +64,7 @@ function createRenderer({
       doNotUnwrap
     });
     if (doNotUnwrap && typeof value === "function") return value;
-    if (multi && value != null && !Array.isArray(value)) value = [value];
+    if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
     if (Array.isArray(value)) {
       for (let i = 0, len = value.length; i < len; i++) {
         const item = value[i],
@@ -162,7 +164,7 @@ function createRenderer({
         prevProps.children = value;
       });
     }
-    createRenderEffect(() => props.ref && props.ref(node), () => ({}));
+    createRenderEffect(() => props.ref && props.ref(node), () => {});
     createRenderEffect(() => {
       const newProps = {};
       for (const prop in props) {
@@ -201,7 +203,7 @@ function createRenderer({
     },
     mergeProps: merge,
     effect: createRenderEffect,
-    memo: createMemo,
+    memo,
     createComponent,
     use(fn, element, arg) {
       return untrack(() => fn(element, arg));

package/dist/universal.cjs

@@ -2,6 +2,8 @@
 
 var solidJs = require('solid-js');
 
+const memo = fn => solidJs.createMemo(() => fn());
+
 function createRenderer({
   createElement,
   createTextNode,
@@ -64,7 +66,7 @@ function createRenderer({
       doNotUnwrap
     });
     if (doNotUnwrap && typeof value === "function") return value;
-    if (multi && value != null && !Array.isArray(value)) value = [value];
+    if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
     if (Array.isArray(value)) {
       for (let i = 0, len = value.length; i < len; i++) {
         const item = value[i],
@@ -164,7 +166,7 @@ function createRenderer({
         prevProps.children = value;
       });
     }
-    solidJs.createRenderEffect(() => props.ref && props.ref(node), () => ({}));
+    solidJs.createRenderEffect(() => props.ref && props.ref(node), () => {});
     solidJs.createRenderEffect(() => {
       const newProps = {};
       for (const prop in props) {
@@ -203,7 +205,7 @@ function createRenderer({
     },
     mergeProps: solidJs.merge,
     effect: solidJs.createRenderEffect,
-    memo: solidJs.createMemo,
+    memo,
     createComponent: solidJs.createComponent,
     use(fn, element, arg) {
       return solidJs.untrack(() => fn(element, arg));

package/dist/universal.js

@@ -1,4 +1,6 @@
-import { createRoot, merge, createRenderEffect, createMemo, createComponent, untrack, flatten } from 'solid-js';
+import { createMemo, createRoot, merge, createRenderEffect, createComponent, untrack, flatten } from 'solid-js';
+
+const memo = fn => createMemo(() => fn());
 
 function createRenderer({
   createElement,
@@ -62,7 +64,7 @@ function createRenderer({
       doNotUnwrap
     });
     if (doNotUnwrap && typeof value === "function") return value;
-    if (multi && value != null && !Array.isArray(value)) value = [value];
+    if (multi && !Array.isArray(value)) value = [value != null ? value : ""];
     if (Array.isArray(value)) {
       for (let i = 0, len = value.length; i < len; i++) {
         const item = value[i],
@@ -162,7 +164,7 @@ function createRenderer({
         prevProps.children = value;
       });
     }
-    createRenderEffect(() => props.ref && props.ref(node), () => ({}));
+    createRenderEffect(() => props.ref && props.ref(node), () => {});
     createRenderEffect(() => {
       const newProps = {};
       for (const prop in props) {
@@ -201,7 +203,7 @@ function createRenderer({
     },
     mergeProps: merge,
     effect: createRenderEffect,
-    memo: createMemo,
+    memo,
     createComponent,
     use(fn, element, arg) {
       return untrack(() => fn(element, arg));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solidjs/universal",
   "description": "Solid's universal runtime for creating custom renderers",
-  "version": "2.0.0-experimental.1",
+  "version": "2.0.0-experimental.11",
   "author": "Ryan Carniato",
   "license": "MIT",
   "homepage": "https://solidjs.com",
@@ -37,10 +37,10 @@
     "./types/*": "./types/*"
   },
   "peerDependencies": {
-    "solid-js": "^2.0.0-experimental.1"
+    "solid-js": "^2.0.0-experimental.11"
   },
   "devDependencies": {
-    "solid-js": "2.0.0-experimental.1"
+    "solid-js": "2.0.0-experimental.11"
   },
   "scripts": {
     "build": "npm-run-all -nl build:*",

package/types/index.d.ts

@@ -1,29 +0,0 @@
-export interface RendererOptions<NodeType> {
-  createElement(tag: string): NodeType;
-  createTextNode(value: string): NodeType;
-  replaceText(textNode: NodeType, value: string): void;
-  isTextNode(node: NodeType): boolean;
-  setProperty<T>(node: NodeType, name: string, value: T, prev?: T): void;
-  insertNode(parent: NodeType, node: NodeType, anchor?: NodeType): void;
-  removeNode(parent: NodeType, node: NodeType): void;
-  getParentNode(node: NodeType): NodeType | undefined;
-  getFirstChild(node: NodeType): NodeType | undefined;
-  getNextSibling(node: NodeType): NodeType | undefined;
-}
-
-export interface Renderer<NodeType> {
-  render(code: () => NodeType, node: NodeType): () => void;
-  effect<T>(fn: (prev?: T) => T, effect: (value: T, prev?: T) => void, init?: T): void;
-  memo<T>(fn: () => T, equal: boolean): () => T;
-  createComponent<T>(Comp: (props: T) => NodeType, props: T): NodeType;
-  createElement(tag: string): NodeType;
-  createTextNode(value: string): NodeType;
-  insertNode(parent: NodeType, node: NodeType, anchor?: NodeType): void;
-  insert<T>(parent: any, accessor: (() => T) | T, marker?: any | null): NodeType;
-  spread<T>(node: any, accessor: (() => T) | T, skipChildren?: Boolean): void;
-  setProp<T>(node: NodeType, name: string, value: T, prev?: T): T;
-  mergeProps(...sources: unknown[]): unknown;
-  use<A, T>(fn: (element: NodeType, arg: A) => T, element: NodeType, arg: A): T;
-}
-
-export function createRenderer<NodeType>(options: RendererOptions<NodeType>): Renderer<NodeType>;