Skip to content

Commit

Permalink
refresh
Browse files Browse the repository at this point in the history
  • Loading branch information
vincerubinetti committed Sep 7, 2024
1 parent b0f60f1 commit e603c40
Show file tree
Hide file tree
Showing 35 changed files with 316 additions and 3,472 deletions.
18 changes: 0 additions & 18 deletions .eslintrc

This file was deleted.

11 changes: 7 additions & 4 deletions .github/workflows/deploy.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,19 @@ jobs:

steps:
- name: Checkout code
uses: actions/checkout@v3
uses: actions/checkout@v4

- name: Set up Bun
uses: oven-sh/setup-bun@v1

- name: Install packages
run: yarn install
run: bun install

- name: Build app
run: yarn build
run: bun run build

- name: Deploy to GitHub Pages
uses: peaceiris/actions-gh-pages@v3
uses: peaceiris/actions-gh-pages@v4
with:
keep_files: false
publish_branch: gh-pages
Expand Down
29 changes: 17 additions & 12 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -1,14 +1,19 @@
{
"plugins": ["prettier-plugin-jsdoc", "@ianvs/prettier-plugin-sort-imports"],
"importOrder": ["^react", "^[a-zA-Z]", "^@[a-zA-Z]", "^@/", "^./"],
"order": "smacss",
"jsdocCapitalizeDescription": false,
"overrides": [
{
"files": "*.svg",
"options": {
"parser": "html"
}
}
]
"plugins": [
"@ianvs/prettier-plugin-sort-imports",
"./node_modules/prettier-plugin-jsdoc/dist/index.js",
"prettier-plugin-css-order"
],
"importOrder": [
"^react",
"^[a-zA-Z]",
"^@[a-zA-Z]",
"^@/",
"^/",
"^./",
"^../"
],
"importOrderParserPlugins": ["typescript", "jsx", "importAssertions"],
"cssDeclarationSorterOrder": "smacss",
"jsdocCapitalizeDescription": false
}
Binary file added bun.lockb
Binary file not shown.
44 changes: 44 additions & 0 deletions eslint.config.mjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
import path from "node:path";
import { fileURLToPath } from "node:url";
import prettier from "eslint-plugin-prettier";
import reactRefresh from "eslint-plugin-react-refresh";
import globals from "globals";
import { fixupConfigRules } from "@eslint/compat";
import { FlatCompat } from "@eslint/eslintrc";
import js from "@eslint/js";
import tsParser from "@typescript-eslint/parser";

const compat = new FlatCompat({
baseDirectory: path.dirname(fileURLToPath(import.meta.url)),
recommendedConfig: js.configs.recommended,
allConfig: js.configs.all,
});

