{"_id":"@asyncflowstate/solid","_rev":"4-fe49660dd25c1edf3e5f7b5b2d8fd109","name":"@asyncflowstate/solid","dist-tags":{"latest":"3.0.0"},"versions":{"2.0.0":{"name":"@asyncflowstate/solid","version":"2.0.0","keywords":["solidjs","solid","signals","reactive","async","state","loading","error-handling","ux","typescript","data-fetching","state-management"],"author":{"name":"AsyncFlowState Contributors"},"license":"MIT","_id":"@asyncflowstate/solid@2.0.0","maintainers":[{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"}],"homepage":"https://github.com/devhimanshuu/asyncflowstate#readme","bugs":{"url":"https://github.com/devhimanshuu/asyncflowstate/issues"},"dist":{"shasum":"bd3010191a85d8a17f3c9066365d736585aebb32","tarball":"https://registry.npmjs.org/@asyncflowstate/solid/-/solid-2.0.0.tgz","fileCount":9,"integrity":"sha512-rwwn0bGJ79YpSpjV46KGFyuVjG93pYRttCsrWK5Hcn6s27gg59EJ4VV0POEvLiPXkXjKf9AVccKULp8W5wFA2w==","signatures":[{"sig":"MEUCIH9qvvxUut1L0YmC5b1fhGnNekLDAiXwS8+twjUsFgPKAiEA2WfIXW9Kxud/7xEjKxaohvGnFCbxGZCO7sePLsFscOg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":107418},"main":"./dist/index.js","_from":"file:asyncflowstate-solid-2.0.0.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":">=16.0.0"},"exports":{".":{"solid":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"private":false,"scripts":{"dev":"tsup --watch","test":"vitest","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"},"_resolved":"/tmp/faa35e4909c52c8f088a8e442c4390d5/asyncflowstate-solid-2.0.0.tgz","_integrity":"sha512-rwwn0bGJ79YpSpjV46KGFyuVjG93pYRttCsrWK5Hcn6s27gg59EJ4VV0POEvLiPXkXjKf9AVccKULp8W5wFA2w==","repository":{"url":"git+https://github.com/devhimanshuu/asyncflowstate.git","type":"git","directory":"packages/solid"},"_npmVersion":"10.8.2","description":"Official SolidJS bindings for AsyncFlowState. Fine-grained reactive primitives (createFlow, createFlowSequence, createFlowParallel) for managing async loading, error, and success states.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","dependencies":{"@asyncflowstate/core":"2.0.0"},"_hasShrinkwrap":false,"devDependencies":{"solid-js":"^1.9.6"},"peerDependencies":{"solid-js":"^1.7.0 || ^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/solid_2.0.0_1775766038082_0.811836591553941","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@asyncflowstate/solid","version":"2.0.1","keywords":["solidjs","solid","signals","reactive","async","state","loading","error-handling","ux","typescript","data-fetching","state-management"],"author":{"name":"AsyncFlowState Contributors"},"license":"MIT","_id":"@asyncflowstate/solid@2.0.1","maintainers":[{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"}],"homepage":"https://asyncflowstate-js.pages.dev/frameworks/solidjs","bugs":{"url":"https://github.com/devhimanshuu/asyncflowstate/issues"},"dist":{"shasum":"5a070eb3ca043ffb0027437bdda5c6d88240a004","tarball":"https://registry.npmjs.org/@asyncflowstate/solid/-/solid-2.0.1.tgz","fileCount":9,"integrity":"sha512-kGlTBVdBN+2XSmv/peDKXW0JPLRJfPSKTo4AQFLqhPuLaTP3p0FgqEiY4MqOxtftfMZq3k0DkcmTsLjVdQB03w==","signatures":[{"sig":"MEUCIQDdbayoiU0HYhn+jfTSWhb5VZ7X+JsoaHKpmwb3uXpvsgIgU9MXoKHWQKYVHlGGsa5a7R9kinfpAESVtjDdemEDvmo=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":110001},"main":"./dist/index.js","_from":"file:asyncflowstate-solid-2.0.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":">=16.0.0"},"exports":{".":{"solid":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"private":false,"scripts":{"dev":"tsup --watch","test":"vitest","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"},"_resolved":"/tmp/4b4d421428f630f1faaff76aeca448ec/asyncflowstate-solid-2.0.1.tgz","_integrity":"sha512-kGlTBVdBN+2XSmv/peDKXW0JPLRJfPSKTo4AQFLqhPuLaTP3p0FgqEiY4MqOxtftfMZq3k0DkcmTsLjVdQB03w==","repository":{"url":"git+https://github.com/devhimanshuu/asyncflowstate.git","type":"git","directory":"packages/solid"},"_npmVersion":"10.8.2","description":"Official SolidJS bindings for AsyncFlowState. Fine-grained reactive primitives (createFlow, createFlowSequence, createFlowParallel) for managing async loading, error, and success states.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","dependencies":{"@asyncflowstate/core":"2.0.1"},"_hasShrinkwrap":false,"devDependencies":{"solid-js":"^1.9.6"},"peerDependencies":{"solid-js":"^1.7.0 || ^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/solid_2.0.1_1775772480067_0.5346995180983423","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@asyncflowstate/solid","version":"2.0.2","keywords":["solidjs","solid","signals","reactive","async","state","loading","error-handling","ux","typescript","data-fetching","state-management"],"author":{"name":"AsyncFlowState Contributors"},"license":"MIT","_id":"@asyncflowstate/solid@2.0.2","maintainers":[{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"}],"homepage":"https://asyncflowstate-js.pages.dev/frameworks/solidjs","bugs":{"url":"https://github.com/devhimanshuu/asyncflowstate/issues"},"dist":{"shasum":"c822b390d5ae9624cf24bdde535beb9861c7004e","tarball":"https://registry.npmjs.org/@asyncflowstate/solid/-/solid-2.0.2.tgz","fileCount":9,"integrity":"sha512-BxEgJT/D/xIW0VLlzylZKL1bfdr/SwWTJDT3pVjcJGcxY6xbVEn7qoa8UvTiCsTdqpw1lN3smIO8YKMzB7IZJw==","signatures":[{"sig":"MEYCIQCe6CmK+tb0pEfg6bj4U+UIqyYgVGm+tZ59Ky/FYmtiigIhAPtU/rEYZfyUSUNIpdiag+fHBuj1JZmLgw2B2kMsthZV","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":110001},"main":"./dist/index.js","_from":"file:asyncflowstate-solid-2.0.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","engines":{"node":">=16.0.0"},"exports":{".":{"solid":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"private":false,"scripts":{"dev":"tsup --watch","test":"vitest","build":"tsup","typecheck":"tsc --noEmit"},"_npmUser":{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"},"_resolved":"/tmp/49f11987e79888fedcfe10a5c1202476/asyncflowstate-solid-2.0.2.tgz","_integrity":"sha512-BxEgJT/D/xIW0VLlzylZKL1bfdr/SwWTJDT3pVjcJGcxY6xbVEn7qoa8UvTiCsTdqpw1lN3smIO8YKMzB7IZJw==","repository":{"url":"git+https://github.com/devhimanshuu/asyncflowstate.git","type":"git","directory":"packages/solid"},"_npmVersion":"10.8.2","description":"Official SolidJS bindings for AsyncFlowState. Fine-grained reactive primitives (createFlow, createFlowSequence, createFlowParallel) for managing async loading, error, and success states.","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","dependencies":{"@asyncflowstate/core":"2.0.2"},"_hasShrinkwrap":false,"devDependencies":{"solid-js":"^1.9.6"},"peerDependencies":{"solid-js":"^1.7.0 || ^2.0.0"},"_npmOperationalInternal":{"tmp":"tmp/solid_2.0.2_1775774293699_0.5387657390592626","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"@asyncflowstate/solid","version":"3.0.0","private":false,"description":"Official SolidJS bindings for AsyncFlowState. Fine-grained reactive primitives (createFlow, createFlowSequence, createFlowParallel) for managing async loading, error, and success states.","keywords":["solidjs","solid","signals","reactive","async","state","loading","error-handling","ux","typescript","data-fetching","state-management"],"author":{"name":"AsyncFlowState Contributors"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/devhimanshuu/asyncflowstate.git","directory":"packages/solid"},"bugs":{"url":"https://github.com/devhimanshuu/asyncflowstate/issues"},"homepage":"https://asyncflowstate-js.pages.dev/frameworks/solidjs","main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"solid":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"import":{"types":"./dist/index.d.ts","default":"./dist/index.mjs"},"require":{"types":"./dist/index.d.ts","default":"./dist/index.js"}}},"sideEffects":false,"engines":{"node":">=16.0.0"},"peerDependencies":{"solid-js":"^1.7.0 || ^2.0.0"},"dependencies":{"@asyncflowstate/core":"3.0.0"},"devDependencies":{"solid-js":"^1.9.6"},"scripts":{"build":"tsup","dev":"tsup --watch","test":"vitest","typecheck":"tsc --noEmit"},"_id":"@asyncflowstate/solid@3.0.0","_integrity":"sha512-3q2kf+7ZZf3wSEuHlUR2kiFNxvFEtqDiu2GaBjTh9wKKj8nLyQl0DV1bkE0HLnThHcV8KNWiD4ZDYwGzyx3fYA==","_resolved":"C:\\Users\\pc\\AppData\\Local\\Temp\\04b2139b8c6b2e243b830d60ebc0f968\\asyncflowstate-solid-3.0.0.tgz","_from":"file:asyncflowstate-solid-3.0.0.tgz","_nodeVersion":"22.17.1","_npmVersion":"11.13.0","dist":{"integrity":"sha512-3q2kf+7ZZf3wSEuHlUR2kiFNxvFEtqDiu2GaBjTh9wKKj8nLyQl0DV1bkE0HLnThHcV8KNWiD4ZDYwGzyx3fYA==","shasum":"b3eb31eb3b979f32ef603fc2b226b74b644886e1","tarball":"https://registry.npmjs.org/@asyncflowstate/solid/-/solid-3.0.0.tgz","fileCount":9,"unpackedSize":128438,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDyW7+LshbsCZ4UKII15wNM8kJKowMHThj7r8Fm2kXgCQIgNjQ5+ZhnhaPRv7wGQdztI3UCZ+6Oo/zWxAp+hMBr8Og="}]},"_npmUser":{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"},"directories":{},"maintainers":[{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/solid_3.0.0_1777546156901_0.7736105604793782"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-09T20:20:37.974Z","modified":"2026-04-30T10:49:17.220Z","2.0.0":"2026-04-09T20:20:38.266Z","2.0.1":"2026-04-09T22:08:00.237Z","2.0.2":"2026-04-09T22:38:13.841Z","3.0.0":"2026-04-30T10:49:17.089Z"},"bugs":{"url":"https://github.com/devhimanshuu/asyncflowstate/issues"},"author":{"name":"AsyncFlowState Contributors"},"license":"MIT","homepage":"https://asyncflowstate-js.pages.dev/frameworks/solidjs","keywords":["solidjs","solid","signals","reactive","async","state","loading","error-handling","ux","typescript","data-fetching","state-management"],"repository":{"type":"git","url":"git+https://github.com/devhimanshuu/asyncflowstate.git","directory":"packages/solid"},"description":"Official SolidJS bindings for AsyncFlowState. Fine-grained reactive primitives (createFlow, createFlowSequence, createFlowParallel) for managing async loading, error, and success states.","maintainers":[{"name":"devhimanshuu","email":"devhimanshuu@gmail.com"}],"readme":"<div align=\"center\">\n  <a href=\"https://github.com/devhimanshuu/asyncflowstate\">\n    <img src=\"https://raw.githubusercontent.com/devhimanshuu/asyncflowstate/main/assets/AsyncFlowState_logo.png\" width=\"120\" height=\"120\" alt=\"AsyncFlowState Logo\" />\n  </a>\n  <h1>@asyncflowstate/solid <span style=\"font-size: 14px; background: #2c4f7c22; color: #2c4f7c; padding: 4px 10px; border-radius: 20px; vertical-align: middle; margin-left: 10px;\">v3.0.0 Stable</span></h1>\n  <p><b>Official SolidJS bindings for AsyncFlowState — the industry-standard engine for predictable async UI behavior.</b></p>\n\n  <p>\n    <a href=\"https://asyncflowstate-js.pages.dev/frameworks/solidjs\"><img src=\"https://img.shields.io/badge/Documentation-Link-blue.svg\" alt=\"Documentation\" /></a>\n    <a href=\"https://opensource.org/licenses/MIT\"><img src=\"https://img.shields.io/badge/License-MIT-emerald.svg\" alt=\"License: MIT\" /></a>\n    <a href=\"https://www.npmjs.com/package/@asyncflowstate/solid\"><img src=\"https://img.shields.io/npm/v/@asyncflowstate/solid?color=indigo\" alt=\"NPM Version\" /></a>\n  </p>\n</div>\n\n## Installation\n\n```bash\npnpm add @asyncflowstate/solid @asyncflowstate/core\n```\n\n## Quick Start\n\n### Basic Usage\n\n```tsx\nimport { createFlow } from \"@asyncflowstate/solid\";\nimport { Show } from \"solid-js\";\n\nfunction UserCard() {\n  const flow = createFlow(async (id: string) => {\n    const res = await fetch(`/api/users/${id}`);\n    return res.json();\n  });\n\n  return (\n    <div>\n      <button\n        onClick={() => flow.execute(\"user-123\")}\n        disabled={flow.loading()}\n      >\n        {flow.loading() ? \"Loading...\" : \"Fetch User\"}\n      </button>\n\n      <Show when={flow.data()}>{(user) => <p>{user().name}</p>}</Show>\n\n      <Show when={flow.error()}>\n        {(err) => <p class=\"error\">{err().message}</p>}\n      </Show>\n    </div>\n  );\n}\n```\n\n### With Retry & Optimistic Updates\n\n```tsx\nconst flow = createFlow(likePost, {\n  optimisticResult: (prev, [postId]) => ({\n    ...prev,\n    likes: prev.likes + 1,\n  }),\n  rollbackOnError: true,\n  retry: { maxAttempts: 3, backoff: \"exponential\" },\n});\n```\n\n### Global Configuration\n\n```tsx\nimport { FlowProvider } from \"@asyncflowstate/solid\";\n\nfunction App() {\n  return (\n    <FlowProvider\n      config={{\n        onError: (err) => toast.error(err.message),\n        retry: { maxAttempts: 3 },\n      }}\n    >\n      <MyApp />\n    </FlowProvider>\n  );\n}\n```\n\n### Sequential Workflows\n\n```tsx\nimport { createFlowSequence } from \"@asyncflowstate/solid\";\n\nconst sequence = createFlowSequence([\n  { name: \"Validate\", flow: validateFlow.flow },\n  { name: \"Submit\", flow: submitFlow.flow },\n]);\n\n<button onClick={() => sequence.execute()} disabled={sequence.loading()}>\n  Run Workflow ({sequence.progress()}%)\n</button>;\n```\n\n### Keyed Lists\n\n```tsx\nimport { createFlowList } from \"@asyncflowstate/solid\";\nimport { For } from \"solid-js\";\n\nconst list = createFlowList(async (id: string) => api.deleteItem(id));\n\n<For each={items()}>\n  {(item) => (\n    <button\n      onClick={() => list.execute(item.id, item.id)}\n      disabled={list.getStatus(item.id).status === \"loading\"}\n    >\n      Delete\n    </button>\n  )}\n</For>;\n```\n\n## <i class=\"fa-solid fa-sparkles text-amber-500\"></i> New in v3.0\n\n- **Flow DNA:** Self-healing signals that learn from runtime patterns.\n- **Ambient Intelligence:** Background predictive monitoring for SolidJS.\n- **Speculative Execution:** Zero-latency signal updates via intent prediction.\n- **Emotional UX:** Signal-aware adaptive UI transitions.\n- **Collaborative Primitives:** Multi-user state synchronization with fine-grained reactivity.\n- **Edge-First Flows:** Optimized for high-performance edge execution.\n- **Temporal Replay:** Full time-travel through SolidJS signal states.\n- **Telemetry Dashboard:** Live monitoring of all application reactive flows.\n\n## Comprehensive Examples\n\n### 1. Fine-Grained Optimistic UI\n\nUpdate your UI instantly and trust AsyncFlowState to revert to the exact previous state if the network fails.\n\n```tsx\nimport { createFlow } from \"@asyncflowstate/solid\";\n\nfunction LikeButton({ post }) {\n  const flow = createFlow(api.likePost, {\n    // 1. Update state immediately\n    optimisticResult: (prev) => ({\n      ...prev,\n      likes: prev().likes + 1,\n      isLiked: true,\n    }),\n    // 2. Automatically revert on failure\n    rollbackOnError: true,\n    onSuccess: () => toast.success(\"Liked!\"),\n    onError: () => toast.error(\"Connection failed. Reverting...\"),\n  });\n\n  return (\n    <button onClick={() => flow.execute(post.id)} disabled={flow.loading()}>\n      {flow.data()?.isLiked ? \"❤️\" : \"🤍\"} {flow.data()?.likes}\n    </button>\n  );\n}\n```\n\n### 2. AI-Powered: Predictive Intent & Flow DNA\n\nPre-warm your flows before the user even clicks. AsyncFlowState learns from hover patterns to eliminate perceived latency.\n\n```tsx\nimport { createFlow } from \"@asyncflowstate/solid\";\n\nfunction ProductCard({ productId }) {\n  const flow = createFlow(api.getDetails, {\n    predictive: { prefetchOnHover: true },\n  });\n\n  return (\n    <div onMouseEnter={flow.prewarm} class=\"card\">\n      <button onClick={() => flow.execute(productId)}>\n        {flow.status() === \"prewarmed\" ? \"Instant View\" : \"View Details\"}\n      </button>\n    </div>\n  );\n}\n```\n\n### 3. Enterprise Orchestration: `createFlowSequence`\n\nManage complex, interdependent async steps with fine-grained progress tracking.\n\n```tsx\nimport { createFlowSequence } from \"@asyncflowstate/solid\";\n\nfunction SetupWizard() {\n  const sequence = createFlowSequence([\n    { name: \"Create Account\", flow: accountFlow },\n    { name: \"Verify Email\", flow: emailFlow },\n    { name: \"Sync Data\", flow: syncFlow },\n  ]);\n\n  return (\n    <div>\n      <progress value={sequence.progress()} max=\"100\" />\n      <p>Current Step: {sequence.currentStep()?.name}</p>\n      <button onClick={() => sequence.execute()}>Start Setup</button>\n    </div>\n  );\n}\n```\n\n### 4. Real-Time Collaboration: Cross-Tab Mesh\n\nKeep your application state consistent across every open tab automatically.\n\n```tsx\nconst flow = createFlow(api.updateSettings, {\n  crossTab: {\n    sync: true,\n    channel: \"user-settings\",\n  },\n});\n```\n\n### 5. Multi-Keyed Flows: `createFlowList`\n\nManage multiple keyed flow instances with independent reactive signals.\n\n```tsx\nimport { createFlowList } from \"@asyncflowstate/solid\";\nconst list = createFlowList(api.deleteItem);\n\n<For each={items()}>\n  {(item) => (\n    <button\n      onClick={() => list.execute(item.id)}\n      disabled={list.getStatus(item.id).status === \"loading\"}\n    >\n      Delete {item.name}\n    </button>\n  )}\n</For>;\n```\n\n## <i class=\"fa-solid fa-sparkles text-amber-500\"></i> New in v3.0\n\n- **Flow DNA:** Self-healing signals that learn from runtime patterns.\n- **Ambient Intelligence:** Background predictive monitoring for SolidJS.\n- **Speculative Execution:** Zero-latency signal updates via intent prediction.\n- **Emotional UX:** Signal-aware adaptive UI transitions.\n- **Collaborative Primitives:** Multi-user state synchronization with fine-grained reactivity.\n- **Edge-First Flows:** Optimized for high-performance edge execution.\n- **Temporal Replay:** Full time-travel through SolidJS signal states.\n- **Telemetry Dashboard:** Live monitoring of all application reactive flows.\n\n## API Reference\n\n| Function                               | Description                                       |\n| -------------------------------------- | ------------------------------------------------- |\n| `createFlow(action, options?)`         | Core primitive for managing async actions         |\n| `createFlowSequence(steps)`            | Orchestrate sequential workflows                  |\n| `createFlowParallel(flows, strategy?)` | Run flows in parallel                             |\n| `createFlowList(action, options?)`     | Manage multiple keyed flow instances              |\n| `createInfiniteFlow(action, options)`  | Manage paginated/infinite scrolling data fetching |\n| `FlowProvider`                         | Provide global configuration via context          |\n\nAll state values are SolidJS signals (accessor functions) for fine-grained reactivity.\n\n## License\n\nMIT © [AsyncFlowState Contributors](https://github.com/devhimanshuu/asyncflowstate)\n","readmeFilename":"README.md"}