Skip to content

Commit 27deee3

Browse files
author
Ross Bermudez
committed
[PYS-12] Format and lint
1 parent 6f8f978 commit 27deee3

17 files changed

+890
-879
lines changed

pyscriptjs/.eslintrc.js

Lines changed: 20 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,31 +3,44 @@ module.exports = {
33
extends: [
44
'eslint:recommended',
55
'plugin:@typescript-eslint/recommended',
6-
'plugin:@typescript-eslint/recommended-requiring-type-checking'
6+
'plugin:@typescript-eslint/recommended-requiring-type-checking',
77
],
88
parserOptions: {
99
ecmaVersion: 2020,
1010
sourceType: 'module',
1111
tsconfigRootDir: __dirname,
1212
project: ['./tsconfig.json'],
13-
extraFileExtensions: ['.svelte']
13+
extraFileExtensions: ['.svelte'],
1414
},
1515
env: {
1616
es6: true,
17-
browser: true
17+
browser: true,
1818
},
1919
overrides: [
2020
{
2121
files: ['*.svelte'],
22-
processor: 'svelte3/svelte3'
23-
}
22+
processor: 'svelte3/svelte3',
23+
},
2424
],
2525
settings: {
2626
'svelte3/typescript': require('typescript'),
2727
// ignore style tags in Svelte because of Tailwind CSS
2828
// See https://github.com/sveltejs/eslint-plugin-svelte3/issues/70
29-
'svelte3/ignore-styles': () => true
29+
'svelte3/ignore-styles': () => true,
3030
},
3131
plugins: ['svelte3', '@typescript-eslint'],
3232
ignorePatterns: ['node_modules'],
33-
}
33+
rules: {
34+
'no-prototype-builtins': 'warn',
35+
'@typescript-eslint/no-unused-vars': 'warn',
36+
'@typescript-eslint/no-explicit-any': 'warn',
37+
'@typescript-eslint/no-unsafe-assignment': 'warn',
38+
'@typescript-eslint/no-unsafe-argument': 'warn',
39+
'@typescript-eslint/no-unsafe-member-access': 'warn',
40+
'@typescript-eslint/no-unsafe-call': 'warn',
41+
'@typescript-eslint/no-unsafe-return': 'warn',
42+
'@typescript-eslint/no-floating-promises': 'warn',
43+
'@typescript-eslint/restrict-plus-operands': 'warn',
44+
'@typescript-eslint/no-empty-function': 'warn',
45+
},
46+
};

pyscriptjs/.prettierrc.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ module.exports = {
44
singleQuote: true,
55
printWidth: 120,
66
plugins: ['prettier-plugin-svelte'],
7-
semi: false,
7+
semi: true,
88
svelteSortOrder: 'options-styles-scripts-markup',
99
svelteStrictMode: false,
1010
svelteIndentScriptAndStyle: true,
11-
tabWidth: 2,
11+
tabWidth: 4,
1212
trailingComma: 'all',
1313
}

pyscriptjs/src/App.svelte

