Run prettier

This commit is contained in:
Aarni Koskela
2023-09-28 15:28:42 +03:00
parent 2049638e13
commit 767c9a8ed6
8 changed files with 115 additions and 95 deletions

View File

@@ -2,51 +2,51 @@ name: Build
on:
push:
branches: [ master ]
branches: [master]
pull_request:
branches: [ master ]
branches: [master]
#schedule:
# Update automatically on weekdays during work hours
#- cron: '0 10,13,16 * * 1-5'
# ... and every night
#- cron: '0 0 * * *'
# Update automatically on weekdays during work hours
#- cron: '0 10,13,16 * * 1-5'
# ... and every night
#- cron: '0 0 * * *'
jobs:
build:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Set up Python 3.11
uses: actions/setup-python@v4
with:
python-version: "3.11"
cache: pip
- name: Install dependencies
run: python -m pip install -r requirements.txt
- name: Build
run: make -j3
- uses: actions/setup-node@v3
with:
node-version: "20"
cache: yarn
cache-dependency-path: analysaattori/yarn.lock
- run: yarn
working-directory: analysaattori
- run: yarn build -- --base=/palkkakysely/analysaattori/
working-directory: analysaattori
env:
GENERATE_SOURCEMAP: 'false'
- run: cp -a analysaattori/dist ./out/analysaattori
- run: ls -laR out
- run: touch out/.nojekyll
- name: Deploy
uses: JamesIves/github-pages-deploy-action@v4
with:
branch: gh-pages
folder: out
clean: false
if: ${{ github.event_name == 'push' }}
env:
GIT_AUTHOR_EMAIL: "koodiklinikka-robot@example.com"
GIT_AUTHOR_NAME: "Koodiklinikka Robot"
GIT_COMMITTER_EMAIL: "koodiklinikka-robot@example.com"
GIT_COMMITTER_NAME: "Koodiklinikka Robot"
- uses: actions/checkout@v3
- name: Set up Python 3.11
uses: actions/setup-python@v4
with:
python-version: "3.11"
cache: pip
- name: Install dependencies
run: python -m pip install -r requirements.txt
- name: Build
run: make -j3
- uses: actions/setup-node@v3
with:
node-version: "20"
cache: yarn
cache-dependency-path: analysaattori/yarn.lock
- run: yarn
working-directory: analysaattori
- run: yarn build -- --base=/palkkakysely/analysaattori/
working-directory: analysaattori
env:
GENERATE_SOURCEMAP: "false"
- run: cp -a analysaattori/dist ./out/analysaattori
- run: ls -laR out
- run: touch out/.nojekyll
- name: Deploy
uses: JamesIves/github-pages-deploy-action@v4
with:
branch: gh-pages
folder: out
clean: false
if: ${{ github.event_name == 'push' }}
env:
GIT_AUTHOR_EMAIL: "koodiklinikka-robot@example.com"
GIT_AUTHOR_NAME: "Koodiklinikka Robot"
GIT_COMMITTER_EMAIL: "koodiklinikka-robot@example.com"
GIT_COMMITTER_NAME: "Koodiklinikka Robot"

View File

@@ -12,3 +12,7 @@ repos:
rev: 23.9.1
hooks:
- id: black
- repo: https://github.com/pre-commit/mirrors-prettier
rev: v3.0.3
hooks:
- id: prettier

2
.prettierignore Normal file
View File

@@ -0,0 +1,2 @@
# prettier doesn't understand jinja, the poor thing
template/*.html

View File

@@ -1,11 +1,17 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Web site created using create-react-app" />
<script src="https://cdn.plot.ly/plotly-latest.min.js" charset="utf-8"></script>
<meta
name="description"
content="Web site created using create-react-app"
/>
<script
src="https://cdn.plot.ly/plotly-latest.min.js"
charset="utf-8"
></script>
<title>Palkka-analysaattori</title>
</head>
<body>

View File

@@ -1,16 +1,15 @@
import React from 'react';
import PivotTableUI from 'react-pivottable/PivotTableUI';
import 'react-pivottable/pivottable.css';
import TableRenderers from 'react-pivottable/TableRenderers';
import createPlotlyComponent from 'react-plotly.js/factory';
import createPlotlyRenderers from 'react-pivottable/PlotlyRenderers';
import React from "react";
import PivotTableUI from "react-pivottable/PivotTableUI";
import "react-pivottable/pivottable.css";
import TableRenderers from "react-pivottable/TableRenderers";
import createPlotlyComponent from "react-plotly.js/factory";
import createPlotlyRenderers from "react-pivottable/PlotlyRenderers";
import useSWR from "swr/esm";
const Plot = createPlotlyComponent(window.Plotly);
const PlotlyRenderers = createPlotlyRenderers(Plot);
const renderers = Object.assign({}, TableRenderers, PlotlyRenderers);
function App() {
const qs = new URLSearchParams(window.location.search);
const [pivotState, setPivotState] = React.useState({});

View File

@@ -1,10 +1,10 @@
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import React from "react";
import ReactDOM from "react-dom";
import App from "./App";
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
document.getElementById("root"),
);

View File

@@ -1,11 +1,7 @@
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
@@ -20,7 +16,5 @@
"noEmit": true,
"jsx": "react-jsx"
},
"include": [
"src"
]
"include": ["src"]
}

View File

@@ -1,63 +1,78 @@
body {
padding: 1em;
font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
padding: 1em;
font:
18px/1.5 -apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
}
body.static-body {
max-width: 650px;
margin: auto;
max-width: 650px;
margin: auto;
}
body.table-body {
font-size: 14px;
line-height: 1.3;
font-size: 14px;
line-height: 1.3;
}
body.table-body table {
border-collapse: collapse;
border-collapse: collapse;
}
body.table-body td, body.table-body th {
padding: 0.3em;
border: 1px solid #999;
body.table-body td,
body.table-body th {
padding: 0.3em;
border: 1px solid #999;
}
h1, h2, h3 {
line-height: 1.2;
h1,
h2,
h3 {
line-height: 1.2;
}
a:link {
color: #2181b7;
color: #2181b7;
}
a:visited {
color: #4e1ecb;
color: #4e1ecb;
}
@media (prefers-color-scheme: dark) {
body {
color: white;
background: #444
}
body {
color: white;
background: #444;
}
a:link {
color: #5bf
}
a:link {
color: #5bf;
}
a:visited {
color: #ccf
}
a:visited {
color: #ccf;
}
}
header {
border-bottom: 2px solid #2a6180;
padding-bottom: 1em;
line-height: 1;
border-bottom: 2px solid #2a6180;
padding-bottom: 1em;
line-height: 1;
}
footer {
border-top: 2px solid #2a6180;
padding: 1em;
margin-top: 1em;
text-align: center;
border-top: 2px solid #2a6180;
padding: 1em;
margin-top: 1em;
text-align: center;
}