DocsGPT Widget

extensions/react-widget/.gitignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+.parcel-cache

extensions/react-widget/.parcelrc

@@ -0,0 +1,10 @@
+{
+  "extends": "@parcel/config-default",
+  "resolvers": ["@parcel/resolver-glob","..."],
+  "transformers": {
+    "*.svg": ["...", "@parcel/transformer-svg-react", "@parcel/transformer-typescript-tsc"]
+},
+  "validators": {
+    "*.{ts,tsx}": ["@parcel/validator-typescript"]
+  }
+}

extensions/react-widget/README.md

@@ -13,7 +13,6 @@ npm install  docsgpt
 
 ```javascript
     import { DocsGPTWidget } from "docsgpt";
-    import "docsgpt/dist/style.css";
 
     const App = () => {
       return <DocsGPTWidget />;
@@ -24,10 +23,18 @@ To link the widget to your api and your documents you can pass parameters to the
 
 ```javascript
     import { DocsGPTWidget } from "docsgpt";
-    import "docsgpt/dist/style.css";
 
     const App = () => {
-      return <DocsGPTWidget apiHost="http://localhost:7001" selectDocs='default' apiKey=''/>;
+      return <DocsGPTWidget 
+             apiHost = 'http://localhost:7001',
+             selectDocs = 'default', 
+             apiKey = '',
+             avatar = 'https://d3dg1063dc54p9.cloudfront.net/cute-docsgpt.png',
+             title = 'Get AI assistance',
+             description = 'DocsGPT\'s AI Chatbot is here to help',
+             heroTitle = 'Welcome to DocsGPT !',
+             heroDescription='This chatbot is built with DocsGPT and utilises GenAI, please review important information using sources.'
+             />;
     };
 ```
 

extensions/react-widget/custom.d.ts

@@ -0,0 +1,9 @@
+declare module "*.svg" {
+    import * as React from "react";
+
+    const ReactComponent: React.FunctionComponent<
+      React.SVGProps<SVGSVGElement> & { title?: string }
+    >;
+
+    export default ReactComponent;
+  }