@feedlog-ai/vue 0.0.22 → 0.0.24
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 +17 -25
- package/dist/components.d.ts +2 -2
- package/dist/components.d.ts.map +1 -1
- package/dist/components.js +12 -10
- package/dist/components.js.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -19,9 +19,9 @@ npm install @feedlog-ai/vue
|
|
|
19
19
|
|
|
20
20
|
## Components
|
|
21
21
|
|
|
22
|
-
###
|
|
22
|
+
### FeedlogIssuesClient
|
|
23
23
|
|
|
24
|
-
The main component for displaying
|
|
24
|
+
The main component for displaying issues with built-in SDK integration.
|
|
25
25
|
|
|
26
26
|
**Props:**
|
|
27
27
|
|
|
@@ -46,7 +46,7 @@ The main component for displaying GitHub issues with built-in SDK integration.
|
|
|
46
46
|
```vue
|
|
47
47
|
<template>
|
|
48
48
|
<div>
|
|
49
|
-
<
|
|
49
|
+
<FeedlogIssuesClient
|
|
50
50
|
api-key="your-api-key"
|
|
51
51
|
type="bug"
|
|
52
52
|
:limit="10"
|
|
@@ -60,7 +60,7 @@ The main component for displaying GitHub issues with built-in SDK integration.
|
|
|
60
60
|
</template>
|
|
61
61
|
|
|
62
62
|
<script setup lang="ts">
|
|
63
|
-
import {
|
|
63
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/vue';
|
|
64
64
|
|
|
65
65
|
const handleUpvote = (event: CustomEvent) => {
|
|
66
66
|
console.log('Issue upvoted:', event.detail);
|
|
@@ -82,19 +82,15 @@ const handleError = (event: CustomEvent) => {
|
|
|
82
82
|
|
|
83
83
|
```vue
|
|
84
84
|
<template>
|
|
85
|
-
<
|
|
86
|
-
api-key="your-api-key"
|
|
87
|
-
@feedlog-upvote="onUpvote"
|
|
88
|
-
@feedlog-error="onError"
|
|
89
|
-
/>
|
|
85
|
+
<FeedlogIssuesClient api-key="your-api-key" @feedlog-upvote="onUpvote" @feedlog-error="onError" />
|
|
90
86
|
</template>
|
|
91
87
|
|
|
92
88
|
<script lang="ts">
|
|
93
|
-
import {
|
|
89
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/vue';
|
|
94
90
|
|
|
95
91
|
export default {
|
|
96
92
|
components: {
|
|
97
|
-
|
|
93
|
+
FeedlogIssuesClient,
|
|
98
94
|
},
|
|
99
95
|
methods: {
|
|
100
96
|
onUpvote(event: CustomEvent) {
|
|
@@ -112,15 +108,15 @@ export default {
|
|
|
112
108
|
|
|
113
109
|
```vue
|
|
114
110
|
<template>
|
|
115
|
-
<feedlog-
|
|
111
|
+
<feedlog-issues-client api-key="your-api-key" @feedlog-upvote="handleUpvote" />
|
|
116
112
|
</template>
|
|
117
113
|
|
|
118
114
|
<script>
|
|
119
|
-
import {
|
|
115
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/vue';
|
|
120
116
|
|
|
121
117
|
export default {
|
|
122
118
|
components: {
|
|
123
|
-
|
|
119
|
+
FeedlogIssuesClient,
|
|
124
120
|
},
|
|
125
121
|
methods: {
|
|
126
122
|
handleUpvote(event) {
|
|
@@ -147,7 +143,7 @@ export default {
|
|
|
147
143
|
</button>
|
|
148
144
|
</div>
|
|
149
145
|
|
|
150
|
-
<
|
|
146
|
+
<FeedlogIssuesClient
|
|
151
147
|
api-key="your-api-key"
|
|
152
148
|
:type="issueType"
|
|
153
149
|
:theme="theme"
|
|
@@ -158,7 +154,7 @@ export default {
|
|
|
158
154
|
|
|
159
155
|
<script setup lang="ts">
|
|
160
156
|
import { ref } from 'vue';
|
|
161
|
-
import {
|
|
157
|
+
import { FeedlogIssuesClient } from '@feedlog-ai/vue';
|
|
162
158
|
|
|
163
159
|
const issueType = ref<'bug' | 'enhancement'>('bug');
|
|
164
160
|
const theme = ref<'light' | 'dark'>('light');
|
|
@@ -177,11 +173,7 @@ const updateTheme = (event: CustomEvent<'light' | 'dark'>) => {
|
|
|
177
173
|
|
|
178
174
|
```vue
|
|
179
175
|
<template>
|
|
180
|
-
<
|
|
181
|
-
api-key="your-api-key"
|
|
182
|
-
@feedlog-upvote="onUpvote"
|
|
183
|
-
@feedlog-error="onError"
|
|
184
|
-
/>
|
|
176
|
+
<FeedlogIssuesClient api-key="your-api-key" @feedlog-upvote="onUpvote" @feedlog-error="onError" />
|
|
185
177
|
</template>
|
|
186
178
|
|
|
187
179
|
<script setup lang="ts">
|
|
@@ -257,12 +249,12 @@ You can register components globally in your Vue app:
|
|
|
257
249
|
```ts
|
|
258
250
|
// main.ts
|
|
259
251
|
import { createApp } from 'vue';
|
|
260
|
-
import {
|
|
252
|
+
import { FeedlogIssuesClient, FeedlogBadge } from '@feedlog-ai/vue';
|
|
261
253
|
|
|
262
254
|
const app = createApp(App);
|
|
263
255
|
|
|
264
256
|
// Register specific components
|
|
265
|
-
app.component('
|
|
257
|
+
app.component('FeedlogIssuesClient', FeedlogIssuesClient);
|
|
266
258
|
app.component('FeedlogBadge', FeedlogBadge);
|
|
267
259
|
|
|
268
260
|
// Or use the install function (currently minimal but extensible)
|
|
@@ -313,10 +305,10 @@ If you're migrating from using web components directly:
|
|
|
313
305
|
|
|
314
306
|
```vue
|
|
315
307
|
<!-- Before (direct web component) -->
|
|
316
|
-
<feedlog-
|
|
308
|
+
<feedlog-issues-client api-key="key" @feedlog-upvote="handleUpvote" />
|
|
317
309
|
|
|
318
310
|
<!-- After (Vue component) -->
|
|
319
|
-
<
|
|
311
|
+
<FeedlogIssuesClient api-key="key" @feedlog-upvote="handleUpvote" />
|
|
320
312
|
```
|
|
321
313
|
|
|
322
314
|
**Key differences:**
|
package/dist/components.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ import type { JSX } from '@feedlog-ai/webcomponents';
|
|
|
3
3
|
export declare const FeedlogBadge: StencilVueComponent<JSX.FeedlogBadge>;
|
|
4
4
|
export declare const FeedlogButton: StencilVueComponent<JSX.FeedlogButton>;
|
|
5
5
|
export declare const FeedlogCard: StencilVueComponent<JSX.FeedlogCard>;
|
|
6
|
-
export declare const FeedlogGithubIssues: StencilVueComponent<JSX.FeedlogGithubIssues>;
|
|
7
|
-
export declare const FeedlogGithubIssuesClient: StencilVueComponent<JSX.FeedlogGithubIssuesClient>;
|
|
8
6
|
export declare const FeedlogIssue: StencilVueComponent<JSX.FeedlogIssue>;
|
|
7
|
+
export declare const FeedlogIssues: StencilVueComponent<JSX.FeedlogIssues>;
|
|
8
|
+
export declare const FeedlogIssuesClient: StencilVueComponent<JSX.FeedlogIssuesClient>;
|
|
9
9
|
export declare const FeedlogIssuesList: StencilVueComponent<JSX.FeedlogIssuesList>;
|
|
10
10
|
//# sourceMappingURL=components.d.ts.map
|
package/dist/components.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE/F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAOrD,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAAY,CAE7D,CAAC;AAGH,eAAO,MAAM,aAAa,EAAE,mBAAmB,CAAC,GAAG,CAAC,aAAa,CAQ/D,CAAC;AAGH,eAAO,MAAM,WAAW,EAAE,mBAAmB,CAAC,GAAG,CAAC,WAAW,CAA6E,CAAC;AAG3I,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAE/F,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAOrD,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAAY,CAE7D,CAAC;AAGH,eAAO,MAAM,aAAa,EAAE,mBAAmB,CAAC,GAAG,CAAC,aAAa,CAQ/D,CAAC;AAGH,eAAO,MAAM,WAAW,EAAE,mBAAmB,CAAC,GAAG,CAAC,WAAW,CAA6E,CAAC;AAG3I,eAAO,MAAM,YAAY,EAAE,mBAAmB,CAAC,GAAG,CAAC,YAAY,CAO7D,CAAC;AAGH,eAAO,MAAM,aAAa,EAAE,mBAAmB,CAAC,GAAG,CAAC,aAAa,CAkB/D,CAAC;AAGH,eAAO,MAAM,mBAAmB,EAAE,mBAAmB,CAAC,GAAG,CAAC,mBAAmB,CAkB3E,CAAC;AAGH,eAAO,MAAM,iBAAiB,EAAE,mBAAmB,CAAC,GAAG,CAAC,iBAAiB,CASvE,CAAC"}
|
package/dist/components.js
CHANGED
|
@@ -17,7 +17,15 @@ export const FeedlogButton = /*@__PURE__*/ defineContainer('feedlog-button', und
|
|
|
17
17
|
'feedlogClick'
|
|
18
18
|
]);
|
|
19
19
|
export const FeedlogCard = /*@__PURE__*/ defineContainer('feedlog-card', undefined);
|
|
20
|
-
export const
|
|
20
|
+
export const FeedlogIssue = /*@__PURE__*/ defineContainer('feedlog-issue', undefined, [
|
|
21
|
+
'issue',
|
|
22
|
+
'issueUrl',
|
|
23
|
+
'theme',
|
|
24
|
+
'feedlogUpvote'
|
|
25
|
+
], [
|
|
26
|
+
'feedlogUpvote'
|
|
27
|
+
]);
|
|
28
|
+
export const FeedlogIssues = /*@__PURE__*/ defineContainer('feedlog-issues', undefined, [
|
|
21
29
|
'issues',
|
|
22
30
|
'maxWidth',
|
|
23
31
|
'theme',
|
|
@@ -36,7 +44,7 @@ export const FeedlogGithubIssues = /*@__PURE__*/ defineContainer('feedlog-github
|
|
|
36
44
|
'feedlogUpvote',
|
|
37
45
|
'feedlogLoadMore'
|
|
38
46
|
]);
|
|
39
|
-
export const
|
|
47
|
+
export const FeedlogIssuesClient = /*@__PURE__*/ defineContainer('feedlog-issues-client', undefined, [
|
|
40
48
|
'apiKey',
|
|
41
49
|
'type',
|
|
42
50
|
'limit',
|
|
@@ -55,18 +63,12 @@ export const FeedlogGithubIssuesClient = /*@__PURE__*/ defineContainer('feedlog-
|
|
|
55
63
|
'feedlogUpvote',
|
|
56
64
|
'feedlogError'
|
|
57
65
|
]);
|
|
58
|
-
export const FeedlogIssue = /*@__PURE__*/ defineContainer('feedlog-issue', undefined, [
|
|
59
|
-
'issue',
|
|
60
|
-
'issueUrl',
|
|
61
|
-
'theme',
|
|
62
|
-
'feedlogUpvote'
|
|
63
|
-
], [
|
|
64
|
-
'feedlogUpvote'
|
|
65
|
-
]);
|
|
66
66
|
export const FeedlogIssuesList = /*@__PURE__*/ defineContainer('feedlog-issues-list', undefined, [
|
|
67
67
|
'issues',
|
|
68
68
|
'theme',
|
|
69
69
|
'getIssueUrl',
|
|
70
|
+
'emptyStateTitle',
|
|
71
|
+
'emptyStateMessage',
|
|
70
72
|
'feedlogUpvote'
|
|
71
73
|
], [
|
|
72
74
|
'feedlogUpvote'
|
package/dist/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,oBAAoB;AACpB,gCAAgC;AAChC,OAAO,EAAE,eAAe,EAA4B,MAAM,oCAAoC,CAAC;AAI/F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,oBAAoB,EAAE,CAAC;AAEvB,MAAM,CAAC,MAAM,YAAY,GAA0C,aAAa,CAAC,eAAe,CAAmB,eAAe,EAAE,SAAS,EAAE;IAC7I,SAAS;CACV,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,aAAa,GAA2C,aAAa,CAAC,eAAe,CAAoB,gBAAgB,EAAE,SAAS,EAAE;IACjJ,SAAS;IACT,MAAM;IACN,UAAU;IACV,MAAM;IACN,cAAc;CACf,EAAE;IACD,cAAc;CACf,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,WAAW,GAAyC,aAAa,CAAC,eAAe,CAAkB,cAAc,EAAE,SAAS,CAAC,CAAC;AAG3I,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../src/components.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,oBAAoB;AACpB,gCAAgC;AAChC,OAAO,EAAE,eAAe,EAA4B,MAAM,oCAAoC,CAAC;AAI/F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAGxE,oBAAoB,EAAE,CAAC;AAEvB,MAAM,CAAC,MAAM,YAAY,GAA0C,aAAa,CAAC,eAAe,CAAmB,eAAe,EAAE,SAAS,EAAE;IAC7I,SAAS;CACV,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,aAAa,GAA2C,aAAa,CAAC,eAAe,CAAoB,gBAAgB,EAAE,SAAS,EAAE;IACjJ,SAAS;IACT,MAAM;IACN,UAAU;IACV,MAAM;IACN,cAAc;CACf,EAAE;IACD,cAAc;CACf,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,WAAW,GAAyC,aAAa,CAAC,eAAe,CAAkB,cAAc,EAAE,SAAS,CAAC,CAAC;AAG3I,MAAM,CAAC,MAAM,YAAY,GAA0C,aAAa,CAAC,eAAe,CAAmB,eAAe,EAAE,SAAS,EAAE;IAC7I,OAAO;IACP,UAAU;IACV,OAAO;IACP,eAAe;CAChB,EAAE;IACD,eAAe;CAChB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,aAAa,GAA2C,aAAa,CAAC,eAAe,CAAoB,gBAAgB,EAAE,SAAS,EAAE;IACjJ,QAAQ;IACR,UAAU;IACV,OAAO;IACP,SAAS;IACT,UAAU;IACV,iBAAiB;IACjB,mBAAmB;IACnB,SAAS;IACT,OAAO;IACP,SAAS;IACT,eAAe;IACf,aAAa;IACb,eAAe;IACf,iBAAiB;CAClB,EAAE;IACD,eAAe;IACf,iBAAiB;CAClB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,mBAAmB,GAAiD,aAAa,CAAC,eAAe,CAA0B,uBAAuB,EAAE,SAAS,EAAE;IAC1K,QAAQ;IACR,MAAM;IACN,OAAO;IACP,QAAQ;IACR,UAAU;IACV,UAAU;IACV,OAAO;IACP,SAAS;IACT,UAAU;IACV,iBAAiB;IACjB,mBAAmB;IACnB,aAAa;IACb,eAAe;IACf,cAAc;CACf,EAAE;IACD,eAAe;IACf,cAAc;CACf,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,iBAAiB,GAA+C,aAAa,CAAC,eAAe,CAAwB,qBAAqB,EAAE,SAAS,EAAE;IAClK,QAAQ;IACR,OAAO;IACP,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,eAAe;CAChB,EAAE;IACD,eAAe;CAChB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@feedlog-ai/vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.24",
|
|
4
4
|
"description": "Vue bindings for Feedlog Toolkit Web Components",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"vue": ">=3.0.0 || >=2.6.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@feedlog-ai/webcomponents": "^0.0.
|
|
30
|
+
"@feedlog-ai/webcomponents": "^0.0.24"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@jest/test-sequencer": "^29.7.0",
|