From 124760e82080270dac6de45718b5f4ea189a9201 Mon Sep 17 00:00:00 2001 From: ajaythapliyal Date: Thu, 9 Feb 2023 22:51:08 +0530 Subject: [PATCH] iasdasd:wq! adding a starter page --- frontend/.eslintrc.cjs | 14 +- frontend/index.html | 5 +- frontend/package-lock.json | 6 + frontend/package.json | 4 +- frontend/prettier.config.cjs | 11 +- frontend/src/App.css | 44 +--- frontend/src/App.tsx | 27 +-- frontend/src/assets/react.svg | 1 - frontend/src/index.css | 389 +++++++++++++++++++++++++++++----- 9 files changed, 362 insertions(+), 139 deletions(-) delete mode 100644 frontend/src/assets/react.svg diff --git a/frontend/.eslintrc.cjs b/frontend/.eslintrc.cjs index fd935ada..589c7392 100644 --- a/frontend/.eslintrc.cjs +++ b/frontend/.eslintrc.cjs @@ -2,7 +2,7 @@ module.exports = { env: { browser: true, es2021: true, - node: true + node: true, }, extends: [ 'eslint:recommended', @@ -10,24 +10,22 @@ module.exports = { 'plugin:react/recommended', 'plugin:prettier/recommended', ], - overrides: [ - ], + overrides: [], parser: '@typescript-eslint/parser', parserOptions: { ecmaVersion: 'latest', - sourceType: 'module' + sourceType: 'module', }, - plugins: [ - 'react' - ], + plugins: ['react'], rules: { + 'react/react-in-jsx-scope': 'off', }, settings: { 'import/parsers': { '@typescript-eslint/parser': ['.ts', '.tsx'], }, react: { - version: "detect", + version: 'detect', }, 'import/resolver': { node: { diff --git a/frontend/index.html b/frontend/index.html index e0d1c840..c039704f 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,12 +2,11 @@ - - Vite + React + TS + DocsGPT 🦖 -
+
diff --git a/frontend/package-lock.json b/frontend/package-lock.json index 52e24a7c..ee5dcda5 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -2196,6 +2196,12 @@ "integrity": "sha512-rQLskxnM/5OCldHo+wNXbpVgDn5A17CUoKX+7Sokwaknlq7CdSnphy0W39GU8dw59XiCXmFXDg4fRuckQRKewQ==", "dev": true }, + "husky": { + "version": "8.0.3", + "resolved": "https://registry.npmjs.org/husky/-/husky-8.0.3.tgz", + "integrity": "sha512-+dQSyqPh4x1hlO1swXBiNb2HzTDN1I2IGLQx1GrBuiqFJfoMrnZWwVmatvSiO+Iz8fBUnf+lekwNo4c2LlXItg==", + "dev": true + }, "ignore": { "version": "5.2.4", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz", diff --git a/frontend/package.json b/frontend/package.json index dcd8703a..8c2e0601 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -12,8 +12,8 @@ "format": "prettier ./src --write", "prepare": "cd .. && husky install frontend/.husky" }, - "lint-staged":{ - "**/*.{js,jsx,ts,tsx}":[ + "lint-staged": { + "**/*.{js,jsx,ts,tsx}": [ "npm run lint-fix", "npm run format" ] diff --git a/frontend/prettier.config.cjs b/frontend/prettier.config.cjs index 2395f62a..282b3eeb 100644 --- a/frontend/prettier.config.cjs +++ b/frontend/prettier.config.cjs @@ -1,6 +1,7 @@ module.exports = { - trailingComma: "all", - tabWidth: 4, - semi: false, - singleQuote: true, -} \ No newline at end of file + trailingComma: 'all', + tabWidth: 2, + semi: false, + singleQuote: true, + printWidth: 80, +} diff --git a/frontend/src/App.css b/frontend/src/App.css index b9d355df..a43cf76d 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -1,42 +1,4 @@ -#root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; +html, +body { + min-height: 100vh; } diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index cd201360..22b6405d 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,32 +1,9 @@ -import { useState } from 'react' -import reactLogo from './assets/react.svg' import './App.css' function App() { - const [count, setCount] = useState(0) - return ( -
-
- - Vite logo - - - React logo - -
-

Vite + React

-
- -

- Edit src/App.tsx and save to test HMR -

-
-

- Click on the Vite and React logos to learn more -

+
+

DocsGPT 🦖

) } diff --git a/frontend/src/assets/react.svg b/frontend/src/assets/react.svg deleted file mode 100644 index 6c87de9b..00000000 --- a/frontend/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/frontend/src/index.css b/frontend/src/index.css index 7afa5597..54f31b12 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -2,73 +2,354 @@ @tailwind components; @tailwind utilities; +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -:root { - font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; - line-height: 1.5; - font-weight: 400; +/* Document + ========================================================================== */ - color-scheme: light dark; - color: rgba(255, 255, 255, 0.87); - background-color: #242424; +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ - font-synthesis: none; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - -webkit-text-size-adjust: 100%; +html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ } -a { - font-weight: 500; - color: #646cff; - text-decoration: inherit; -} -a:hover { - color: #535bf2; -} +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers. + */ body { margin: 0; - display: flex; - place-items: center; - min-width: 320px; - min-height: 100vh; } +/** + * Render the `main` element consistently in IE. + */ + +main { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + h1 { - font-size: 3.2em; - line-height: 1.1; + font-size: 2em; + margin: 0.67em 0; } -button { - border-radius: 8px; - border: 1px solid transparent; - padding: 0.6em 1.2em; - font-size: 1em; - font-weight: 500; - font-family: inherit; - background-color: #1a1a1a; - cursor: pointer; - transition: border-color 0.25s; -} -button:hover { - border-color: #646cff; -} -button:focus, -button:focus-visible { - outline: 4px auto -webkit-focus-ring-color; +/* Grouping content + ========================================================================== */ + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ } -@media (prefers-color-scheme: light) { - :root { - color: #213547; - background-color: #ffffff; - } - a:hover { - color: #747bff; - } - button { - background-color: #f9f9f9; - } +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Remove the gray background on active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove the border on images inside links in IE 10. + */ + +img { + border-style: none; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { + /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { + /* 1 */ + text-transform: none; +} + +/** + * Correct the inability to style clickable types in iOS and Safari. + */ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type='button']::-moz-focus-inner, +[type='reset']::-moz-focus-inner, +[type='submit']::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type='button']:-moz-focusring, +[type='reset']:-moz-focusring, +[type='submit']:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + vertical-align: baseline; +} + +/** + * Remove the default vertical scrollbar in IE 10+. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + +[type='checkbox'], +[type='radio'] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type='number']::-webkit-inner-spin-button, +[type='number']::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding in Chrome and Safari on macOS. + */ + +[type='search']::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + +details { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Misc + ========================================================================== */ + +/** + * Add the correct display in IE 10+. + */ + +template { + display: none; +} + +/** + * Add the correct display in IE 10. + */ + +[hidden] { + display: none; }