@corvu-next/persistent 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-2025 Jasmin Noetzli
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,45 @@
+<div align="center">
+  <a href="https://corvu.dev/docs/utilities/persistent">
+    <img src="https://corvu.dev/readme/solid-persistent.png" width=1000 alt="Solid Persistent" />
+  </a>
+</div>
+<br />
+
+SolidJS utility to create persistent components that keep their state and elements cached when removed from the DOM.
+
+## Features
+
+- Persists both JavaScript state and HTML elements
+- Supports SSR
+
+## Usage
+
+Import the `createPersistent` utility and pass your component to it. Make sure to call the utility inside a component that doesn't unmount. Then use the returned Accessor in your JSX where it can unmount.
+
+```tsx
+import createPersistent from 'solid-persistent'
+```
+
+```tsx
+const PersistedDialogContent = () => {
+  const persistedContent = createPersistent(() => {
+    return <input />
+  })
+
+  return (
+  <Dialog>
+      <Dialog.Trigger>
+        Open
+      </Dialog.Trigger>
+      <Dialog.Portal>
+        <Dialog.Content>
+          {persistedContent()}
+        </Dialog.Content>
+      </Dialog.Portal>
+    </Dialog>
+  )
+}
+```
+
+## Further Reading
+This utility is from the maintainers of [corvu](https://corvu.dev), a collection of unstyled, accessible and customizable UI primitives for SolidJS. It is also documented in the corvu docs under [Persistent](https://corvu.dev/docs/utilities/persistent).

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from '@solidjs/web';
+
+/**
+ * Creates a persistent component that keeps its state and elements cached
+ * when removed from the DOM. Call the returned accessor to get the cached
+ * element tree — on first call it materializes; subsequent calls return
+ * the same memoized tree.
+ *
+ * @param component - Render function producing the element tree to persist.
+ * @returns An accessor returning the persisted JSX element.
+ */
+declare const createPersistent: (component: () => JSX.Element) => (() => JSX.Element);
+
+export { createPersistent as default };

package/dist/index.js

@@ -0,0 +1,20 @@
+import { getOwner, runWithOwner, createMemo } from 'solid-js';
+
+// src/persistent.ts
+var createPersistent = (component) => {
+  let owner = null;
+  let memoizedComponent;
+  return () => {
+    if (!memoizedComponent) {
+      owner = getOwner();
+      memoizedComponent = runWithOwner(owner, () => createMemo(component));
+    }
+    return memoizedComponent();
+  };
+};
+var persistent_default = createPersistent;
+
+// src/index.ts
+var index_default = persistent_default;
+
+export { index_default as default };

package/dist/index.jsx

@@ -0,0 +1,20 @@
+// src/persistent.ts
+import { createMemo, getOwner, runWithOwner } from "solid-js";
+var createPersistent = (component) => {
+  let owner = null;
+  let memoizedComponent;
+  return () => {
+    if (!memoizedComponent) {
+      owner = getOwner();
+      memoizedComponent = runWithOwner(owner, () => createMemo(component));
+    }
+    return memoizedComponent();
+  };
+};
+var persistent_default = createPersistent;
+
+// src/index.ts
+var index_default = persistent_default;
+export {
+  index_default as default
+};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@corvu-next/persistent",
+  "version": "0.1.0",
+  "description": "SolidJS 2 utility for keeping elements in DOM while hidden.",
+  "license": "MIT",
+  "author": {
+    "name": "Jasmin Noetzli (upstream), @corvu-next contributors (fork)"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "solid": "./dist/index.jsx",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/index.d.ts"
+      ]
+    }
+  },
+  "peerDependencies": {
+    "solid-js": "2.0.0-beta.15",
+    "@solidjs/web": "2.0.0-beta.15"
+  },
+  "devDependencies": {
+    "@solidjs/web": "2.0.0-beta.15",
+    "esbuild-plugin-solid": "^0.6.0",
+    "solid-js": "2.0.0-beta.15",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.2"
+  },
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf .turbo dist node_modules",
+    "lint": "tsc --noEmit"
+  }
+}