fix: added targets for browser environment

pull/974/head
Siddhant Rai 4 months ago
parent f2c328d212
commit 72a1892058

@ -52,8 +52,8 @@ To link the widget to your api and your documents you can pass parameters to the
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<!-- Include the widget script --> <!-- Include the widget script from dist/modern or dist/legacy -->
<script src="./node_modules/docsgpt/dist/main.js" type="module"></script> <script src="./node_modules/docsgpt/dist/modern/main.js" type="module"></script>
<script type="module"> <script type="module">
window.onload = function() { window.onload = function() {
renderDocsGPTWidget('app'); renderDocsGPTWidget('app');
@ -63,8 +63,6 @@ To link the widget to your api and your documents you can pass parameters to the
</html> </html>
``` ```
##### Serve the HTML using Parcel: `parcel my-widget.html -p 3000`
To link the widget to your api and your documents you can pass parameters to the **renderDocsGPTWidget('div id', { parameters })**. To link the widget to your api and your documents you can pass parameters to the **renderDocsGPTWidget('div id', { parameters })**.
```html ```html
@ -78,8 +76,8 @@ To link the widget to your api and your documents you can pass parameters to the
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>
<!-- Include the widget script --> <!-- Include the widget script from dist/modern or dist/legacy -->
<script src="./node_modules/docsgpt/dist/main.js" type="module"></script> <script src="./node_modules/docsgpt/dist/modern/main.js" type="module"></script>
<script type="module"> <script type="module">
window.onload = function() { window.onload = function() {
renderDocsGPTWidget('app', , { renderDocsGPTWidget('app', , {

@ -11,6 +11,18 @@
"dist", "dist",
"package.json" "package.json"
], ],
"targets": {
"modern": {
"engines": {
"browsers": "Chrome 80"
}
},
"legacy": {
"engines": {
"browsers": "> 0.5%, last 2 versions, not dead"
}
}
},
"@parcel/resolver-default": { "@parcel/resolver-default": {
"packageExports": true "packageExports": true
}, },

@ -1,5 +1,5 @@
import { createRoot } from 'react-dom/client';
import React from 'react'; import React from 'react';
import { createRoot } from 'react-dom/client';
import { DocsGPTWidget } from './components/DocsGPTWidget'; import { DocsGPTWidget } from './components/DocsGPTWidget';
const renderWidget = (elementId: string, props = {}) => { const renderWidget = (elementId: string, props = {}) => {

Loading…
Cancel
Save