Spaces:
Running
Running
Saba Noorassa
commited on
Commit
·
138590b
1
Parent(s):
e77abbd
clear space
Browse files- README-vite.md +0 -54
- README.md +1 -1
- dist/assets/index-D8b4DHJx.css +0 -1
- dist/assets/index-DO1VeTRM.js +0 -0
- dist/assets/react-CHdo91hT.svg +0 -1
- dist/index.html +0 -14
- dist/vite.svg +0 -1
- eslint.config.js +0 -28
- index.html +0 -13
- package-lock.json +0 -0
- package.json +0 -29
- public/vite.svg +0 -1
- src/App.css +0 -42
- src/App.tsx +0 -35
- src/assets/react.svg +0 -1
- src/index.css +0 -68
- src/main.tsx +0 -10
- src/vite-env.d.ts +0 -1
- tsconfig.app.json +0 -26
- tsconfig.json +0 -7
- tsconfig.node.json +0 -24
- vite.config.ts +0 -7
README-vite.md
DELETED
@@ -1,54 +0,0 @@
|
|
1 |
-
# React + TypeScript + Vite
|
2 |
-
|
3 |
-
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
4 |
-
|
5 |
-
Currently, two official plugins are available:
|
6 |
-
|
7 |
-
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
8 |
-
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
9 |
-
|
10 |
-
## Expanding the ESLint configuration
|
11 |
-
|
12 |
-
If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
|
13 |
-
|
14 |
-
```js
|
15 |
-
export default tseslint.config({
|
16 |
-
extends: [
|
17 |
-
// Remove ...tseslint.configs.recommended and replace with this
|
18 |
-
...tseslint.configs.recommendedTypeChecked,
|
19 |
-
// Alternatively, use this for stricter rules
|
20 |
-
...tseslint.configs.strictTypeChecked,
|
21 |
-
// Optionally, add this for stylistic rules
|
22 |
-
...tseslint.configs.stylisticTypeChecked,
|
23 |
-
],
|
24 |
-
languageOptions: {
|
25 |
-
// other options...
|
26 |
-
parserOptions: {
|
27 |
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
28 |
-
tsconfigRootDir: import.meta.dirname,
|
29 |
-
},
|
30 |
-
},
|
31 |
-
})
|
32 |
-
```
|
33 |
-
|
34 |
-
You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
|
35 |
-
|
36 |
-
```js
|
37 |
-
// eslint.config.js
|
38 |
-
import reactX from 'eslint-plugin-react-x'
|
39 |
-
import reactDom from 'eslint-plugin-react-dom'
|
40 |
-
|
41 |
-
export default tseslint.config({
|
42 |
-
plugins: {
|
43 |
-
// Add the react-x and react-dom plugins
|
44 |
-
'react-x': reactX,
|
45 |
-
'react-dom': reactDom,
|
46 |
-
},
|
47 |
-
rules: {
|
48 |
-
// other rules...
|
49 |
-
// Enable its recommended typescript rules
|
50 |
-
...reactX.configs['recommended-typescript'].rules,
|
51 |
-
...reactDom.configs.recommended.rules,
|
52 |
-
},
|
53 |
-
})
|
54 |
-
```
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
README.md
CHANGED
@@ -4,7 +4,7 @@ emoji: 👁
|
|
4 |
colorFrom: indigo
|
5 |
colorTo: indigo
|
6 |
sdk: static
|
7 |
-
app_file: dist/
|
8 |
pinned: false
|
9 |
short_description: Visualize Repositories by Similarity
|
10 |
---
|
|
|
4 |
colorFrom: indigo
|
5 |
colorTo: indigo
|
6 |
sdk: static
|
7 |
+
app_file: dist/index.html
|
8 |
pinned: false
|
9 |
short_description: Visualize Repositories by Similarity
|
10 |
---
|
dist/assets/index-D8b4DHJx.css
DELETED
@@ -1 +0,0 @@
|
|
1 |
-
:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}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}
|
|
|
|
dist/assets/index-DO1VeTRM.js
DELETED
The diff for this file is too large to render.
See raw diff
|
|
dist/assets/react-CHdo91hT.svg
DELETED
dist/index.html
DELETED
@@ -1,14 +0,0 @@
|
|
1 |
-
<!DOCTYPE html>
|
2 |
-
<html lang="en">
|
3 |
-
<head>
|
4 |
-
<meta charset="UTF-8" />
|
5 |
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
6 |
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
7 |
-
<title>Vite + React + TS</title>
|
8 |
-
<script type="module" crossorigin src="/assets/index-DO1VeTRM.js"></script>
|
9 |
-
<link rel="stylesheet" crossorigin href="/assets/index-D8b4DHJx.css" />
|
10 |
-
</head>
|
11 |
-
<body>
|
12 |
-
<div id="root"></div>
|
13 |
-
</body>
|
14 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
dist/vite.svg
DELETED
eslint.config.js
DELETED
@@ -1,28 +0,0 @@
|
|
1 |
-
import js from '@eslint/js'
|
2 |
-
import globals from 'globals'
|
3 |
-
import reactHooks from 'eslint-plugin-react-hooks'
|
4 |
-
import reactRefresh from 'eslint-plugin-react-refresh'
|
5 |
-
import tseslint from 'typescript-eslint'
|
6 |
-
|
7 |
-
export default tseslint.config(
|
8 |
-
{ ignores: ['dist'] },
|
9 |
-
{
|
10 |
-
extends: [js.configs.recommended, ...tseslint.configs.recommended],
|
11 |
-
files: ['**/*.{ts,tsx}'],
|
12 |
-
languageOptions: {
|
13 |
-
ecmaVersion: 2020,
|
14 |
-
globals: globals.browser,
|
15 |
-
},
|
16 |
-
plugins: {
|
17 |
-
'react-hooks': reactHooks,
|
18 |
-
'react-refresh': reactRefresh,
|
19 |
-
},
|
20 |
-
rules: {
|
21 |
-
...reactHooks.configs.recommended.rules,
|
22 |
-
'react-refresh/only-export-components': [
|
23 |
-
'warn',
|
24 |
-
{ allowConstantExport: true },
|
25 |
-
],
|
26 |
-
},
|
27 |
-
},
|
28 |
-
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
index.html
DELETED
@@ -1,13 +0,0 @@
|
|
1 |
-
<!doctype html>
|
2 |
-
<html lang="en">
|
3 |
-
<head>
|
4 |
-
<meta charset="UTF-8" />
|
5 |
-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
6 |
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
7 |
-
<title>Vite + React + TS</title>
|
8 |
-
</head>
|
9 |
-
<body>
|
10 |
-
<div id="root"></div>
|
11 |
-
<script type="module" src="/src/main.tsx"></script>
|
12 |
-
</body>
|
13 |
-
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
package-lock.json
DELETED
The diff for this file is too large to render.
See raw diff
|
|
package.json
DELETED
@@ -1,29 +0,0 @@
|
|
1 |
-
{
|
2 |
-
"name": "repo-graph",
|
3 |
-
"private": true,
|
4 |
-
"version": "0.0.0",
|
5 |
-
"type": "module",
|
6 |
-
"scripts": {
|
7 |
-
"dev": "vite",
|
8 |
-
"build": "tsc -b && vite build",
|
9 |
-
"lint": "eslint .",
|
10 |
-
"preview": "vite preview"
|
11 |
-
},
|
12 |
-
"dependencies": {
|
13 |
-
"react": "^19.0.0",
|
14 |
-
"react-dom": "^19.0.0"
|
15 |
-
},
|
16 |
-
"devDependencies": {
|
17 |
-
"@eslint/js": "^9.21.0",
|
18 |
-
"@types/react": "^19.0.10",
|
19 |
-
"@types/react-dom": "^19.0.4",
|
20 |
-
"@vitejs/plugin-react": "^4.3.4",
|
21 |
-
"eslint": "^9.21.0",
|
22 |
-
"eslint-plugin-react-hooks": "^5.1.0",
|
23 |
-
"eslint-plugin-react-refresh": "^0.4.19",
|
24 |
-
"globals": "^15.15.0",
|
25 |
-
"typescript": "~5.7.2",
|
26 |
-
"typescript-eslint": "^8.24.1",
|
27 |
-
"vite": "^6.2.0"
|
28 |
-
}
|
29 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
public/vite.svg
DELETED
src/App.css
DELETED
@@ -1,42 +0,0 @@
|
|
1 |
-
#root {
|
2 |
-
max-width: 1280px;
|
3 |
-
margin: 0 auto;
|
4 |
-
padding: 2rem;
|
5 |
-
text-align: center;
|
6 |
-
}
|
7 |
-
|
8 |
-
.logo {
|
9 |
-
height: 6em;
|
10 |
-
padding: 1.5em;
|
11 |
-
will-change: filter;
|
12 |
-
transition: filter 300ms;
|
13 |
-
}
|
14 |
-
.logo:hover {
|
15 |
-
filter: drop-shadow(0 0 2em #646cffaa);
|
16 |
-
}
|
17 |
-
.logo.react:hover {
|
18 |
-
filter: drop-shadow(0 0 2em #61dafbaa);
|
19 |
-
}
|
20 |
-
|
21 |
-
@keyframes logo-spin {
|
22 |
-
from {
|
23 |
-
transform: rotate(0deg);
|
24 |
-
}
|
25 |
-
to {
|
26 |
-
transform: rotate(360deg);
|
27 |
-
}
|
28 |
-
}
|
29 |
-
|
30 |
-
@media (prefers-reduced-motion: no-preference) {
|
31 |
-
a:nth-of-type(2) .logo {
|
32 |
-
animation: logo-spin infinite 20s linear;
|
33 |
-
}
|
34 |
-
}
|
35 |
-
|
36 |
-
.card {
|
37 |
-
padding: 2em;
|
38 |
-
}
|
39 |
-
|
40 |
-
.read-the-docs {
|
41 |
-
color: #888;
|
42 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/App.tsx
DELETED
@@ -1,35 +0,0 @@
|
|
1 |
-
import { useState } from 'react'
|
2 |
-
import reactLogo from './assets/react.svg'
|
3 |
-
import viteLogo from '/vite.svg'
|
4 |
-
import './App.css'
|
5 |
-
|
6 |
-
function App() {
|
7 |
-
const [count, setCount] = useState(0)
|
8 |
-
|
9 |
-
return (
|
10 |
-
<>
|
11 |
-
<div>
|
12 |
-
<a href="https://vite.dev" target="_blank">
|
13 |
-
<img src={viteLogo} className="logo" alt="Vite logo" />
|
14 |
-
</a>
|
15 |
-
<a href="https://react.dev" target="_blank">
|
16 |
-
<img src={reactLogo} className="logo react" alt="React logo" />
|
17 |
-
</a>
|
18 |
-
</div>
|
19 |
-
<h1>Vite + React</h1>
|
20 |
-
<div className="card">
|
21 |
-
<button onClick={() => setCount((count) => count + 1)}>
|
22 |
-
count is {count}
|
23 |
-
</button>
|
24 |
-
<p>
|
25 |
-
Edit <code>src/App.tsx</code> and save to test HMR
|
26 |
-
</p>
|
27 |
-
</div>
|
28 |
-
<p className="read-the-docs">
|
29 |
-
Click on the Vite and React logos to learn more
|
30 |
-
</p>
|
31 |
-
</>
|
32 |
-
)
|
33 |
-
}
|
34 |
-
|
35 |
-
export default App
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/assets/react.svg
DELETED
src/index.css
DELETED
@@ -1,68 +0,0 @@
|
|
1 |
-
:root {
|
2 |
-
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
3 |
-
line-height: 1.5;
|
4 |
-
font-weight: 400;
|
5 |
-
|
6 |
-
color-scheme: light dark;
|
7 |
-
color: rgba(255, 255, 255, 0.87);
|
8 |
-
background-color: #242424;
|
9 |
-
|
10 |
-
font-synthesis: none;
|
11 |
-
text-rendering: optimizeLegibility;
|
12 |
-
-webkit-font-smoothing: antialiased;
|
13 |
-
-moz-osx-font-smoothing: grayscale;
|
14 |
-
}
|
15 |
-
|
16 |
-
a {
|
17 |
-
font-weight: 500;
|
18 |
-
color: #646cff;
|
19 |
-
text-decoration: inherit;
|
20 |
-
}
|
21 |
-
a:hover {
|
22 |
-
color: #535bf2;
|
23 |
-
}
|
24 |
-
|
25 |
-
body {
|
26 |
-
margin: 0;
|
27 |
-
display: flex;
|
28 |
-
place-items: center;
|
29 |
-
min-width: 320px;
|
30 |
-
min-height: 100vh;
|
31 |
-
}
|
32 |
-
|
33 |
-
h1 {
|
34 |
-
font-size: 3.2em;
|
35 |
-
line-height: 1.1;
|
36 |
-
}
|
37 |
-
|
38 |
-
button {
|
39 |
-
border-radius: 8px;
|
40 |
-
border: 1px solid transparent;
|
41 |
-
padding: 0.6em 1.2em;
|
42 |
-
font-size: 1em;
|
43 |
-
font-weight: 500;
|
44 |
-
font-family: inherit;
|
45 |
-
background-color: #1a1a1a;
|
46 |
-
cursor: pointer;
|
47 |
-
transition: border-color 0.25s;
|
48 |
-
}
|
49 |
-
button:hover {
|
50 |
-
border-color: #646cff;
|
51 |
-
}
|
52 |
-
button:focus,
|
53 |
-
button:focus-visible {
|
54 |
-
outline: 4px auto -webkit-focus-ring-color;
|
55 |
-
}
|
56 |
-
|
57 |
-
@media (prefers-color-scheme: light) {
|
58 |
-
:root {
|
59 |
-
color: #213547;
|
60 |
-
background-color: #ffffff;
|
61 |
-
}
|
62 |
-
a:hover {
|
63 |
-
color: #747bff;
|
64 |
-
}
|
65 |
-
button {
|
66 |
-
background-color: #f9f9f9;
|
67 |
-
}
|
68 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/main.tsx
DELETED
@@ -1,10 +0,0 @@
|
|
1 |
-
import { StrictMode } from 'react'
|
2 |
-
import { createRoot } from 'react-dom/client'
|
3 |
-
import './index.css'
|
4 |
-
import App from './App.tsx'
|
5 |
-
|
6 |
-
createRoot(document.getElementById('root')!).render(
|
7 |
-
<StrictMode>
|
8 |
-
<App />
|
9 |
-
</StrictMode>,
|
10 |
-
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/vite-env.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1 |
-
/// <reference types="vite/client" />
|
|
|
|
tsconfig.app.json
DELETED
@@ -1,26 +0,0 @@
|
|
1 |
-
{
|
2 |
-
"compilerOptions": {
|
3 |
-
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
4 |
-
"target": "ES2020",
|
5 |
-
"useDefineForClassFields": true,
|
6 |
-
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
7 |
-
"module": "ESNext",
|
8 |
-
"skipLibCheck": true,
|
9 |
-
|
10 |
-
/* Bundler mode */
|
11 |
-
"moduleResolution": "bundler",
|
12 |
-
"allowImportingTsExtensions": true,
|
13 |
-
"isolatedModules": true,
|
14 |
-
"moduleDetection": "force",
|
15 |
-
"noEmit": true,
|
16 |
-
"jsx": "react-jsx",
|
17 |
-
|
18 |
-
/* Linting */
|
19 |
-
"strict": true,
|
20 |
-
"noUnusedLocals": true,
|
21 |
-
"noUnusedParameters": true,
|
22 |
-
"noFallthroughCasesInSwitch": true,
|
23 |
-
"noUncheckedSideEffectImports": true
|
24 |
-
},
|
25 |
-
"include": ["src"]
|
26 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
tsconfig.json
DELETED
@@ -1,7 +0,0 @@
|
|
1 |
-
{
|
2 |
-
"files": [],
|
3 |
-
"references": [
|
4 |
-
{ "path": "./tsconfig.app.json" },
|
5 |
-
{ "path": "./tsconfig.node.json" }
|
6 |
-
]
|
7 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
tsconfig.node.json
DELETED
@@ -1,24 +0,0 @@
|
|
1 |
-
{
|
2 |
-
"compilerOptions": {
|
3 |
-
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
4 |
-
"target": "ES2022",
|
5 |
-
"lib": ["ES2023"],
|
6 |
-
"module": "ESNext",
|
7 |
-
"skipLibCheck": true,
|
8 |
-
|
9 |
-
/* Bundler mode */
|
10 |
-
"moduleResolution": "bundler",
|
11 |
-
"allowImportingTsExtensions": true,
|
12 |
-
"isolatedModules": true,
|
13 |
-
"moduleDetection": "force",
|
14 |
-
"noEmit": true,
|
15 |
-
|
16 |
-
/* Linting */
|
17 |
-
"strict": true,
|
18 |
-
"noUnusedLocals": true,
|
19 |
-
"noUnusedParameters": true,
|
20 |
-
"noFallthroughCasesInSwitch": true,
|
21 |
-
"noUncheckedSideEffectImports": true
|
22 |
-
},
|
23 |
-
"include": ["vite.config.ts"]
|
24 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
vite.config.ts
DELETED
@@ -1,7 +0,0 @@
|
|
1 |
-
import { defineConfig } from 'vite'
|
2 |
-
import react from '@vitejs/plugin-react'
|
3 |
-
|
4 |
-
// https://vite.dev/config/
|
5 |
-
export default defineConfig({
|
6 |
-
plugins: [react()],
|
7 |
-
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|