inline responsive module styles

extensions/react-widget/.npmignore

@@ -0,0 +1,30 @@
+# Rules from: /home/lenovo/Documents/m@ni$h/docsgpt/extensions/react-widget/.gitignore
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+
+# npmignore - content above this line is automatically generated and modifications may be omitted
+# see npmjs.com/npmignore for more details.
+src/
+test/

extensions/react-widget/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "docsgpt-widget",
   "homepage": "https://github.com/arc53/DocsGPT#readme",
-  "version": "0.2.6",
+  "version": "0.3.6",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
@@ -36,6 +36,8 @@
     "@radix-ui/react-slot": "^1.0.2",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
+    "i": "^0.3.7",
+    "npm": "^10.4.0",
     "postcss-cli": "^11.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -44,7 +46,8 @@
     "remark-gfm": "^4.0.0",
     "tailwind-merge": "^2.2.1",
     "tailwindcss-animate": "^1.0.7",
-    "vite-plugin-dts": "^3.7.3"
+    "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-tailwind": "^0.0.4"
   },
   "devDependencies": {
     "@types/node": "^20.11.20",
@@ -55,12 +58,18 @@
     "@typescript-eslint/parser": "^6.21.0",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.17",
+    "cssnano": "^6.0.5",
     "eslint": "^8.56.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
     "postcss": "^8.4.35",
+    "postcss-cssnext": "^3.1.1",
+    "postcss-nested": "^6.0.1",
+    "postcss-simple-vars": "^7.0.1",
+    "rollup-plugin-postcss": "^4.0.2",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.2.2",
-    "vite": "^5.1.0"
+    "vite": "^5.1.0",
+    "vite-plugin-scope-tailwind": "^1.1.10"
   }
 }

extensions/react-widget/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

extensions/react-widget/src/components/Response.module.css

@@ -1,12 +0,0 @@
-.list p {
-    display: inline;
-  }
-  
-  .list li:not(:first-child) {
-    margin-top: 1em;
-  }
-  
-  .list li > .list {
-    margin-top: 1em;
-  }
-  

extensions/react-widget/src/components/Response.tsx

@@ -1,12 +1,26 @@
 import { vscDarkPlus } from 'react-syntax-highlighter/dist/cjs/styles/prism';
 import remarkGfm from 'remark-gfm';
 import ReactMarkdown from 'react-markdown'
-import classes from './Response.module.css'
 import SyntaxHighlighter from 'react-syntax-highlighter/dist/esm/light-async';
 interface typeProps {
-    message:string
+    message: string
 }
-const Response = (props:typeProps) => {
+const classes = {
+    list: {
+        p: {
+            display: 'inline'
+        },
+        li: {
+            ':not(:first-child)': {
+                marginTop: '1em'
+            },
+            '> .list': {
+                marginTop: '1em'
+            }
+        }
+    }
+};
+const Response = (props: typeProps) => {
     return (
         <ReactMarkdown
             className="whitespace-pre-wrap break-words max-w-72"
@@ -19,7 +33,7 @@ const Response = (props:typeProps) => {
                         <SyntaxHighlighter
                             PreTag="div"
                             wrapLines={true}
-                            lineProps={{style: {width:'',overflowX:'scroll'}}}
+                            lineProps={{ style: { width: '', overflowX: 'scroll' } }}
                             language={match[1]}
                             style={vscDarkPlus}
                         >