export default [
...fixupConfigRules(
compat.extends(
"eslint:recommended",
"plugin:@typescript-eslint/recommended",
"plugin:@typescript-eslint/stylistic",
"plugin:react-hooks/recommended",
"plugin:jsx-a11y/recommended",
),
),
{
plugins: {
"react-refresh": reactRefresh,
prettier,
},
languageOptions: {
globals: globals.browser,
parser: tsParser,
},
rules: {
"prettier/prettier": "warn",
"prefer-const": ["error", { destructuring: "all" }],
"@typescript-eslint/no-unused-vars": ["warn", { caughtErrors: "none" }],
"@typescript-eslint/consistent-type-definitions": ["error", "type"],
"@typescript-eslint/consistent-type-imports": "error",
},
},
];
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
Expand Down
69 changes: 36 additions & 33 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,46 +1,49 @@
{
"name": "svg-to-png",
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"dev": "vite --open",
"build": "tsc && vite build",
"preview": "vite preview",
"lint": "eslint . --ext .tsx,.ts --fix && prettier --write \"**/*.{tsx,ts,css,json,yaml,svg,md}\" --no-error-on-unmatched-pattern"
"lint": "eslint . --fix && prettier **/*.{tsx,ts,css,module.css,html,md,json,yaml} --write --no-error-on-unmatched-pattern"
},
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^6.4.0",
"@fortawesome/free-brands-svg-icons": "^6.4.0",
"@fortawesome/free-solid-svg-icons": "^6.4.0",
"@fortawesome/react-fontawesome": "^0.2.0",
"@zip.js/zip.js": "^2.7.20",
"jotai": "^2.2.2",
"@fortawesome/fontawesome-svg-core": "^6.6.0",
"@fortawesome/free-brands-svg-icons": "^6.6.0",
"@fortawesome/free-solid-svg-icons": "^6.6.0",
"@fortawesome/react-fontawesome": "^0.2.2",
"@zip.js/zip.js": "^2.7.52",
"jotai": "^2.9.3",
"lodash": "^4.17.21",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"tippy.js": "^6.3.7"
"react": "^18.3.1",
"react-dom": "^18.3.1",
"tippy.js": "^6.3.7",
"vite-plugin-svgr": "^4.2.0"
},
"devDependencies": {
"@ianvs/prettier-plugin-sort-imports": "^4.1.0",
"@types/lodash": "^4.14.195",
"@types/node": "^20.4.2",
"@types/react-dom": "^18.2.7",
"@types/react": "^18.2.15",
"@typescript-eslint/eslint-plugin": "^6.1.0",
"@typescript-eslint/parser": "^6.1.0",
"@vitejs/plugin-react": "^4.0.3",
"eslint-config-prettier": "^8.8.0",
"eslint-plugin-import": "^2.27.5",
"eslint-plugin-jsx-a11y": "^6.7.1",
"eslint-plugin-prettier": "^5.0.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"eslint": "^8.45.0",
"postcss": "^8.4.26",
"prettier-plugin-css-order": "^1.3.1",
"prettier-plugin-jsdoc": "^1.0.1",
"prettier": "^3.0.0",
"typescript": "^5.1.6",
"vite": "^4.4.5"
"@eslint/compat": "^1.1.1",
"@eslint/eslintrc": "^3.1.0",
"@eslint/js": "^9.10.0",
"@ianvs/prettier-plugin-sort-imports": "^4.3.1",
"@types/lodash": "^4.17.7",
"@types/node": "^22.5.4",
"@types/react": "^18.3.5",
"@types/react-dom": "^18.3.0",
"@typescript-eslint/eslint-plugin": "^8.4.0",
"@typescript-eslint/parser": "^8.4.0",
"@vitejs/plugin-react": "^4.3.1",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-import": "^2.30.0",
"eslint-plugin-jsx-a11y": "^6.10.0",
"eslint-plugin-prettier": "^5.2.1",
"eslint-plugin-react-hooks": "^4.6.2",
"eslint-plugin-react-refresh": "^0.4.11",
"globals": "^15.9.0",
"postcss": "^8.4.45",
"prettier": "^3.3.3",
"prettier-plugin-css-order": "^2.1.2",
"prettier-plugin-jsdoc": "^1.3.0",
"typescript": "^5.5.4",
"vite": "^5.4.3"
}
}
Binary file modified public/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 0 additions & 39 deletions public/logo.svg

This file was deleted.

27 changes: 19 additions & 8 deletions src/App.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,10 @@
--primary: #e91e63;

--white: white;
--light-gray: #eceff1;
--mid-gray: #cfd8dc;
--off-white: #eceff1;
--light-gray: #cfd8dc;
--gray: #90a4ae;
--dark-gray: #263238;
--off-black: #263238;
--black: black;

--shadow: 0 0 10px #0002;
Expand All @@ -24,7 +24,7 @@ body {
min-height: 100vh;
margin: 0;
background: var(--white);
color: var(--dark-gray);
color: var(--off-black);
}

#root {
Expand Down Expand Up @@ -97,7 +97,7 @@ h2:before,
h2:after {
flex-grow: 1;
height: 1px;
background: var(--mid-gray);
background: var(--light-gray);
content: "";
}

Expand Down Expand Up @@ -146,7 +146,7 @@ code {
padding: 2px 5px;
border-radius: var(--rounded);
background: #eceff120;
color: var(--light-gray);
color: var(--off-white);
}

table {
Expand All @@ -172,7 +172,7 @@ svg + span {
max-width: min(90vw, 380px) !important;
padding: 10px 15px;
border-radius: var(--rounded);
background: var(--dark-gray);
background: var(--off-black);
box-shadow: var(--shadow);
font-size: 1rem;
}
Expand All @@ -186,7 +186,7 @@ svg + span {

.tippy-arrow {
z-index: 99;
color: var(--dark-gray);
color: var(--off-black);
}

.tippy-content > * {
Expand Down Expand Up @@ -215,3 +215,14 @@ svg + span {
padding: 2px 5px;
text-align: center;
}

:not(html) ::-webkit-scrollbar {
width: 7px;
height: 7px;
border-radius: 999px;
}

:not(html) ::-webkit-scrollbar-thumb {
border-radius: 999px;
background: var(--off-white);
}
Loading

0 comments on commit e603c40

Please sign in to comment.