@feedlog-ai/react 0.0.28 → 0.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +73 -0
- package/dist/components/stencil-generated/components.server.d.ts +61 -0
- package/dist/components/stencil-generated/components.server.d.ts.map +1 -0
- package/dist/components/stencil-generated/components.server.js +96 -0
- package/dist/components/stencil-generated/components.server.js.map +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +55 -8
- package/dist/index.js.map +1 -1
- package/dist/next.d.ts +2 -0
- package/dist/next.d.ts.map +1 -0
- package/dist/next.js +8 -0
- package/dist/next.js.map +1 -0
- package/dist/ssr.d.ts +2 -0
- package/dist/ssr.d.ts.map +1 -0
- package/dist/ssr.js +2 -0
- package/dist/ssr.js.map +1 -0
- package/dist/start.d.ts +25 -0
- package/dist/start.d.ts.map +1 -0
- package/dist/start.js +25 -0
- package/dist/start.js.map +1 -0
- package/dist/vite.d.ts +7 -0
- package/dist/vite.d.ts.map +1 -0
- package/dist/vite.js +8 -0
- package/dist/vite.js.map +1 -0
- package/package.json +18 -2
package/README.md
CHANGED
|
@@ -73,6 +73,79 @@ function App() {
|
|
|
73
73
|
export default App;
|
|
74
74
|
```
|
|
75
75
|
|
|
76
|
+
## Server-Side Rendering (SSR)
|
|
77
|
+
|
|
78
|
+
The components support Server-Side Rendering out of the box.
|
|
79
|
+
|
|
80
|
+
### Next.js (App Router or Pages Router)
|
|
81
|
+
|
|
82
|
+
Wrap your `next.config.js` or `next.config.ts` with our Next.js SSR helper:
|
|
83
|
+
|
|
84
|
+
```ts
|
|
85
|
+
// next.config.ts
|
|
86
|
+
import { withFeedlogSSR } from '@feedlog-ai/react/next';
|
|
87
|
+
|
|
88
|
+
const nextConfig = {
|
|
89
|
+
// your existing config
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export default withFeedlogSSR(nextConfig);
|
|
93
|
+
```
|
|
94
|
+
|
|
95
|
+
Then you can use the component in any Next.js app seamlessly.
|
|
96
|
+
|
|
97
|
+
### Vite / Remix
|
|
98
|
+
|
|
99
|
+
For Vite-based apps (like Remix or standard Vite React), add our Vite SSR plugin:
|
|
100
|
+
|
|
101
|
+
```ts
|
|
102
|
+
// vite.config.ts
|
|
103
|
+
import { defineConfig } from 'vite';
|
|
104
|
+
import { feedlogSSR } from '@feedlog-ai/react/vite';
|
|
105
|
+
import react from '@vitejs/plugin-react';
|
|
106
|
+
|
|
107
|
+
export default defineConfig({
|
|
108
|
+
plugins: [react(), feedlogSSR()],
|
|
109
|
+
});
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
### TanStack Start
|
|
113
|
+
|
|
114
|
+
TanStack Start is Vite-based, so use the same compiler approach. Add `feedlogSSR()` to your Vite config **after** the React plugin:
|
|
115
|
+
|
|
116
|
+
```ts
|
|
117
|
+
// vite.config.ts
|
|
118
|
+
import { defineConfig } from 'vite';
|
|
119
|
+
import tsConfigPaths from 'vite-tsconfig-paths';
|
|
120
|
+
import { tanstackStart } from '@tanstack/react-start/plugin/vite';
|
|
121
|
+
import viteReact from '@vitejs/plugin-react';
|
|
122
|
+
import { feedlogSSR } from '@feedlog-ai/react/start';
|
|
123
|
+
|
|
124
|
+
export default defineConfig({
|
|
125
|
+
server: { port: 3000 },
|
|
126
|
+
plugins: [
|
|
127
|
+
tsConfigPaths(),
|
|
128
|
+
tanstackStart(),
|
|
129
|
+
viteReact(), // must come after tanstackStart
|
|
130
|
+
feedlogSSR(), // Stencil SSR for Feedlog components
|
|
131
|
+
],
|
|
132
|
+
});
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
**Note:** The SSR plugin requires `@stencil/ssr`. With Vite 7, install it using `npm install @stencil/ssr --legacy-peer-deps` (Stencil SSR currently declares `vite@^6.x` as a peer dependency).
|
|
136
|
+
|
|
137
|
+
**Troubleshooting:** If you see `Expected ">" but found "{"` during the SSR build, the Stencil transform may be failing on complex TypeScript generics in files that import from `@feedlog-ai/react`. Refactor inline generics to type aliases, e.g.:
|
|
138
|
+
|
|
139
|
+
```ts
|
|
140
|
+
// Instead of: useState<Record<string, MyType>>(...)
|
|
141
|
+
type MyState = Record<string, MyType>
|
|
142
|
+
const [state, setState] = useState<MyState>(...)
|
|
143
|
+
|
|
144
|
+
// Instead of: event: CustomEvent<{ a: string; b: number }>
|
|
145
|
+
interface EventDetail { a: string; b: number }
|
|
146
|
+
event: CustomEvent<EventDetail>
|
|
147
|
+
```
|
|
148
|
+
|
|
76
149
|
### Event Handling
|
|
77
150
|
|
|
78
151
|
```tsx
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
import { type FeedlogButtonCustomEvent, type FeedlogIssueCustomEvent, type FeedlogIssuesClientCustomEvent, type FeedlogIssuesCustomEvent, type FeedlogIssuesListCustomEvent } from "@feedlog-ai/webcomponents";
|
|
6
|
+
import { FeedlogBadge as FeedlogBadgeElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-badge.js";
|
|
7
|
+
import { FeedlogButton as FeedlogButtonElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-button.js";
|
|
8
|
+
import { FeedlogCard as FeedlogCardElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-card.js";
|
|
9
|
+
import { FeedlogIssue as FeedlogIssueElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-issue.js";
|
|
10
|
+
import { FeedlogIssuesClient as FeedlogIssuesClientElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues-client.js";
|
|
11
|
+
import { FeedlogIssuesList as FeedlogIssuesListElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues-list.js";
|
|
12
|
+
import { FeedlogIssues as FeedlogIssuesElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues.js";
|
|
13
|
+
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
14
|
+
import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
|
|
15
|
+
export declare const serializeShadowRoot: SerializeShadowRootOptions;
|
|
16
|
+
export type FeedlogBadgeEvents = NonNullable<unknown>;
|
|
17
|
+
export declare const FeedlogBadge: StencilReactComponent<FeedlogBadgeElement, FeedlogBadgeEvents>;
|
|
18
|
+
export type FeedlogButtonEvents = {
|
|
19
|
+
onFeedlogClick: EventName<FeedlogButtonCustomEvent<MouseEvent>>;
|
|
20
|
+
};
|
|
21
|
+
export declare const FeedlogButton: StencilReactComponent<FeedlogButtonElement, FeedlogButtonEvents>;
|
|
22
|
+
export type FeedlogCardEvents = NonNullable<unknown>;
|
|
23
|
+
export declare const FeedlogCard: StencilReactComponent<FeedlogCardElement, FeedlogCardEvents>;
|
|
24
|
+
export type FeedlogIssueEvents = {
|
|
25
|
+
onFeedlogUpvote: EventName<FeedlogIssueCustomEvent<{
|
|
26
|
+
issueId: string;
|
|
27
|
+
currentUpvoted: boolean;
|
|
28
|
+
currentCount: number;
|
|
29
|
+
}>>;
|
|
30
|
+
};
|
|
31
|
+
export declare const FeedlogIssue: StencilReactComponent<FeedlogIssueElement, FeedlogIssueEvents>;
|
|
32
|
+
export type FeedlogIssuesEvents = {
|
|
33
|
+
onFeedlogUpvote: EventName<FeedlogIssuesCustomEvent<{
|
|
34
|
+
issueId: string;
|
|
35
|
+
currentUpvoted: boolean;
|
|
36
|
+
currentCount: number;
|
|
37
|
+
}>>;
|
|
38
|
+
onFeedlogLoadMore: EventName<FeedlogIssuesCustomEvent<void>>;
|
|
39
|
+
};
|
|
40
|
+
export declare const FeedlogIssues: StencilReactComponent<FeedlogIssuesElement, FeedlogIssuesEvents>;
|
|
41
|
+
export type FeedlogIssuesClientEvents = {
|
|
42
|
+
onFeedlogUpvote: EventName<FeedlogIssuesClientCustomEvent<{
|
|
43
|
+
issueId: string;
|
|
44
|
+
upvoted: boolean;
|
|
45
|
+
upvoteCount: number;
|
|
46
|
+
}>>;
|
|
47
|
+
onFeedlogError: EventName<FeedlogIssuesClientCustomEvent<{
|
|
48
|
+
error: string;
|
|
49
|
+
code?: number;
|
|
50
|
+
}>>;
|
|
51
|
+
};
|
|
52
|
+
export declare const FeedlogIssuesClient: StencilReactComponent<FeedlogIssuesClientElement, FeedlogIssuesClientEvents>;
|
|
53
|
+
export type FeedlogIssuesListEvents = {
|
|
54
|
+
onFeedlogUpvote: EventName<FeedlogIssuesListCustomEvent<{
|
|
55
|
+
issueId: string;
|
|
56
|
+
currentUpvoted: boolean;
|
|
57
|
+
currentCount: number;
|
|
58
|
+
}>>;
|
|
59
|
+
};
|
|
60
|
+
export declare const FeedlogIssuesList: StencilReactComponent<FeedlogIssuesListElement, FeedlogIssuesListEvents>;
|
|
61
|
+
//# sourceMappingURL=components.server.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.server.d.ts","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.server.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
+
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
+
*/
|
|
5
|
+
/* eslint-disable */
|
|
6
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
7
|
+
import * as clientComponents from '@feedlog-ai/react';
|
|
8
|
+
import { createComponent } from '@stencil/react-output-target/ssr';
|
|
9
|
+
export const serializeShadowRoot = { default: "declarative-shadow-dom" };
|
|
10
|
+
export const FeedlogBadge = /*@__PURE__*/ createComponent({
|
|
11
|
+
tagName: 'feedlog-badge',
|
|
12
|
+
properties: { variant: 'variant' },
|
|
13
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
14
|
+
clientModule: clientComponents.FeedlogBadge,
|
|
15
|
+
serializeShadowRoot
|
|
16
|
+
});
|
|
17
|
+
export const FeedlogButton = /*@__PURE__*/ createComponent({
|
|
18
|
+
tagName: 'feedlog-button',
|
|
19
|
+
properties: {
|
|
20
|
+
variant: 'variant',
|
|
21
|
+
size: 'size',
|
|
22
|
+
disabled: 'disabled',
|
|
23
|
+
type: 'type'
|
|
24
|
+
},
|
|
25
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
26
|
+
clientModule: clientComponents.FeedlogButton,
|
|
27
|
+
serializeShadowRoot
|
|
28
|
+
});
|
|
29
|
+
export const FeedlogCard = /*@__PURE__*/ createComponent({
|
|
30
|
+
tagName: 'feedlog-card',
|
|
31
|
+
properties: {},
|
|
32
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
33
|
+
clientModule: clientComponents.FeedlogCard,
|
|
34
|
+
serializeShadowRoot
|
|
35
|
+
});
|
|
36
|
+
export const FeedlogIssue = /*@__PURE__*/ createComponent({
|
|
37
|
+
tagName: 'feedlog-issue',
|
|
38
|
+
properties: {
|
|
39
|
+
issueUrl: 'issue-url',
|
|
40
|
+
theme: 'theme'
|
|
41
|
+
},
|
|
42
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
43
|
+
clientModule: clientComponents.FeedlogIssue,
|
|
44
|
+
serializeShadowRoot
|
|
45
|
+
});
|
|
46
|
+
export const FeedlogIssues = /*@__PURE__*/ createComponent({
|
|
47
|
+
tagName: 'feedlog-issues',
|
|
48
|
+
properties: {
|
|
49
|
+
maxWidth: 'max-width',
|
|
50
|
+
limit: 'limit',
|
|
51
|
+
theme: 'theme',
|
|
52
|
+
heading: 'heading',
|
|
53
|
+
subtitle: 'subtitle',
|
|
54
|
+
emptyStateTitle: 'empty-state-title',
|
|
55
|
+
emptyStateMessage: 'empty-state-message',
|
|
56
|
+
loading: 'loading',
|
|
57
|
+
error: 'error',
|
|
58
|
+
hasMore: 'has-more',
|
|
59
|
+
isLoadingMore: 'is-loading-more'
|
|
60
|
+
},
|
|
61
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
62
|
+
clientModule: clientComponents.FeedlogIssues,
|
|
63
|
+
serializeShadowRoot
|
|
64
|
+
});
|
|
65
|
+
export const FeedlogIssuesClient = /*@__PURE__*/ createComponent({
|
|
66
|
+
tagName: 'feedlog-issues-client',
|
|
67
|
+
properties: {
|
|
68
|
+
apiKey: 'api-key',
|
|
69
|
+
type: 'type',
|
|
70
|
+
limit: 'limit',
|
|
71
|
+
sortBy: 'sort-by',
|
|
72
|
+
endpoint: 'endpoint',
|
|
73
|
+
maxWidth: 'max-width',
|
|
74
|
+
theme: 'theme',
|
|
75
|
+
heading: 'heading',
|
|
76
|
+
subtitle: 'subtitle',
|
|
77
|
+
emptyStateTitle: 'empty-state-title',
|
|
78
|
+
emptyStateMessage: 'empty-state-message'
|
|
79
|
+
},
|
|
80
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
81
|
+
clientModule: clientComponents.FeedlogIssuesClient,
|
|
82
|
+
serializeShadowRoot
|
|
83
|
+
});
|
|
84
|
+
export const FeedlogIssuesList = /*@__PURE__*/ createComponent({
|
|
85
|
+
tagName: 'feedlog-issues-list',
|
|
86
|
+
properties: {
|
|
87
|
+
limit: 'limit',
|
|
88
|
+
theme: 'theme',
|
|
89
|
+
emptyStateTitle: 'empty-state-title',
|
|
90
|
+
emptyStateMessage: 'empty-state-message'
|
|
91
|
+
},
|
|
92
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
93
|
+
clientModule: clientComponents.FeedlogIssuesList,
|
|
94
|
+
serializeShadowRoot
|
|
95
|
+
});
|
|
96
|
+
//# sourceMappingURL=components.server.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.server.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.server.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
/**
|
|
2
3
|
* React bindings for Feedlog Toolkit Web Components
|
|
3
4
|
*
|
|
@@ -32,6 +33,35 @@ function mergeRefs(...refs) {
|
|
|
32
33
|
});
|
|
33
34
|
};
|
|
34
35
|
}
|
|
36
|
+
/**
|
|
37
|
+
* Converts camelCase prop names to kebab-case for custom element HTML attributes.
|
|
38
|
+
* Stencil SSR outputs kebab-case attributes; React uses camelCase. This ensures
|
|
39
|
+
* server and client output match for hydration.
|
|
40
|
+
*/
|
|
41
|
+
function toKebabCase(str) {
|
|
42
|
+
return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Converts primitive props to kebab-case attribute names for custom elements.
|
|
46
|
+
* Preserves ref, style, className, children, and suppressHydrationWarning as-is.
|
|
47
|
+
*/
|
|
48
|
+
function primitivePropsToAttributes(props) {
|
|
49
|
+
const passthrough = new Set([
|
|
50
|
+
'ref',
|
|
51
|
+
'style',
|
|
52
|
+
'className',
|
|
53
|
+
'children',
|
|
54
|
+
'suppressHydrationWarning',
|
|
55
|
+
]);
|
|
56
|
+
const result = {};
|
|
57
|
+
for (const [key, value] of Object.entries(props)) {
|
|
58
|
+
if (value === undefined)
|
|
59
|
+
continue;
|
|
60
|
+
const attrName = passthrough.has(key) ? key : toKebabCase(key);
|
|
61
|
+
result[attrName] = value;
|
|
62
|
+
}
|
|
63
|
+
return result;
|
|
64
|
+
}
|
|
35
65
|
/**
|
|
36
66
|
* Helper to separate primitive props (strings, booleans, numbers) from complex props.
|
|
37
67
|
* Primitive props can be passed as HTML attributes, complex props must be set as DOM properties.
|
|
@@ -41,7 +71,11 @@ function separateProps(props) {
|
|
|
41
71
|
const complexProps = {};
|
|
42
72
|
const eventProps = {};
|
|
43
73
|
Object.entries(props).forEach(([key, value]) => {
|
|
44
|
-
if (key === 'children' ||
|
|
74
|
+
if (key === 'children' ||
|
|
75
|
+
key === 'ref' ||
|
|
76
|
+
key === 'style' ||
|
|
77
|
+
key === 'className' ||
|
|
78
|
+
key === 'suppressHydrationWarning') {
|
|
45
79
|
primitiveProps[key] = value;
|
|
46
80
|
}
|
|
47
81
|
else if (key.startsWith('on') && key[2] === key[2].toUpperCase()) {
|
|
@@ -129,31 +163,44 @@ export const FeedlogIssues = React.forwardRef(({ children, ...props }, ref) => {
|
|
|
129
163
|
const internalRef = useRef(null);
|
|
130
164
|
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
131
165
|
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
132
|
-
return React.createElement('feedlog-issues', {
|
|
166
|
+
return React.createElement('feedlog-issues', {
|
|
167
|
+
...primitivePropsToAttributes(primitiveProps),
|
|
168
|
+
ref: mergeRefs(ref, internalRef),
|
|
169
|
+
suppressHydrationWarning: true,
|
|
170
|
+
}, children);
|
|
133
171
|
});
|
|
134
172
|
FeedlogIssues.displayName = 'FeedlogIssues';
|
|
135
173
|
export const FeedlogIssuesClient = React.forwardRef(({ children, ...props }, ref) => {
|
|
136
174
|
const internalRef = useRef(null);
|
|
137
175
|
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
138
176
|
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
139
|
-
return React.createElement('feedlog-issues-client', {
|
|
177
|
+
return React.createElement('feedlog-issues-client', {
|
|
178
|
+
...primitivePropsToAttributes(primitiveProps),
|
|
179
|
+
ref: mergeRefs(ref, internalRef),
|
|
180
|
+
suppressHydrationWarning: true,
|
|
181
|
+
}, children);
|
|
140
182
|
});
|
|
141
183
|
FeedlogIssuesClient.displayName = 'FeedlogIssuesClient';
|
|
142
184
|
export const FeedlogIssuesList = React.forwardRef(({ children, ...props }, ref) => {
|
|
143
185
|
const internalRef = useRef(null);
|
|
144
186
|
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
145
187
|
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
146
|
-
return React.createElement('feedlog-issues-list', {
|
|
188
|
+
return React.createElement('feedlog-issues-list', {
|
|
189
|
+
...primitivePropsToAttributes(primitiveProps),
|
|
190
|
+
ref: mergeRefs(ref, internalRef),
|
|
191
|
+
suppressHydrationWarning: true,
|
|
192
|
+
}, children);
|
|
147
193
|
});
|
|
148
194
|
FeedlogIssuesList.displayName = 'FeedlogIssuesList';
|
|
149
195
|
export const FeedlogIssueComponent = React.forwardRef(({ children, ...props }, ref) => {
|
|
150
196
|
const internalRef = useRef(null);
|
|
151
197
|
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
152
198
|
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
153
|
-
return React.createElement('feedlog-issue', {
|
|
199
|
+
return React.createElement('feedlog-issue', {
|
|
200
|
+
...primitivePropsToAttributes(primitiveProps),
|
|
201
|
+
ref: mergeRefs(ref, internalRef),
|
|
202
|
+
suppressHydrationWarning: true,
|
|
203
|
+
}, children);
|
|
154
204
|
});
|
|
155
205
|
FeedlogIssueComponent.displayName = 'FeedlogIssue';
|
|
156
|
-
// Custom elements are auto-defined via the import of '@feedlog-ai/webcomponents/custom-elements' above.
|
|
157
|
-
// No need for defineCustomElements() - the dist-custom-elements bundle handles registration
|
|
158
|
-
// automatically when imported, and works correctly with modern bundlers like Vite.
|
|
159
206
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGjD,8EAA8E;AAC9E,8EAA8E;AAC9E,gFAAgF;AAChF,yEAAyE;AACzE,OAAO,4DAA4D,CAAC;AACpE,OAAO,qDAAqD,CAAC;AAC7D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,0DAA0D,CAAC;AAClE,OAAO,oDAAoD,CAAC;AAC5D,OAAO,qDAAqD,CAAC;AAC7D,OAAO,mDAAmD,CAAC;AAK3D;;GAEG;AACH,SAAS,SAAS,CAAI,GAAG,IAAkC;IACzD,OAAO,CAAC,KAAQ,EAAE,EAAE;QAClB,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;YACb,CAAC;iBAAM,IAAI,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;gBACzC,GAAiC,CAAC,OAAO,GAAG,KAAK,CAAC;YACrD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAS,aAAa,CAAC,KAA8B;IAKnD,MAAM,cAAc,GAA4B,EAAE,CAAC;IACnD,MAAM,YAAY,GAA4B,EAAE,CAAC;IACjD,MAAM,UAAU,GAA4B,EAAE,CAAC;IAE/C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;QAC7C,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/next.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import stencilSSR from '@stencil/ssr/next';
|
|
2
|
+
export const withFeedlogSSR = (nextConfig) => stencilSSR({
|
|
3
|
+
module: import('@feedlog-ai/react'),
|
|
4
|
+
from: '@feedlog-ai/react',
|
|
5
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
6
|
+
serializeShadowRoot: { default: 'declarative-shadow-dom' },
|
|
7
|
+
})(nextConfig);
|
|
8
|
+
//# sourceMappingURL=next.js.map
|
package/dist/next.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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,mBAAmB,CAAC;IACnC,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.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ssr.d.ts","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}
|
package/dist/ssr.js
ADDED
package/dist/ssr.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ssr.js","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}
|
package/dist/start.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* TanStack Start SSR configuration
|
|
3
|
+
*
|
|
4
|
+
* TanStack Start is Vite-based. Use the same feedlogSSR plugin from the vite export.
|
|
5
|
+
* Add it to your vite.config.ts after the React plugin:
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```ts
|
|
9
|
+
* // vite.config.ts
|
|
10
|
+
* import { defineConfig } from 'vite';
|
|
11
|
+
* import { tanstackStart } from '@tanstack/react-start/plugin/vite';
|
|
12
|
+
* import viteReact from '@vitejs/plugin-react';
|
|
13
|
+
* import { feedlogSSR } from '@feedlog-ai/react/start';
|
|
14
|
+
*
|
|
15
|
+
* export default defineConfig({
|
|
16
|
+
* plugins: [
|
|
17
|
+
* tanstackStart(),
|
|
18
|
+
* viteReact(),
|
|
19
|
+
* feedlogSSR(),
|
|
20
|
+
* ],
|
|
21
|
+
* });
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export { feedlogSSR } from './vite';
|
|
25
|
+
//# sourceMappingURL=start.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"start.d.ts","sourceRoot":"","sources":["../src/start.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC"}
|
package/dist/start.js
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* TanStack Start SSR configuration
|
|
3
|
+
*
|
|
4
|
+
* TanStack Start is Vite-based. Use the same feedlogSSR plugin from the vite export.
|
|
5
|
+
* Add it to your vite.config.ts after the React plugin:
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```ts
|
|
9
|
+
* // vite.config.ts
|
|
10
|
+
* import { defineConfig } from 'vite';
|
|
11
|
+
* import { tanstackStart } from '@tanstack/react-start/plugin/vite';
|
|
12
|
+
* import viteReact from '@vitejs/plugin-react';
|
|
13
|
+
* import { feedlogSSR } from '@feedlog-ai/react/start';
|
|
14
|
+
*
|
|
15
|
+
* export default defineConfig({
|
|
16
|
+
* plugins: [
|
|
17
|
+
* tanstackStart(),
|
|
18
|
+
* viteReact(),
|
|
19
|
+
* feedlogSSR(),
|
|
20
|
+
* ],
|
|
21
|
+
* });
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export { feedlogSSR } from './vite';
|
|
25
|
+
//# sourceMappingURL=start.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"start.js","sourceRoot":"","sources":["../src/start.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC"}
|
package/dist/vite.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;4DAKmB,CAAC;WAAe,CAAC;;CACvD,CAAC"}
|
package/dist/vite.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { stencilSSR } from '@stencil/ssr';
|
|
2
|
+
export const feedlogSSR = () => stencilSSR({
|
|
3
|
+
module: import('@feedlog-ai/react'),
|
|
4
|
+
from: '@feedlog-ai/react',
|
|
5
|
+
hydrateModule: import('@feedlog-ai/webcomponents/hydrate'),
|
|
6
|
+
serializeShadowRoot: { default: 'declarative-shadow-dom' },
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=vite.js.map
|
package/dist/vite.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vite.js","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE,CAC7B,UAAU,CAAC;IACT,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;IACnC,IAAI,EAAE,mBAAmB;IACzB,aAAa,EAAE,MAAM,CAAC,mCAAmC,CAAC;IAC1D,mBAAmB,EAAE,EAAE,OAAO,EAAE,wBAAwB,EAAE;CAC3D,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@feedlog-ai/react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.30",
|
|
4
4
|
"description": "React bindings for Feedlog Toolkit Web Components",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -10,6 +10,21 @@
|
|
|
10
10
|
"import": "./dist/index.js",
|
|
11
11
|
"require": "./dist/index.js",
|
|
12
12
|
"types": "./dist/index.d.ts"
|
|
13
|
+
},
|
|
14
|
+
"./next": {
|
|
15
|
+
"import": "./dist/next.js",
|
|
16
|
+
"require": "./dist/next.js",
|
|
17
|
+
"types": "./dist/next.d.ts"
|
|
18
|
+
},
|
|
19
|
+
"./vite": {
|
|
20
|
+
"import": "./dist/vite.js",
|
|
21
|
+
"require": "./dist/vite.js",
|
|
22
|
+
"types": "./dist/vite.d.ts"
|
|
23
|
+
},
|
|
24
|
+
"./start": {
|
|
25
|
+
"import": "./dist/start.js",
|
|
26
|
+
"require": "./dist/start.js",
|
|
27
|
+
"types": "./dist/start.d.ts"
|
|
13
28
|
}
|
|
14
29
|
},
|
|
15
30
|
"files": [
|
|
@@ -28,10 +43,11 @@
|
|
|
28
43
|
"react-dom": ">=17.0.0"
|
|
29
44
|
},
|
|
30
45
|
"dependencies": {
|
|
31
|
-
"@feedlog-ai/webcomponents": "^0.0.
|
|
46
|
+
"@feedlog-ai/webcomponents": "^0.0.30"
|
|
32
47
|
},
|
|
33
48
|
"devDependencies": {
|
|
34
49
|
"@jest/test-sequencer": "^29.7.0",
|
|
50
|
+
"@stencil/ssr": "^0.3.0",
|
|
35
51
|
"@testing-library/jest-dom": "^5.16.5",
|
|
36
52
|
"@testing-library/react": "^14.0.0",
|
|
37
53
|
"@types/jest": "^29.5.11",
|