Skip to content

Commit

Permalink
chore: add automatic formatting (#16)
Browse files Browse the repository at this point in the history
  • Loading branch information
sockmaster27 authored Nov 5, 2023
1 parent e913246 commit 2a5a635
Show file tree
Hide file tree
Showing 14 changed files with 409 additions and 368 deletions.
15 changes: 15 additions & 0 deletions .github/workflows/code-checks.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
name: Code Style

on:
push:
branches: [master]
pull_request:
branches: [master]

jobs:
build:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- name: Check code formatting
run: npx prettier . --check
5 changes: 2 additions & 3 deletions .github/workflows/node.js.yml
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,12 @@ name: Node.js CI

on:
push:
branches: [ master ]
branches: [master]
pull_request:
branches: [ master ]
branches: [master]

jobs:
build:

runs-on: ubuntu-latest

strategy:
Expand Down
1 change: 1 addition & 0 deletions .prettierignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules/**
11 changes: 11 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"printWidth": 120,
"tabWidth": 2,
"semi": false,
"singleQuote": true,
"quoteProps": "as-needed",
"trailingComma": "all",
"bracketSpacing": true,
"arrowParens": "avoid",
"endOfLine": "auto"
}
7 changes: 7 additions & 0 deletions .vscode/extensions.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
// See https://go.microsoft.com/fwlink/?LinkId=827846 to learn about workspace recommendations.
// Extension identifier format: ${publisher}.${name}. Example: vscode.csharp

// List of extensions which should be recommended for users of this workspace.
"recommendations": ["esbenp.prettier-vscode"]
}
11 changes: 11 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
{
"json.schemaDownload.enable": true,
"eslint.enable": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.detectIndentation": false,
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.tabSize": 2
}
27 changes: 15 additions & 12 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -1,15 +1,18 @@
<!DOCTYPE html>
<!-- Whether 'doctype' should be upper- or lowercase seems to be controversial and inconsistent across Prettier versions -->
<!-- prettier-ignore -->
<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="theme-color" content="#000000"/>
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Source+Code+Pro&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Source+Code+Pro&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<title>Flix Playground</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
</body>
</html>
112 changes: 56 additions & 56 deletions src/App.css
Original file line number Diff line number Diff line change
@@ -1,93 +1,93 @@
body {
background-color: #E1E1DB;
font-family: 'Open Sans', sans-serif;
background-color: #e1e1db;
font-family: 'Open Sans', sans-serif;
}

code {
font-family: 'Source Code Pro', monospace;
font-size: 0.9rem;
color: #111111;
font-family: 'Source Code Pro', monospace;
font-size: 0.9rem;
color: #111111;
}

.menu {
display: flex;
flex-direction: row;
justify-content: space-between;
display: flex;
flex-direction: row;
justify-content: space-between;

margin-top: 1rem;
margin-left: 1rem;
margin-right: 1rem;
margin-top: 1rem;
margin-left: 1rem;
margin-right: 1rem;
}

.page {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 1rem;
margin-left: 1rem;
margin-right: 1rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 1rem;
margin-left: 1rem;
margin-right: 1rem;
}

.left-pane {
background-color: #fafafa;
border: 4px solid #b4b4b4;
border-radius: 4px;
background-color: #fafafa;
border: 4px solid #b4b4b4;
border-radius: 4px;

width: 50%;
height: calc(100vh - 5.3rem);
margin-right: 0.3rem;
width: 50%;
height: calc(100vh - 5.3rem);
margin-right: 0.3rem;
}

.right-pane {
display: flex;
flex-direction: column;
justify-content: space-between;

background-color: #fffffa;
border: 1px solid #b4b4b4;
border-radius: 4px;

width: 50%;
height: calc(100vh - 5.3rem);
margin-left: 0.3rem;

padding-top: 0.5rem;
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
overflow-y: scroll;
display: flex;
flex-direction: column;
justify-content: space-between;

background-color: #fffffa;
border: 1px solid #b4b4b4;
border-radius: 4px;

width: 50%;
height: calc(100vh - 5.3rem);
margin-left: 0.3rem;

padding-top: 0.5rem;
padding-left: 2rem;
padding-right: 2rem;
padding-bottom: 0.5rem;
overflow-y: scroll;
}

.spinner {
margin-top: 30vh;
display: flex;
justify-content: center;
margin-top: 30vh;
display: flex;
justify-content: center;
}

.statistics {
color: gray;
font-size: 0.8rem;
text-align: right;
color: gray;
font-size: 0.8rem;
text-align: right;

border-top: 1px solid #b4b4b4;
padding-top: 0.3rem;
border-top: 1px solid #b4b4b4;
padding-top: 0.3rem;
}

h3 {
text-align: center;
font-size: 1.1rem;
color: gray;
text-align: center;
font-size: 1.1rem;
color: gray;

border-bottom: 1px solid #b4b4b4;
padding-bottom: 0.3rem;
border-bottom: 1px solid #b4b4b4;
padding-bottom: 0.3rem;

margin-bottom: 1rem;
margin-bottom: 1rem;
}

.ace_marker-layer .ace_active-line {
background-color: #ffffcc !important;
background-color: #ffffcc !important;
}

.ace_gutter-cell {
color: #b4b4b4;
color: #b4b4b4;
}
Loading

0 comments on commit 2a5a635

Please sign in to comment.