Skip to content

Commit 079d28b

Browse files
nitishtRyiski
nitisht
and
Ryiski
authored
Console rewrite (#71)
UI Rewrite with new stack (React + Typescript + Mantine UI) Also includes: * Linting setup (#63) * Add search feature (#68) * Update: changed to client side pagination from server side pagination (#69) * Add console query page (#70) --------- Co-authored-by: Adel ak <[email protected]>
1 parent 72e8a63 commit 079d28b

File tree

163 files changed

+8927
-35556
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

163 files changed

+8927
-35556
lines changed

‎.env.example

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
VITE_PARSEABLE_URL="url"

‎.eslintignore

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
node_modules/
2+
dist/
3+
build/
4+
build_*
5+
.prettierrc.js
6+
.eslintrc.cjs
7+
*.json
8+
*.d.ts
9+
vite.config.ts

‎.eslintrc.cjs

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
const path = require('path');
2+
3+
const tsconfigPath = path.join(__dirname, 'tsconfig.json');
4+
5+
module.exports = {
6+
env: { browser: true, es2020: true },
7+
parser: '@typescript-eslint/parser',
8+
parserOptions: { ecmaVersion: 'latest', sourceType: 'module', project: [tsconfigPath] },
9+
plugins: ['react-refresh'],
10+
extends: [
11+
'eslint:recommended',
12+
'plugin:@typescript-eslint/recommended',
13+
'plugin:react-hooks/recommended',
14+
'plugin:react/recommended',
15+
'plugin:import/typescript',
16+
'plugin:prettier/recommended',
17+
],
18+
rules: {
19+
'react-refresh/only-export-components': 'warn',
20+
'react/react-in-jsx-scope': 0,
21+
'react-refresh/only-export-components': 0,
22+
'react-hooks/exhaustive-deps': 0,
23+
},
24+
settings: {
25+
react: {
26+
version: 'detect',
27+
},
28+
},
29+
};

‎.gitignore

+38-7
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,24 @@
11
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
22
.vscode
3-
# dependencies
4-
/node_modules
5-
/.pnp
6-
.pnp.js
7-
8-
# testing
9-
/coverage
103

114
# misc
125
.DS_Store
6+
7+
# Logs
8+
logs
9+
!src/**/logs
10+
*.log
11+
npm-debug.log*
12+
yarn-debug.log*
13+
yarn-error.log*
14+
pnpm-debug.log*
15+
lerna-debug.log*
16+
17+
node_modules
18+
dist
19+
dist-ssr
20+
*.local
21+
1322
.env.local
1423
.env.development.local
1524
.env.test.local
@@ -20,3 +29,25 @@ yarn-debug.log*
2029
yarn-error.log*
2130
build
2231
build.zip
32+
33+
# Editor directories and files
34+
.vscode/*
35+
!.vscode/extensions.json
36+
.idea
37+
.DS_Store
38+
*.suo
39+
*.ntvs*
40+
*.njsproj
41+
*.sln
42+
*.sw?
43+
44+
45+
# dependencies
46+
/node_modules
47+
/.pnp
48+
.pnp.js
49+
50+
# testing
51+
/coverage
52+
53+

‎.ncurc.json

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"interactive": true,
3+
"reject": ["/faker/"]
4+
}

‎.npmrc

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
auto-install-peers = true
2+
strict-peer-dependencies = true

‎.prettierignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
pnpm-lock.yaml

‎.prettierrc

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"singleQuote": true,
3+
"trailingComma": "all",
4+
"bracketSpacing": true,
5+
"semi": true,
6+
"printWidth": 120,
7+
"tabWidth": 2,
8+
"bracketSameLine": true,
9+
"useTabs": true
10+
}

‎README.md

+13-5
Original file line numberDiff line numberDiff line change
@@ -27,11 +27,19 @@ It ingests log data via HTTP POST calls and exposes a query API to search and an
2727
## Getting Started
2828

2929
1. Clone the repository.
30-
2. Run `npm install` to install all the dependencies.
31-
3. Run `npm run client` to start the console.
32-
4. Open `http://localhost:3000` in your browser.
33-
5. You can see the console running in your browser now :)
34-
6. For dashboard Access Enter the below credentials.
30+
2. Create `.env.development.local` and copy the content of `.env.example` into it (Fill in the values).
31+
3. Run `pnpm install` to install all the dependencies.
32+
4. Run `pnpm dev` to start the console.
33+
5. Open `http://localhost:3001` in your browser.
34+
35+
To test production build
36+
37+
1. Create `.env.test.local` and copy the content of `.env.example` into it (Fill in the values).
38+
2. Run `pnpm build:test` to create a release build in test mode.
39+
3. Run `pnpm start` to start the console.
40+
4. Open `http://localhost:3002` in your browser.
41+
42+
You should set VITE_PARSEABLE_URL if parseable server is running on a different url.
3543

3644
## Live Demo
3745

‎index.html

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
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+
<link rel="icon" href="/favicon.ico" />
7+
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9+
<title>Parseable Log Storage</title>
10+
11+
<!--
12+
manifest.json provides metadata used when your web app is installed on a
13+
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
14+
-->
15+
<link rel="manifest" href="/manifest.json" />
16+
</head>
17+
<body>
18+
<div id="root"></div>
19+
<script type="module" src="/src/main.tsx"></script>
20+
</body>
21+
</html>

0 commit comments

Comments
 (0)