frontend: init (#8)

Co-authored-by: Kirill Fomichev <[email protected]>

.editorconfig

@@ -0,0 +1,18 @@
+root = true
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{diff,md}]
+trim_trailing_whitespace = false
+
+[*.{cjs,js,json,proto,ts,yaml,yml}]
+indent_style = space
+indent_size = 2
+
+[*.rs]
+indent_style = space
+indent_size = 4

.github/workflows/fe-deploy.yml

@@ -0,0 +1,39 @@
+on:
+  push:
+    branches:
+      - 'master'
+
+permissions:
+  contents: write
+
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  fe-build-and-deploy:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: 'solfees-fe'
+    steps:
+      - name: 🔄 Checkout Code
+        uses: actions/checkout@v4
+      - name: 📦 Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9
+      - name: 🔧 Install node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+          cache-dependency-path: "solfees-fe"
+      - name: 📁 Install node_modules
+        run: pnpm install
+      - name: ️🏗️ Build application
+        run: pnpm build
+      - name: 🚀 Deploy
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: solfees-fe/dist

.gitignore

@@ -1,4 +1,11 @@
-/target
-/test-ledger
+# Rust
+target
 
+# Solana
+test-ledger
+
+# Redis
 dump.rdb
+
+# IDE, configs
+.idea

CHANGELOG.md

@@ -23,5 +23,6 @@ The minor version will be incremented upon a breaking change and the patch versi
 - metrics: add requests queue size ([#7](https://github.com/solana-stream-solutions/solfees/pull/7))
 - api: optimize getLeaderSchedule ([#9](https://github.com/solana-stream-solutions/solfees/pull/9))
 - geyser: wait all transactions before process block ([#10](https://github.com/solana-stream-solutions/solfees/pull/10))
+- frontend: init ([#8](https://github.com/solana-stream-solutions/solfees/pull/8))
 
 ### Breaking

solfees-fe/.dockerignore

@@ -0,0 +1,11 @@
+.git
+.vscode
+.dockerignore
+.gitignore
+.env
+config
+build
+node_modules
+docker-compose.yaml
+Dockerfile
+README.md

solfees-fe/.env

@@ -0,0 +1 @@
+VITE_APP_ENVIRONMENT="development"

solfees-fe/.gitignore

@@ -0,0 +1,35 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# folder for build or artifacts
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/launch.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+/test-results/
+/playwright-report/
+/playwright/.cache/
+
+# storybook
+storybook-static
+
+# tests
+/coverage/

solfees-fe/.husky/commit-msg

@@ -0,0 +1 @@
+cd solfees-fe && pnpm exec commitlint --edit "$1"

solfees-fe/.husky/pre-commit

@@ -0,0 +1 @@
+cd solfees-fe && pnpm exec lint-staged

solfees-fe/.prettierignore

@@ -0,0 +1,3 @@
+.husky
+/src/routeTree.gen.ts
+/pnpm-lock.yaml

solfees-fe/.storybook/main.ts

@@ -0,0 +1,26 @@
+import type { StorybookConfig } from "@storybook/react-vite";
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/addon-styling",
+    {
+      name: "@storybook/addon-styling",
+      options: {},
+    },
+    {
+      name: "@storybook/addon-styling",
+      options: {},
+    },
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

solfees-fe/.storybook/preview.ts

@@ -0,0 +1,31 @@
+import { withThemeByClassName } from "@storybook/addon-themes";
+import type { Preview } from "@storybook/react";
+
+/* TODO: update import to your tailwind styles file. If you're using Angular, inject this through your angular.json config instead */
+import "../src/styles/tailwind.css";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+  },
+
+  decorators: [
+    // Adds theme switching support.
+    // NOTE: requires setting "darkMode" to "class" in your tailwind config
+    withThemeByClassName({
+      themes: {
+        light: "light",
+        dark: "dark",
+      },
+      defaultTheme: "light",
+    }),
+  ],
+};
+
+export default preview;

solfees-fe/Dockerfile

@@ -0,0 +1,9 @@
+FROM nginx:stable-alpine
+
+WORKDIR /app
+
+COPY . .
+
+RUN cp -r /app/dist/* /usr/share/nginx/html
+
+EXPOSE 80

solfees-fe/commitlint.config.cjs

@@ -0,0 +1 @@
+module.exports = { extends: ["@commitlint/config-conventional"] };