@feedlog-ai/react 0.0.34 → 0.0.36

package/README.md

@@ -92,7 +92,7 @@ const nextConfig = {
 export default withFeedlogSSR(nextConfig);
 ```
 
-Then you can use the component in any Next.js app seamlessly.
+Then import components from `@feedlog-ai/react` as usual.
 
 ### Vite / Remix
 
@@ -163,44 +163,9 @@ The compiler-based SSR (used by Vite, Remix, and Next.js with `feedlogSSR` / `wi
 
 This is a [documented limitation](https://stenciljs.com/docs/server-side-rendering) of Stencil's compiler approach ("Static props only").
 
-### Copy Instructions: Full SSR for Issues
+### Build Your Own Feedlog (Full SSR)
 
-If you need the issues list fully server-rendered (no flash of empty content), create a custom wrapper that fetches issues on the server and passes the data to `FeedlogIssues`.
-
-<details>
-<summary>LLM instructions: Build an SSR-compatible issues component</summary>
-
-Copy the following into your LLM to generate a custom SSR-compatible issues component:
-
----
-
-**Context:** The `@stencil/ssr` compiler cannot resolve dynamic props at build time. For full SSR of the issues list, fetch data on the server and pass it to `FeedlogIssues`. Use `FeedlogSDK` from `@feedlog-ai/core` or direct `fetch()` to the Feedlog API.
-
-**Implementation patterns:**
-
-- **Next.js App Router:** Create an async Server Component that calls `new FeedlogSDK({ apiKey }).fetchIssues()`, then renders `<FeedlogIssues issues={issues} ... />`. Import `FeedlogIssues` from `@feedlog-ai/react`.
-- **Next.js Pages Router:** Use `getServerSideProps` or `getStaticProps` to fetch issues, pass to the page, and render `<FeedlogIssues issues={issues} />`.
-- **Vite / Remix:** Fetch in the route loader, pass data to the page component, and render `FeedlogIssues` with the fetched `issues` array.
-
-**Important:** The wrapper must run on the server so props are resolved at request time. Import from `@feedlog-ai/react` (not `@feedlog-ai/react/ssr-components` or `@feedlog-ai/react/next` for the issues components).
-
-**Example (Next.js App Router):**
-
-```tsx
-// app/issues/page.tsx
-import { FeedlogIssues } from '@feedlog-ai/react';
-import { FeedlogSDK } from '@feedlog-ai/core';
-
-export default async function IssuesPage() {
-  const sdk = new FeedlogSDK({ apiKey: process.env.FEEDLOG_API_KEY! });
-  const { issues } = await sdk.fetchIssues({ limit: 10 });
-  return <FeedlogIssues issues={issues} theme="light" />;
-}
-```
-
----
-
-</details>
+For full SSR of the issues list (no flash of empty content), build a custom wrapper that fetches on the server and passes data to `FeedlogIssues`. See [Build Your Own Feedlog](../../docs/BUILD_YOUR_OWN_FEEDLOG.md) for copy-paste instructions for AI assistants and code generators.
 
 ### Event Handling
 

package/dist/next.d.ts

@@ -1,3 +1,2 @@
-export * from './server.js';
 export declare const withFeedlogSSR: (nextConfig: Record<string, unknown>) => import("next").NextConfig;
 //# sourceMappingURL=next.d.ts.map

package/dist/next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../src/next.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC;AAE5B,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,8BAMlD,CAAC"}
+{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../src/next.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,8BAMlD,CAAC"}

package/dist/next.js

@@ -1,8 +1,7 @@
 import stencilSSR from '@stencil/ssr/next';
-export * from './server.js';
 export const withFeedlogSSR = (nextConfig) => stencilSSR({
-    module: import('./server.js'),
-    from: '@feedlog-ai/react/next',
+    module: import('@feedlog-ai/react/ssr-components'),
+    from: '@feedlog-ai/react',
     hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
     serializeShadowRoot: { default: 'declarative-shadow-dom' },
 })(nextConfig);

package/dist/next.js.map

@@ -1 +1 @@
-{"version":3,"file":"next.js","sourceRoot":"","sources":["../src/next.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,cAAc,aAAa,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,UAAmC,EAAE,EAAE,CACpE,UAAU,CAAC;IACT,MAAM,EAAE,MAAM,CAAC,aAAa,CAAC;IAC7B,IAAI,EAAE,wBAAwB;IAC9B,aAAa,EAAE,MAAM,CAAC,mCAAmC,CAAC;IAC1D,mBAAmB,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE;CAC3D,CAAC,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"next.js","sourceRoot":"","sources":["../src/next.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,UAAmC,EAAE,EAAE,CACpE,UAAU,CAAC;IACT,MAAM,EAAE,MAAM,CAAC,kCAAkC,CAAC;IAClD,IAAI,EAAE,mBAAmB;IACzB,aAAa,EAAE,MAAM,CAAC,mCAAmC,CAAC;IAC1D,mBAAmB,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE;CAC3D,CAAC,CAAC,UAAU,CAAC,CAAC"}

package/dist/ssr-components.d.ts

@@ -4,5 +4,5 @@
  * (e.g. apiKey) as their identifier names. Components with complex/runtime
  * props (FeedlogIssuesClient, FeedlogIssueComponent, etc.) are excluded.
  */
-export { FeedlogBadge, FeedlogButton, FeedlogCard } from './index';
+export { FeedlogBadge, FeedlogButton, FeedlogCard } from './index.js';
 //# sourceMappingURL=ssr-components.d.ts.map

package/dist/ssr-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-components.d.ts","sourceRoot":"","sources":["../src/ssr-components.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"ssr-components.d.ts","sourceRoot":"","sources":["../src/ssr-components.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/ssr-components.js

@@ -4,5 +4,5 @@
  * (e.g. apiKey) as their identifier names. Components with complex/runtime
  * props (FeedlogIssuesClient, FeedlogIssueComponent, etc.) are excluded.
  */
-export { FeedlogBadge, FeedlogButton, FeedlogCard } from './index';
+export { FeedlogBadge, FeedlogButton, FeedlogCard } from './index.js';
 //# sourceMappingURL=ssr-components.js.map

package/dist/ssr-components.js.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-components.js","sourceRoot":"","sources":["../src/ssr-components.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"ssr-components.js","sourceRoot":"","sources":["../src/ssr-components.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedlog-ai/react",
-  "version": "0.0.34",
+  "version": "0.0.36",
   "description": "React bindings for Feedlog Toolkit Web Components",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -48,7 +48,7 @@
     "react-dom": ">=17.0.0"
   },
   "dependencies": {
-    "@feedlog-ai/webcomponents": "^0.0.34"
+    "@feedlog-ai/webcomponents": "^0.0.36"
   },
   "devDependencies": {
     "@jest/test-sequencer": "^29.7.0",