@feedlog-ai/react 0.0.36 → 0.0.38
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 +10 -30
- package/dist/components/stencil-generated/{components.server.d.ts → components.d.ts} +1 -3
- package/dist/components/stencil-generated/components.d.ts.map +1 -0
- package/dist/components/stencil-generated/components.js +73 -0
- package/dist/components/stencil-generated/components.js.map +1 -0
- package/dist/index.d.ts +1 -77
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -200
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/components/stencil-generated/components.server.d.ts.map +0 -1
- package/dist/components/stencil-generated/components.server.js +0 -96
- package/dist/components/stencil-generated/components.server.js.map +0 -1
- package/dist/ssr.d.ts +0 -2
- package/dist/ssr.d.ts.map +0 -1
- package/dist/ssr.js +0 -2
- package/dist/ssr.js.map +0 -1
package/README.md
CHANGED
|
@@ -19,7 +19,7 @@ npm install @feedlog-ai/react
|
|
|
19
19
|
|
|
20
20
|
## Components
|
|
21
21
|
|
|
22
|
-
###
|
|
22
|
+
### FeedlogIssuesClient
|
|
23
23
|
|
|
24
24
|
The main component for displaying GitHub issues with built-in SDK integration.
|
|
25
25
|
|
|
@@ -31,24 +31,22 @@ The main component for displaying GitHub issues with built-in SDK integration.
|
|
|
31
31
|
- `endpoint?`: Custom API endpoint
|
|
32
32
|
- `maxWidth?`: Container max width (default: `'42rem'`)
|
|
33
33
|
- `theme?`: Theme variant - `'light'` or `'dark'` (default: `'light'`)
|
|
34
|
-
- `showThemeToggle?`: Show theme toggle button (default: `true`)
|
|
35
34
|
|
|
36
35
|
**Events:**
|
|
37
36
|
|
|
38
37
|
- `onFeedlogUpvote`: Called when an issue is upvoted
|
|
39
|
-
- `onFeedlogThemeChange`: Called when theme changes
|
|
40
38
|
- `onFeedlogError`: Called on errors
|
|
41
39
|
|
|
42
40
|
## Usage
|
|
43
41
|
|
|
44
42
|
```tsx
|
|
45
43
|
import React from 'react';
|
|
46
|
-
import {
|
|
44
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/react';
|
|
47
45
|
|
|
48
46
|
function App() {
|
|
49
47
|
return (
|
|
50
48
|
<div>
|
|
51
|
-
<
|
|
49
|
+
<FeedlogIssuesClient
|
|
52
50
|
apiKey="your-api-key"
|
|
53
51
|
type="bug"
|
|
54
52
|
limit={10}
|
|
@@ -58,9 +56,6 @@ function App() {
|
|
|
58
56
|
console.log('Issue upvoted:', event.detail);
|
|
59
57
|
// event.detail contains: { issueId, upvoted, upvoteCount }
|
|
60
58
|
}}
|
|
61
|
-
onFeedlogThemeChange={event => {
|
|
62
|
-
console.log('Theme changed to:', event.detail); // 'light' or 'dark'
|
|
63
|
-
}}
|
|
64
59
|
onFeedlogError={event => {
|
|
65
60
|
console.error('Error occurred:', event.detail);
|
|
66
61
|
// event.detail contains: { error, code? }
|
|
@@ -171,7 +166,7 @@ For full SSR of the issues list (no flash of empty content), build a custom wrap
|
|
|
171
166
|
|
|
172
167
|
```tsx
|
|
173
168
|
import React, { useCallback } from 'react';
|
|
174
|
-
import {
|
|
169
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/react';
|
|
175
170
|
|
|
176
171
|
function IssuesComponent() {
|
|
177
172
|
const handleUpvote = useCallback((event: CustomEvent) => {
|
|
@@ -180,11 +175,6 @@ function IssuesComponent() {
|
|
|
180
175
|
console.log(`New upvote count: ${upvoteCount}`);
|
|
181
176
|
}, []);
|
|
182
177
|
|
|
183
|
-
const handleThemeChange = useCallback((event: CustomEvent<'light' | 'dark'>) => {
|
|
184
|
-
console.log(`Theme changed to: ${event.detail}`);
|
|
185
|
-
// Update your app's theme state here
|
|
186
|
-
}, []);
|
|
187
|
-
|
|
188
178
|
const handleError = useCallback((event: CustomEvent) => {
|
|
189
179
|
const { error, code } = event.detail;
|
|
190
180
|
console.error(`Feedlog error (${code}):`, error);
|
|
@@ -192,10 +182,9 @@ function IssuesComponent() {
|
|
|
192
182
|
}, []);
|
|
193
183
|
|
|
194
184
|
return (
|
|
195
|
-
<
|
|
185
|
+
<FeedlogIssuesClient
|
|
196
186
|
apiKey="your-api-key"
|
|
197
187
|
onFeedlogUpvote={handleUpvote}
|
|
198
|
-
onFeedlogThemeChange={handleThemeChange}
|
|
199
188
|
onFeedlogError={handleError}
|
|
200
189
|
/>
|
|
201
190
|
);
|
|
@@ -206,16 +195,12 @@ function IssuesComponent() {
|
|
|
206
195
|
|
|
207
196
|
```tsx
|
|
208
197
|
import React, { useState, useCallback } from 'react';
|
|
209
|
-
import {
|
|
198
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/react';
|
|
210
199
|
|
|
211
200
|
function IssuesWithState() {
|
|
212
201
|
const [theme, setTheme] = useState<'light' | 'dark'>('light');
|
|
213
202
|
const [error, setError] = useState<string | null>(null);
|
|
214
203
|
|
|
215
|
-
const handleThemeChange = useCallback((event: CustomEvent<'light' | 'dark'>) => {
|
|
216
|
-
setTheme(event.detail);
|
|
217
|
-
}, []);
|
|
218
|
-
|
|
219
204
|
const handleError = useCallback((event: CustomEvent) => {
|
|
220
205
|
setError(event.detail.error);
|
|
221
206
|
// Clear error after 5 seconds
|
|
@@ -226,12 +211,7 @@ function IssuesWithState() {
|
|
|
226
211
|
<div>
|
|
227
212
|
{error && <div className="error-banner">Error: {error}</div>}
|
|
228
213
|
|
|
229
|
-
<
|
|
230
|
-
apiKey="your-api-key"
|
|
231
|
-
theme={theme}
|
|
232
|
-
onFeedlogThemeChange={handleThemeChange}
|
|
233
|
-
onFeedlogError={handleError}
|
|
234
|
-
/>
|
|
214
|
+
<FeedlogIssuesClient apiKey="your-api-key" theme={theme} onFeedlogError={handleError} />
|
|
235
215
|
</div>
|
|
236
216
|
);
|
|
237
217
|
}
|
|
@@ -246,12 +226,12 @@ import {
|
|
|
246
226
|
FeedlogBadge,
|
|
247
227
|
FeedlogButton,
|
|
248
228
|
FeedlogCard,
|
|
249
|
-
|
|
229
|
+
FeedlogIssues,
|
|
250
230
|
FeedlogIssuesList
|
|
251
231
|
} from '@feedlog-ai/react';
|
|
252
232
|
|
|
253
233
|
// Badge component
|
|
254
|
-
<FeedlogBadge variant="
|
|
234
|
+
<FeedlogBadge variant="enhancement">New</FeedlogBadge>
|
|
255
235
|
|
|
256
236
|
// Button component
|
|
257
237
|
<FeedlogButton variant="primary" size="lg" onFeedlogClick={handleClick}>
|
|
@@ -271,7 +251,7 @@ All components are fully typed. Import types from the core package if needed:
|
|
|
271
251
|
|
|
272
252
|
```tsx
|
|
273
253
|
import { FeedlogIssue } from '@feedlog-ai/core';
|
|
274
|
-
import {
|
|
254
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/react';
|
|
275
255
|
|
|
276
256
|
// Type-safe event handling
|
|
277
257
|
const handleUpvote = (
|
|
@@ -11,8 +11,6 @@ import { FeedlogIssuesClient as FeedlogIssuesClientElement } from "@feedlog-ai/w
|
|
|
11
11
|
import { FeedlogIssuesList as FeedlogIssuesListElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues-list.js";
|
|
12
12
|
import { FeedlogIssues as FeedlogIssuesElement } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues.js";
|
|
13
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
14
|
export type FeedlogBadgeEvents = NonNullable<unknown>;
|
|
17
15
|
export declare const FeedlogBadge: StencilReactComponent<FeedlogBadgeElement, FeedlogBadgeEvents>;
|
|
18
16
|
export type FeedlogButtonEvents = {
|
|
@@ -58,4 +56,4 @@ export type FeedlogIssuesListEvents = {
|
|
|
58
56
|
}>>;
|
|
59
57
|
};
|
|
60
58
|
export declare const FeedlogIssuesList: StencilReactComponent<FeedlogIssuesListElement, FeedlogIssuesListEvents>;
|
|
61
|
-
//# sourceMappingURL=components.
|
|
59
|
+
//# sourceMappingURL=components.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { FeedlogBadge as FeedlogBadgeElement, defineCustomElement as defineFeedlogBadge } from "@feedlog-ai/webcomponents/dist/components/feedlog-badge.js";
|
|
3
|
+
import { FeedlogButton as FeedlogButtonElement, defineCustomElement as defineFeedlogButton } from "@feedlog-ai/webcomponents/dist/components/feedlog-button.js";
|
|
4
|
+
import { FeedlogCard as FeedlogCardElement, defineCustomElement as defineFeedlogCard } from "@feedlog-ai/webcomponents/dist/components/feedlog-card.js";
|
|
5
|
+
import { FeedlogIssue as FeedlogIssueElement, defineCustomElement as defineFeedlogIssue } from "@feedlog-ai/webcomponents/dist/components/feedlog-issue.js";
|
|
6
|
+
import { FeedlogIssuesClient as FeedlogIssuesClientElement, defineCustomElement as defineFeedlogIssuesClient } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues-client.js";
|
|
7
|
+
import { FeedlogIssuesList as FeedlogIssuesListElement, defineCustomElement as defineFeedlogIssuesList } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues-list.js";
|
|
8
|
+
import { FeedlogIssues as FeedlogIssuesElement, defineCustomElement as defineFeedlogIssues } from "@feedlog-ai/webcomponents/dist/components/feedlog-issues.js";
|
|
9
|
+
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
10
|
+
import React from 'react';
|
|
11
|
+
export const FeedlogBadge = /*@__PURE__*/ createComponent({
|
|
12
|
+
tagName: 'feedlog-badge',
|
|
13
|
+
elementClass: FeedlogBadgeElement,
|
|
14
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
15
|
+
react: React,
|
|
16
|
+
events: {},
|
|
17
|
+
defineCustomElement: defineFeedlogBadge
|
|
18
|
+
});
|
|
19
|
+
export const FeedlogButton = /*@__PURE__*/ createComponent({
|
|
20
|
+
tagName: 'feedlog-button',
|
|
21
|
+
elementClass: FeedlogButtonElement,
|
|
22
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
23
|
+
react: React,
|
|
24
|
+
events: { onFeedlogClick: 'feedlogClick' },
|
|
25
|
+
defineCustomElement: defineFeedlogButton
|
|
26
|
+
});
|
|
27
|
+
export const FeedlogCard = /*@__PURE__*/ createComponent({
|
|
28
|
+
tagName: 'feedlog-card',
|
|
29
|
+
elementClass: FeedlogCardElement,
|
|
30
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
31
|
+
react: React,
|
|
32
|
+
events: {},
|
|
33
|
+
defineCustomElement: defineFeedlogCard
|
|
34
|
+
});
|
|
35
|
+
export const FeedlogIssue = /*@__PURE__*/ createComponent({
|
|
36
|
+
tagName: 'feedlog-issue',
|
|
37
|
+
elementClass: FeedlogIssueElement,
|
|
38
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
39
|
+
react: React,
|
|
40
|
+
events: { onFeedlogUpvote: 'feedlogUpvote' },
|
|
41
|
+
defineCustomElement: defineFeedlogIssue
|
|
42
|
+
});
|
|
43
|
+
export const FeedlogIssues = /*@__PURE__*/ createComponent({
|
|
44
|
+
tagName: 'feedlog-issues',
|
|
45
|
+
elementClass: FeedlogIssuesElement,
|
|
46
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
47
|
+
react: React,
|
|
48
|
+
events: {
|
|
49
|
+
onFeedlogUpvote: 'feedlogUpvote',
|
|
50
|
+
onFeedlogLoadMore: 'feedlogLoadMore'
|
|
51
|
+
},
|
|
52
|
+
defineCustomElement: defineFeedlogIssues
|
|
53
|
+
});
|
|
54
|
+
export const FeedlogIssuesClient = /*@__PURE__*/ createComponent({
|
|
55
|
+
tagName: 'feedlog-issues-client',
|
|
56
|
+
elementClass: FeedlogIssuesClientElement,
|
|
57
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
58
|
+
react: React,
|
|
59
|
+
events: {
|
|
60
|
+
onFeedlogUpvote: 'feedlogUpvote',
|
|
61
|
+
onFeedlogError: 'feedlogError'
|
|
62
|
+
},
|
|
63
|
+
defineCustomElement: defineFeedlogIssuesClient
|
|
64
|
+
});
|
|
65
|
+
export const FeedlogIssuesList = /*@__PURE__*/ createComponent({
|
|
66
|
+
tagName: 'feedlog-issues-list',
|
|
67
|
+
elementClass: FeedlogIssuesListElement,
|
|
68
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
69
|
+
react: React,
|
|
70
|
+
events: { onFeedlogUpvote: 'feedlogUpvote' },
|
|
71
|
+
defineCustomElement: defineFeedlogIssuesList
|
|
72
|
+
});
|
|
73
|
+
//# sourceMappingURL=components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,82 +5,6 @@
|
|
|
5
5
|
* Components properly handle complex props (objects/arrays) by setting them
|
|
6
6
|
* as DOM properties rather than HTML attributes.
|
|
7
7
|
*/
|
|
8
|
-
import React from 'react';
|
|
9
|
-
import type { FeedlogIssue as FeedlogIssueType } from '@feedlog-ai/core';
|
|
10
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issues-client';
|
|
11
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issues';
|
|
12
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issue';
|
|
13
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issues-list';
|
|
14
|
-
import '@feedlog-ai/webcomponents/components/feedlog-badge';
|
|
15
|
-
import '@feedlog-ai/webcomponents/components/feedlog-button';
|
|
16
|
-
import '@feedlog-ai/webcomponents/components/feedlog-card';
|
|
17
8
|
export type { FeedlogIssue } from '@feedlog-ai/core';
|
|
18
|
-
export
|
|
19
|
-
variant?: string;
|
|
20
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
21
|
-
export declare const FeedlogButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
|
|
22
|
-
size?: string;
|
|
23
|
-
variant?: string;
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
type?: string;
|
|
26
|
-
onFeedlogClick?: (event: CustomEvent<MouseEvent>) => void;
|
|
27
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
28
|
-
export declare const FeedlogCard: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
|
|
29
|
-
export interface FeedlogIssuesProps extends React.HTMLAttributes<HTMLElement> {
|
|
30
|
-
issues?: FeedlogIssueType[];
|
|
31
|
-
maxWidth?: string;
|
|
32
|
-
theme?: 'light' | 'dark';
|
|
33
|
-
heading?: string;
|
|
34
|
-
subtitle?: string;
|
|
35
|
-
loading?: boolean;
|
|
36
|
-
error?: string | null;
|
|
37
|
-
hasMore?: boolean;
|
|
38
|
-
isLoadingMore?: boolean;
|
|
39
|
-
onFeedlogUpvote?: (event: CustomEvent<{
|
|
40
|
-
issueId: string;
|
|
41
|
-
currentUpvoted: boolean;
|
|
42
|
-
currentCount: number;
|
|
43
|
-
}>) => void;
|
|
44
|
-
onFeedlogLoadMore?: (event: CustomEvent<void>) => void;
|
|
45
|
-
}
|
|
46
|
-
export declare const FeedlogIssues: React.ForwardRefExoticComponent<FeedlogIssuesProps & React.RefAttributes<HTMLElement>>;
|
|
47
|
-
export interface FeedlogIssuesClientProps extends React.HTMLAttributes<HTMLElement> {
|
|
48
|
-
apiKey: string;
|
|
49
|
-
endpoint?: string;
|
|
50
|
-
type?: 'bug' | 'enhancement';
|
|
51
|
-
limit?: number;
|
|
52
|
-
maxWidth?: string;
|
|
53
|
-
theme?: 'light' | 'dark';
|
|
54
|
-
heading?: string;
|
|
55
|
-
subtitle?: string;
|
|
56
|
-
onFeedlogUpvote?: (event: CustomEvent<{
|
|
57
|
-
issueId: string;
|
|
58
|
-
upvoted: boolean;
|
|
59
|
-
upvoteCount: number;
|
|
60
|
-
}>) => void;
|
|
61
|
-
onFeedlogError?: (event: CustomEvent<{
|
|
62
|
-
error: string;
|
|
63
|
-
code?: number;
|
|
64
|
-
}>) => void;
|
|
65
|
-
}
|
|
66
|
-
export declare const FeedlogIssuesClient: React.ForwardRefExoticComponent<FeedlogIssuesClientProps & React.RefAttributes<HTMLElement>>;
|
|
67
|
-
export interface FeedlogIssuesListProps extends React.HTMLAttributes<HTMLElement> {
|
|
68
|
-
issues?: FeedlogIssueType[];
|
|
69
|
-
onFeedlogUpvote?: (event: CustomEvent<{
|
|
70
|
-
issueId: string;
|
|
71
|
-
currentUpvoted: boolean;
|
|
72
|
-
currentCount: number;
|
|
73
|
-
}>) => void;
|
|
74
|
-
}
|
|
75
|
-
export declare const FeedlogIssuesList: React.ForwardRefExoticComponent<FeedlogIssuesListProps & React.RefAttributes<HTMLElement>>;
|
|
76
|
-
export interface FeedlogIssueProps extends React.HTMLAttributes<HTMLElement> {
|
|
77
|
-
issue: FeedlogIssueType;
|
|
78
|
-
theme?: 'light' | 'dark';
|
|
79
|
-
onFeedlogUpvote?: (event: CustomEvent<{
|
|
80
|
-
issueId: string;
|
|
81
|
-
currentUpvoted: boolean;
|
|
82
|
-
currentCount: number;
|
|
83
|
-
}>) => void;
|
|
84
|
-
}
|
|
85
|
-
export declare const FeedlogIssueComponent: React.ForwardRefExoticComponent<FeedlogIssueProps & React.RefAttributes<HTMLElement>>;
|
|
9
|
+
export * from './components/stencil-generated/components.js';
|
|
86
10
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,cAAc,8CAA8C,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -5,204 +5,5 @@
|
|
|
5
5
|
* Components properly handle complex props (objects/arrays) by setting them
|
|
6
6
|
* as DOM properties rather than HTML attributes.
|
|
7
7
|
*/
|
|
8
|
-
|
|
9
|
-
// Import custom element components - each import auto-registers the component
|
|
10
|
-
// and its dependencies. This uses the dist-custom-elements output which works
|
|
11
|
-
// correctly with modern bundlers (Vite, webpack, etc.), unlike the lazy-loading
|
|
12
|
-
// defineCustomElements() approach that causes 404s in production builds.
|
|
13
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issues-client';
|
|
14
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issues';
|
|
15
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issue';
|
|
16
|
-
import '@feedlog-ai/webcomponents/components/feedlog-issues-list';
|
|
17
|
-
import '@feedlog-ai/webcomponents/components/feedlog-badge';
|
|
18
|
-
import '@feedlog-ai/webcomponents/components/feedlog-button';
|
|
19
|
-
import '@feedlog-ai/webcomponents/components/feedlog-card';
|
|
20
|
-
/**
|
|
21
|
-
* Helper to merge refs
|
|
22
|
-
*/
|
|
23
|
-
function mergeRefs(...refs) {
|
|
24
|
-
return (value) => {
|
|
25
|
-
refs.forEach(ref => {
|
|
26
|
-
if (typeof ref === 'function') {
|
|
27
|
-
ref(value);
|
|
28
|
-
}
|
|
29
|
-
else if (ref && typeof ref === 'object') {
|
|
30
|
-
ref.current = value;
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Converts camelCase prop names to kebab-case for custom element HTML attributes.
|
|
37
|
-
* Stencil SSR outputs kebab-case attributes; React uses camelCase. This ensures
|
|
38
|
-
* server and client output match for hydration.
|
|
39
|
-
*/
|
|
40
|
-
function toKebabCase(str) {
|
|
41
|
-
return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
|
|
42
|
-
}
|
|
43
|
-
/**
|
|
44
|
-
* Converts primitive props to kebab-case attribute names for custom elements.
|
|
45
|
-
* Preserves ref, style, className, children, and suppressHydrationWarning as-is.
|
|
46
|
-
*/
|
|
47
|
-
function primitivePropsToAttributes(props) {
|
|
48
|
-
const passthrough = new Set([
|
|
49
|
-
'ref',
|
|
50
|
-
'style',
|
|
51
|
-
'className',
|
|
52
|
-
'children',
|
|
53
|
-
'suppressHydrationWarning',
|
|
54
|
-
]);
|
|
55
|
-
const result = {};
|
|
56
|
-
for (const [key, value] of Object.entries(props)) {
|
|
57
|
-
if (value === undefined)
|
|
58
|
-
continue;
|
|
59
|
-
const attrName = passthrough.has(key) ? key : toKebabCase(key);
|
|
60
|
-
result[attrName] = value;
|
|
61
|
-
}
|
|
62
|
-
return result;
|
|
63
|
-
}
|
|
64
|
-
/**
|
|
65
|
-
* Helper to separate primitive props (strings, booleans, numbers) from complex props.
|
|
66
|
-
* Primitive props can be passed as HTML attributes, complex props must be set as DOM properties.
|
|
67
|
-
*/
|
|
68
|
-
function separateProps(props) {
|
|
69
|
-
const primitiveProps = {};
|
|
70
|
-
const complexProps = {};
|
|
71
|
-
const eventProps = {};
|
|
72
|
-
Object.entries(props).forEach(([key, value]) => {
|
|
73
|
-
if (key === 'children' ||
|
|
74
|
-
key === 'ref' ||
|
|
75
|
-
key === 'style' ||
|
|
76
|
-
key === 'className' ||
|
|
77
|
-
key === 'suppressHydrationWarning') {
|
|
78
|
-
primitiveProps[key] = value;
|
|
79
|
-
}
|
|
80
|
-
else if (key.startsWith('on') && key[2] === key[2].toUpperCase()) {
|
|
81
|
-
// Event handlers
|
|
82
|
-
eventProps[key] = value;
|
|
83
|
-
}
|
|
84
|
-
else {
|
|
85
|
-
const type = typeof value;
|
|
86
|
-
if (type === 'string' || type === 'boolean' || type === 'number' || value === undefined) {
|
|
87
|
-
primitiveProps[key] = value;
|
|
88
|
-
}
|
|
89
|
-
else {
|
|
90
|
-
// Objects, arrays, functions
|
|
91
|
-
complexProps[key] = value;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
return { primitiveProps, complexProps, eventProps };
|
|
96
|
-
}
|
|
97
|
-
/**
|
|
98
|
-
* Hook to sync complex props and events to a web component element
|
|
99
|
-
*/
|
|
100
|
-
function useWebComponentProps(elementRef, complexProps, eventProps) {
|
|
101
|
-
// Track registered event listeners for cleanup
|
|
102
|
-
const eventListenersRef = useRef(new Map());
|
|
103
|
-
useEffect(() => {
|
|
104
|
-
const element = elementRef.current;
|
|
105
|
-
if (!element)
|
|
106
|
-
return;
|
|
107
|
-
// Set complex props as DOM properties
|
|
108
|
-
Object.entries(complexProps).forEach(([key, value]) => {
|
|
109
|
-
element[key] = value;
|
|
110
|
-
});
|
|
111
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
112
|
-
}, [complexProps]);
|
|
113
|
-
useEffect(() => {
|
|
114
|
-
const element = elementRef.current;
|
|
115
|
-
if (!element)
|
|
116
|
-
return;
|
|
117
|
-
const currentListeners = eventListenersRef.current;
|
|
118
|
-
// Remove old listeners
|
|
119
|
-
currentListeners.forEach((listener, eventName) => {
|
|
120
|
-
element.removeEventListener(eventName, listener);
|
|
121
|
-
});
|
|
122
|
-
currentListeners.clear();
|
|
123
|
-
// Add new listeners
|
|
124
|
-
Object.entries(eventProps).forEach(([key, handler]) => {
|
|
125
|
-
if (typeof handler === 'function') {
|
|
126
|
-
// Convert onFeedlogUpvote -> feedlogUpvote
|
|
127
|
-
const eventName = key.substring(2);
|
|
128
|
-
const eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
|
|
129
|
-
const listener = handler;
|
|
130
|
-
element.addEventListener(eventNameLc, listener);
|
|
131
|
-
currentListeners.set(eventNameLc, listener);
|
|
132
|
-
}
|
|
133
|
-
});
|
|
134
|
-
return () => {
|
|
135
|
-
currentListeners.forEach((listener, eventName) => {
|
|
136
|
-
element.removeEventListener(eventName, listener);
|
|
137
|
-
});
|
|
138
|
-
currentListeners.clear();
|
|
139
|
-
};
|
|
140
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
141
|
-
}, [eventProps]);
|
|
142
|
-
}
|
|
143
|
-
// Simple React wrappers for web components that only have primitive props
|
|
144
|
-
export const FeedlogBadge = React.forwardRef(({ children, ...props }, ref) => React.createElement('feedlog-badge', { ...props, ref }, children));
|
|
145
|
-
FeedlogBadge.displayName = 'FeedlogBadge';
|
|
146
|
-
export const FeedlogButton = React.forwardRef(({ children, onFeedlogClick, ...props }, ref) => {
|
|
147
|
-
const internalRef = useRef(null);
|
|
148
|
-
useEffect(() => {
|
|
149
|
-
const element = internalRef.current;
|
|
150
|
-
if (!element || !onFeedlogClick)
|
|
151
|
-
return;
|
|
152
|
-
const handler = onFeedlogClick;
|
|
153
|
-
element.addEventListener('feedlogClick', handler);
|
|
154
|
-
return () => element.removeEventListener('feedlogClick', handler);
|
|
155
|
-
}, [onFeedlogClick]);
|
|
156
|
-
return React.createElement('feedlog-button', { ...props, ref: mergeRefs(ref, internalRef) }, children);
|
|
157
|
-
});
|
|
158
|
-
FeedlogButton.displayName = 'FeedlogButton';
|
|
159
|
-
export const FeedlogCard = React.forwardRef(({ children, ...props }, ref) => React.createElement('feedlog-card', { ...props, ref }, children));
|
|
160
|
-
FeedlogCard.displayName = 'FeedlogCard';
|
|
161
|
-
export const FeedlogIssues = React.forwardRef(({ children, ...props }, ref) => {
|
|
162
|
-
const internalRef = useRef(null);
|
|
163
|
-
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
164
|
-
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
165
|
-
return React.createElement('feedlog-issues', {
|
|
166
|
-
...primitivePropsToAttributes(primitiveProps),
|
|
167
|
-
ref: mergeRefs(ref, internalRef),
|
|
168
|
-
suppressHydrationWarning: true,
|
|
169
|
-
}, children);
|
|
170
|
-
});
|
|
171
|
-
FeedlogIssues.displayName = 'FeedlogIssues';
|
|
172
|
-
export const FeedlogIssuesClient = React.forwardRef(({ children, ...props }, ref) => {
|
|
173
|
-
const internalRef = useRef(null);
|
|
174
|
-
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
175
|
-
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
176
|
-
return React.createElement('feedlog-issues-client', {
|
|
177
|
-
...primitivePropsToAttributes(primitiveProps),
|
|
178
|
-
ref: mergeRefs(ref, internalRef),
|
|
179
|
-
suppressHydrationWarning: true,
|
|
180
|
-
}, children);
|
|
181
|
-
});
|
|
182
|
-
FeedlogIssuesClient.displayName = 'FeedlogIssuesClient';
|
|
183
|
-
export const FeedlogIssuesList = React.forwardRef(({ children, ...props }, ref) => {
|
|
184
|
-
const internalRef = useRef(null);
|
|
185
|
-
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
186
|
-
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
187
|
-
return React.createElement('feedlog-issues-list', {
|
|
188
|
-
...primitivePropsToAttributes(primitiveProps),
|
|
189
|
-
ref: mergeRefs(ref, internalRef),
|
|
190
|
-
suppressHydrationWarning: true,
|
|
191
|
-
}, children);
|
|
192
|
-
});
|
|
193
|
-
FeedlogIssuesList.displayName = 'FeedlogIssuesList';
|
|
194
|
-
export const FeedlogIssueComponent = React.forwardRef(({ children, ...props }, ref) => {
|
|
195
|
-
const internalRef = useRef(null);
|
|
196
|
-
const { primitiveProps, complexProps, eventProps } = separateProps(props);
|
|
197
|
-
useWebComponentProps(internalRef, complexProps, eventProps);
|
|
198
|
-
return React.createElement('feedlog-issue', {
|
|
199
|
-
...primitivePropsToAttributes(primitiveProps),
|
|
200
|
-
ref: mergeRefs(ref, internalRef),
|
|
201
|
-
suppressHydrationWarning: true,
|
|
202
|
-
}, children);
|
|
203
|
-
});
|
|
204
|
-
FeedlogIssueComponent.displayName = 'FeedlogIssue';
|
|
205
|
-
// Custom elements are auto-defined via the import of '@feedlog-ai/webcomponents/custom-elements' above.
|
|
206
|
-
// No need for defineCustomElements() - the dist-custom-elements bundle handles registration
|
|
207
|
-
// automatically when imported, and works correctly with modern bundlers like Vite.
|
|
8
|
+
export * from './components/stencil-generated/components.js';
|
|
208
9
|
//# 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;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,cAAc,8CAA8C,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.38",
|
|
4
4
|
"description": "React bindings for Feedlog Toolkit Web Components",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"react-dom": ">=17.0.0"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@feedlog-ai/webcomponents": "^0.0.
|
|
51
|
+
"@feedlog-ai/webcomponents": "^0.0.38"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@jest/test-sequencer": "^29.7.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components.server.d.ts","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.server.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,96 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components.server.js","sourceRoot":"","sources":["../../../src/components/stencil-generated/components.server.ts"],"names":[],"mappings":"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"}
|
package/dist/ssr.d.ts
DELETED
package/dist/ssr.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ssr.d.ts","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}
|
package/dist/ssr.js
DELETED
package/dist/ssr.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ssr.js","sourceRoot":"","sources":["../src/ssr.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}
|