-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' of github.com:askorama/orama-ui-components
- Loading branch information
Showing
23 changed files
with
412 additions
and
85 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| import type { StoryObj, Meta } from '@storybook/web-components' | ||
|
|
||
| const meta: Meta = { | ||
| title: 'Internal/OramaChat', | ||
| component: 'orama-chat' | ||
| } | ||
|
|
||
| export default meta | ||
| type Story = StoryObj | ||
|
|
||
| const Template = (args) => { | ||
| return `<orama-chat ${{...args}}></orama-chat>` | ||
| } | ||
|
|
||
| // More on writing stories with args: https://storybook.js.org/docs/html/writing-stories/args | ||
| export const Primary: Story = { | ||
| render: Template, | ||
| args: {} | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -2,6 +2,7 @@ | |
| import * as d from './components'; | ||
|
|
||
| export const DIRECTIVES = [ | ||
| d.OramaChat, | ||
| d.OramaParagraph, | ||
| d.SearchBox | ||
| ]; | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,48 +1,47 @@ | ||
| { | ||
| "name": "ui-stencil", | ||
| "version": "0.0.1", | ||
| "description": "Stencil Component Starter", | ||
| "license": "MIT", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/ionic-team/stencil-component-starter.git" | ||
| }, | ||
| "main": "dist/index.cjs.js", | ||
| "module": "dist/index.js", | ||
| "files": [ | ||
| "dist/", | ||
| "loader/" | ||
| ], | ||
| "scripts": { | ||
| "build": "stencil build --docs", | ||
| "clean": "rm -rf node_modules .turbo dist .stencil loader www", | ||
| "dev": "stencil build --watch", | ||
| "generate": "stencil generate", | ||
| "start": "stencil build --dev --watch --serve", | ||
| "test": "stencil test --spec --e2e", | ||
| "test.watch": "stencil test --spec --e2e --watchAll" | ||
| }, | ||
| "types": "dist/types/index.d.ts", | ||
| "dependencies": { | ||
| "@stencil/core": "^4.19.0", | ||
| "@stencil/store": "^2.0.16" | ||
| }, | ||
| "devDependencies": { | ||
| "@stencil-community/postcss": "^2.2.0", | ||
| "@stencil/angular-output-target": "^0.8.4", | ||
| "@stencil/react-output-target": "^0.5.3", | ||
| "@stencil/sass": "^3.0.12", | ||
| "@stencil/vue-output-target": "^0.8.8", | ||
| "@types/jest": "^29.5.12", | ||
| "@types/node": "^20.14.9", | ||
| "jest": "^29.7.0", | ||
| "jest-cli": "^29.7.0", | ||
| "puppeteer": "^22.12.1", | ||
| "sass-loader": "^14.2.1" | ||
| }, | ||
| "collection": "dist/collection/collection-manifest.json", | ||
| "collection:main": "dist/collection/index.js", | ||
| "es2015": "dist/esm/index.mjs", | ||
| "es2017": "dist/esm/index.mjs", | ||
| "unpkg": "dist/ui-stencil/ui-stencil.esm.js" | ||
| "name": "ui-stencil", | ||
| "version": "0.0.1", | ||
| "description": "Stencil Component Starter", | ||
| "license": "MIT", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "https://github.com/ionic-team/stencil-component-starter.git" | ||
| }, | ||
| "main": "dist/index.cjs.js", | ||
| "module": "dist/index.js", | ||
| "files": ["dist/", "loader/"], | ||
| "scripts": { | ||
| "build": "stencil build --docs", | ||
| "clean": "rm -rf node_modules .turbo dist .stencil loader www", | ||
| "dev": "stencil build --watch", | ||
| "generate": "stencil generate", | ||
| "start": "stencil build --dev --watch --serve", | ||
| "test": "stencil test --spec --e2e", | ||
| "test.watch": "stencil test --spec --e2e --watchAll" | ||
| }, | ||
| "types": "dist/types/index.d.ts", | ||
| "dependencies": { | ||
| "@oramacloud/client": "1.3.2", | ||
| "@stencil/core": "^4.19.0", | ||
| "@stencil/store": "^2.0.16", | ||
| "sse.js": "^2.5.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@stencil/store": "^2.0.16", | ||
| "@stencil/angular-output-target": "^0.8.4", | ||
| "@stencil/react-output-target": "^0.5.3", | ||
| "@stencil/vue-output-target": "^0.8.8", | ||
| "@stencil/sass": "^3.0.12", | ||
| "@types/jest": "^29.5.12", | ||
| "@types/node": "^20.14.9", | ||
| "jest": "^29.7.0", | ||
| "jest-cli": "^29.7.0", | ||
| "puppeteer": "^22.12.1", | ||
| "sass-loader": "^14.2.1" | ||
| }, | ||
| "collection": "dist/collection/collection-manifest.json", | ||
| "collection:main": "dist/collection/index.js", | ||
| "es2015": "dist/esm/index.mjs", | ||
| "es2017": "dist/esm/index.mjs", | ||
| "unpkg": "dist/ui-stencil/ui-stencil.esm.js" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
4 changes: 2 additions & 2 deletions
4
packages/ui-stencil/src/components/internal/Typography/Paragraph.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 2 additions & 0 deletions
2
packages/ui-stencil/src/components/orama-chat/orama-chat.sass
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,2 @@ | ||
| :host | ||
| display: block |
70 changes: 70 additions & 0 deletions
70
packages/ui-stencil/src/components/orama-chat/orama-chat.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,70 @@ | ||
| import { Component, Host, State, h } from '@stencil/core' | ||
| import { OramaClient } from '@oramacloud/client' | ||
| import { ChatService } from '../../services/ChatService' | ||
| import { chatContext } from '../../context/chatContext' | ||
|
|
||
| @Component({ | ||
| tag: 'orama-chat', | ||
| styleUrl: 'orama-chat.sass', | ||
| shadow: true | ||
| }) | ||
| export class OramaChat { | ||
| @State() inputValue = '' | ||
|
|
||
| private chatService: ChatService | ||
|
|
||
| componentWillLoad() { | ||
| // TODO: Should not be hardcoded | ||
| const oramaClient = new OramaClient({ | ||
| api_key: '6kHcoevr3zkbBmC2hHqlcNQrOgejS4ds', | ||
| endpoint: 'https://cloud.orama.run/v1/indexes/orama-docs-pgjign' | ||
| }) | ||
|
|
||
| this.chatService = new ChatService(oramaClient) | ||
| } | ||
|
|
||
| handleSubmit = (e: Event) => { | ||
| e.preventDefault() | ||
|
|
||
| if (!this.chatService) { | ||
| throw new Error('Chat Service is not initialized') | ||
| } | ||
|
|
||
| this.chatService.sendQuestion(this.inputValue) | ||
| this.inputValue = '' | ||
| } | ||
|
|
||
| render() { | ||
| return ( | ||
| <Host> | ||
| <form onSubmit={this.handleSubmit}> | ||
| <div>Is loading: {String(chatContext.isLoading)}</div> | ||
| <div>Is error: {String(chatContext.error)}</div> | ||
| <div style={{ display: 'flex' }}> | ||
| <input | ||
| autofocus | ||
| style={{ width: '100%' }} | ||
| type="text" | ||
| value={this.inputValue} | ||
| onInput={(e: Event) => (this.inputValue = (e.target as HTMLInputElement).value)} | ||
| /> | ||
| <button type="submit" onClick={this.handleSubmit}> | ||
| Ask | ||
| </button> | ||
| </div> | ||
| <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}> | ||
| {chatContext.messages.map((message, index) => ( | ||
| // biome-ignore lint/suspicious/noArrayIndexKey: There is not other key available form SDK right now | ||
| <div key={index} style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}> | ||
| {/* TODO: We still do not have sources */} | ||
| <div> | ||
| <span>Content: </span> {message.content} | ||
| </div> | ||
| </div> | ||
| ))} | ||
| </div> | ||
| </form> | ||
| </Host> | ||
| ) | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,10 @@ | ||
| # orama-chat | ||
|
|
||
|
|
||
|
|
||
| <!-- Auto Generated Below --> | ||
|
|
||
|
|
||
| ---------------------------------------------- | ||
|
|
||
| *Built with [StencilJS](https://stenciljs.com/)* |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,23 @@ | ||
| import { createStore } from '@stencil/store' | ||
|
|
||
| // TODO: Seems like there is no message type being exported from orama-client rn | ||
| // export type TChatMessageBlock = { | ||
| // type: 'text' | 'component' | 'sources' | ||
| // received?: boolean | ||
| // content: string | ||
| // } | ||
|
|
||
| export type TChatMessage = { | ||
| role: 'user' | 'assistant' | ||
| content: string | ||
| // messageBlocks: TChatMessageBlock[] | ||
| } | ||
|
|
||
| const { state: chatContext } = createStore({ | ||
| messages: [] as TChatMessage[], | ||
| isLoading: false, | ||
| // TODO: Evaluate if we need to have a error object/string instead of just a boolean | ||
| error: false | ||
| }) | ||
|
|
||
| export { chatContext } |
Oops, something went wrong.