Lines changed: 70 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1,81 +1,84 @@
1-
<script lang="ts">
2-
3-
import Tailwind from "./Tailwind.svelte";
4-
import { loadInterpreter } from './interpreter';
5-
import { pyodideLoaded, loadedEnvironments, navBarOpen, componentsNavOpen, mode, scriptsQueue, initializers, postInitializers } from './stores';
6-
7-
let iconSize = 2;
8-
let pyodideReadyPromise
9-
10-
function bumpSize(evt){
11-
iconSize = 4;
12-
}
13-
14-
function downSize(evt){
15-
iconSize = 2;
16-
}
17-
18-
const initializePyodide = async () =>{
19-
// @ts-ignore
20-
pyodideReadyPromise = loadInterpreter();
21-
// @ts-ignore
22-
let newEnv = {
23-
'id': 'a',
24-
'promise': pyodideReadyPromise,
25-
'state': 'loading',
1+
<style>
2+
:global(div.buttons-box) {
3+
margin-top: -25px;
264
}
27-
pyodideLoaded.set(pyodideReadyPromise);
28-
loadedEnvironments.update((value: any): any => {
29-
value[newEnv['id']] = newEnv;
30-
});
315
32-
let showNavBar = false;
33-
let main = document.querySelector("#main");
34-
navBarOpen.subscribe(value => {
35-
showNavBar = value;
36-
});
37-
38-
// now we call all initializers before we actually executed all page scripts
39-
for (let initializer of $initializers){
40-
await initializer();
6+
:global(.parentBox:hover .buttons-box) {
7+
visibility: visible;
418
}
9+
</style>
4210

43-
// now we can actually execute the page scripts if we are in play mode
44-
if ($mode == "play"){
45-
for (let script of $scriptsQueue) {
46-
script.evaluate();
47-
}
48-
scriptsQueue.set([]);
11+
<script lang="ts">
12+
import Tailwind from './Tailwind.svelte';
13+
import { loadInterpreter } from './interpreter';
14+
import {
15+
componentsNavOpen,
16+
initializers,
17+
loadedEnvironments,
18+
mode,
19+
navBarOpen,
20+
postInitializers,
21+
pyodideLoaded,
22+
scriptsQueue,
23+
} from './stores';
24+
25+
let iconSize = 2;
26+
let pyodideReadyPromise;
27+
28+
function bumpSize(evt) {
29+
iconSize = 4;
4930
}
5031
51-
// now we call all post initializers AFTER we actually executed all page scripts
52-
setTimeout(() => {
53-
for (let initializer of $postInitializers){
54-
initializer();
55-
}
56-
}, 3000);
57-
58-
}
59-
60-
function toggleComponentsNavBar(evt){
61-
componentsNavOpen.set(!$componentsNavOpen);
32+
function downSize(evt) {
33+
iconSize = 2;
6234
}
6335
36+
const initializePyodide = async () => {
37+
pyodideReadyPromise = loadInterpreter();
38+
let newEnv = {
39+
id: 'a',
40+
promise: pyodideReadyPromise,
41+
state: 'loading',
42+
};
43+
pyodideLoaded.set(pyodideReadyPromise);
44+
loadedEnvironments.update((value: any): any => {
45+
value[newEnv['id']] = newEnv;
46+
});
47+
48+
let showNavBar = false;
49+
let main = document.querySelector('#main');
50+
navBarOpen.subscribe(value => {
51+
showNavBar = value;
52+
});
53+
54+
// now we call all initializers before we actually executed all page scripts
55+
for (let initializer of $initializers) {
56+
await initializer();
57+
}
58+
59+
// now we can actually execute the page scripts if we are in play mode
60+
if ($mode == 'play') {
61+
for (let script of $scriptsQueue) {
62+
script.evaluate();
63+
}
64+
scriptsQueue.set([]);
65+
}
66+
67+
// now we call all post initializers AFTER we actually executed all page scripts
68+
setTimeout(() => {
69+
for (let initializer of $postInitializers) {
70+
initializer();
71+
}
72+
}, 3000);
73+
};
74+
75+
function toggleComponentsNavBar(evt) {
76+
componentsNavOpen.set(!$componentsNavOpen);
77+
}
6478
</script>
6579

66-
<style>
67-
:global(div.buttons-box) {
68-
margin-top: -25px;
69-
}
70-
71-
:global(.parentBox:hover .buttons-box) {
72-
visibility: visible;
73-
}
74-
75-
</style>
76-
7780
<svelte:head>
78-
<script src="https://cdn.jsdelivr.net/pyodide/v0.20.0/full/pyodide.js" on:load={initializePyodide}></script>
81+
<script src="https://cdn.jsdelivr.net/pyodide/v0.20.0/full/pyodide.js" on:load={initializePyodide}></script>
7982
</svelte:head>
8083

8184
<Tailwind />

pyscriptjs/src/Tailwind.svelte

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
@tailwind base;
33
@tailwind components;
44
@tailwind utilities;
5-
</style>
5+
</style>

0 commit comments

Comments
 (0)