Skip to content

Commit 016b3ef

Browse files
mekanixmekanix
committed
Format and menu bar
1 parent e2a5e17 commit 016b3ef

15 files changed

+264
-192
lines changed

‎.prettierrc

Lines changed: 5 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,7 @@
11
{
2-
"useTabs": true,
3-
"singleQuote": true,
4-
"trailingComma": "none",
5-
"printWidth": 100,
6-
"plugins": ["prettier-plugin-svelte"],
7-
"overrides": [
8-
{
9-
"files": "*.svelte",
10-
"options": {
11-
"parser": "svelte"
12-
}
13-
}
14-
]
2+
"useTabs": false,
3+
"singleQuote": true,
4+
"trailingComma": "all",
5+
"printWidth": 100,
6+
"semi": false
157
}

‎eslint.config.js

Lines changed: 31 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,34 @@
1-
import prettier from 'eslint-config-prettier';
2-
import js from '@eslint/js';
3-
import { includeIgnoreFile } from '@eslint/compat';
4-
import svelte from 'eslint-plugin-svelte';
5-
import globals from 'globals';
6-
import { fileURLToPath } from 'node:url';
7-
import ts from 'typescript-eslint';
8-
const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url));
1+
import prettier from 'eslint-config-prettier'
2+
import js from '@eslint/js'
3+
import { includeIgnoreFile } from '@eslint/compat'
4+
import svelte from 'eslint-plugin-svelte'
5+
import globals from 'globals'
6+
import { fileURLToPath } from 'node:url'
7+
import ts from 'typescript-eslint'
8+
const gitignorePath = fileURLToPath(new URL('./.gitignore', import.meta.url))
99

1010
export default ts.config(
11-
includeIgnoreFile(gitignorePath),
12-
js.configs.recommended,
13-
...ts.configs.recommended,
14-
...svelte.configs['flat/recommended'],
15-
prettier,
16-
...svelte.configs['flat/prettier'],
17-
{
18-
languageOptions: {
19-
globals: {
20-
...globals.browser,
21-
...globals.node
22-
}
23-
}
24-
},
25-
{
26-
files: ['**/*.svelte'],
11+
includeIgnoreFile(gitignorePath),
12+
js.configs.recommended,
13+
...ts.configs.recommended,
14+
...svelte.configs['flat/recommended'],
15+
prettier,
16+
...svelte.configs['flat/prettier'],
17+
{
18+
languageOptions: {
19+
globals: {
20+
...globals.browser,
21+
...globals.node,
22+
},
23+
},
24+
},
25+
{
26+
files: ['**/*.svelte'],
2727

28-
languageOptions: {
29-
parserOptions: {
30-
parser: ts.parser
31-
}
32-
}
33-
}
34-
);
28+
languageOptions: {
29+
parserOptions: {
30+
parser: ts.parser,
31+
},
32+
},
33+
},
34+
)

‎package-lock.json

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 62 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,66 +1,67 @@
11
{
2-
"name": "@freenit-framework/core",
3-
"version": "0.0.44",
2+
"name": "@freenit-framework/core",
3+
"version": "0.0.44",
44
"private": false,
55
"author": "Goran Mekić <meka@tilda.center>",
66
"license": "BSD-2-Clause",
7-
"scripts": {
8-
"dev": "vite dev",
9-
"build": "vite build && npm run package",
10-
"preview": "vite preview",
11-
"package": "svelte-kit sync && svelte-package && publint",
12-
"prepublishOnly": "npm run package",
13-
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
14-
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
15-
"format": "prettier --write .",
16-
"lint": "prettier --check . && eslint .",
17-
"test:unit": "vitest",
18-
"test": "npm run test:unit -- --run"
19-
},
20-
"files": [
21-
"dist",
22-
"!dist/**/*.test.*",
23-
"!dist/**/*.spec.*"
24-
],
25-
"sideEffects": [
26-
"**/*.css"
27-
],
28-
"svelte": "./dist/index.js",
29-
"types": "./dist/index.d.ts",
30-
"type": "module",
31-
"exports": {
32-
".": {
33-
"types": "./dist/index.d.ts",
34-
"svelte": "./dist/index.js"
35-
}
36-
},
37-
"peerDependencies": {
38-
"@sveltejs/kit": "^2.0.0",
39-
"@zerodevx/svelte-toast": "^0.9.6",
40-
"chota": "^0.9.2",
41-
"svelte": "^5.0.0"
42-
},
43-
"devDependencies": {
44-
"@eslint/compat": "^1.2.3",
45-
"@eslint/js": "^9.17.0",
46-
"@sveltejs/adapter-auto": "^3.0.0",
47-
"@sveltejs/kit": "^2.0.0",
48-
"@sveltejs/package": "^2.0.0",
49-
"@sveltejs/vite-plugin-svelte": "^4.0.0",
50-
"@zerodevx/svelte-toast": "^0.9.6",
51-
"chota": "^0.9.2",
52-
"eslint": "^9.7.0",
53-
"eslint-config-prettier": "^9.1.0",
54-
"eslint-plugin-svelte": "^2.36.0",
55-
"globals": "^15.0.0",
56-
"prettier": "^3.3.2",
57-
"prettier-plugin-svelte": "^3.2.6",
58-
"publint": "^0.2.0",
59-
"svelte": "^5.0.0",
60-
"svelte-check": "^4.0.0",
61-
"typescript": "^5.0.0",
62-
"typescript-eslint": "^8.0.0",
63-
"vite": "^5.4.14",
64-
"vitest": "^2.0.4"
65-
}
7+
"scripts": {
8+
"dev": "vite dev",
9+
"build": "vite build && npm run package",
10+
"preview": "vite preview",
11+
"package": "svelte-kit sync && svelte-package && publint",
12+
"prepublishOnly": "npm run package",
13+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
14+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
15+
"format": "prettier --write .",
16+
"lint": "prettier --check . && eslint .",
17+
"test:unit": "vitest",
18+
"test": "npm run test:unit -- --run"
19+
},
20+
"files": [
21+
"dist",
22+
"!dist/**/*.test.*",
23+
"!dist/**/*.spec.*"
24+
],
25+
"sideEffects": [
26+
"**/*.css"
27+
],
28+
"svelte": "./dist/index.js",
29+
"types": "./dist/index.d.ts",
30+
"type": "module",
31+
"exports": {
32+
".": {
33+
"types": "./dist/index.d.ts",
34+
"svelte": "./dist/index.js"
35+
}
36+
},
37+
"peerDependencies": {
38+
"@sveltejs/kit": "^2.0.0",
39+
"@zerodevx/svelte-toast": "^0.9.6",
40+
"chota": "^0.9.2",
41+
"svelte": "^5.0.0"
42+
},
43+
"devDependencies": {
44+
"@eslint/compat": "^1.2.3",
45+
"@eslint/js": "^9.17.0",
46+
"@mdi/js": "^7.4.47",
47+
"@sveltejs/adapter-auto": "^3.0.0",
48+
"@sveltejs/kit": "^2.0.0",
49+
"@sveltejs/package": "^2.0.0",
50+
"@sveltejs/vite-plugin-svelte": "^4.0.0",
51+
"@zerodevx/svelte-toast": "^0.9.6",
52+
"chota": "^0.9.2",
53+
"eslint": "^9.7.0",
54+
"eslint-config-prettier": "^9.1.0",
55+
"eslint-plugin-svelte": "^2.36.0",
56+
"globals": "^15.0.0",
57+
"prettier": "^3.3.2",
58+
"prettier-plugin-svelte": "^3.2.6",
59+
"publint": "^0.2.0",
60+
"svelte": "^5.0.0",
61+
"svelte-check": "^4.0.0",
62+
"typescript": "^5.0.0",
63+
"typescript-eslint": "^8.0.0",
64+
"vite": "^5.4.14",
65+
"vitest": "^2.0.4"
66+
}
6667
}

‎src/app.d.ts

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
// See https://svelte.dev/docs/kit/types#app.d.ts
22
// for information about these interfaces
33
declare global {
4-
namespace App {
5-
// interface Error {}
6-
// interface Locals {}
7-
// interface PageData {}
8-
// interface PageState {}
9-
// interface Platform {}
10-
}
4+
namespace App {
5+
// interface Error {}
6+
// interface Locals {}
7+
// interface PageData {}
8+
// interface PageState {}
9+
// interface Platform {}
10+
}
1111
}
1212

13-
export {};
13+
export {}

‎src/app.html

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<!doctype html>
22
<html lang="en">
3-
<head>
4-
<meta charset="utf-8" />
5-
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1" />
7-
%sveltekit.head%
8-
</head>
9-
<body data-sveltekit-preload-data="hover">
10-
<div>%sveltekit.body%</div>
11-
</body>
3+
<head>
4+
<meta charset="utf-8" />
5+
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
%sveltekit.head%
8+
</head>
9+
<body data-sveltekit-preload-data="hover">
10+
<div>%sveltekit.body%</div>
11+
</body>
1212
</html>

‎src/demo.spec.ts

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import { describe, it, expect } from 'vitest';
1+
import { describe, it, expect } from 'vitest'
22

33
describe('sum test', () => {
4-
it('adds 1 + 2 to equal 3', () => {
5-
expect(1 + 2).toBe(3);
6-
});
7-
});
4+
it('adds 1 + 2 to equal 3', () => {
5+
expect(1 + 2).toBe(3)
6+
})
7+
})

‎src/lib/LeftPane.svelte

Lines changed: 62 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,39 +1,77 @@
1-
<div class="root">
2-
<a href="/">Home</a>
3-
<div class="item">
4-
Auth
5-
<a href="/login">Login</a>
6-
<a href="/register">Register</a>
7-
<a href="/verify">Verify</a>
8-
<a href="/logout">Logout</a>
9-
</div>
10-
<div class="item">
11-
Users
12-
<a href="/profile">Profile</a>
13-
<a href="/users">List</a>
14-
<a href="/users/1">Detail</a>
15-
</div>
16-
<div class="item">
17-
Role
18-
<a href="/roles">List</a>
19-
<a href="/roles/1">Detail</a>
1+
<script lang="ts">
2+
let { open } = $props()
3+
4+
const toggle = () => {
5+
open = !open
6+
}
7+
</script>
8+
9+
<div class="root" class:open>
10+
<div class="relative">
11+
<button class="button close" onclick={toggle}>x</button>
2012
</div>
21-
<div class="item">
22-
Theme
23-
<a href="/themes">List</a>
24-
<a href="/themes/Freenit">Detail</a>
13+
<div class="wrapper">
14+
<a href="/">Home</a>
15+
<div class="item">
16+
Auth
17+
<a href="/login">Login</a>
18+
<a href="/register">Register</a>
19+
<a href="/verify">Verify</a>
20+
<a href="/logout">Logout</a>
21+
</div>
22+
<div class="item">
23+
Users
24+
<a href="/profile">Profile</a>
25+
<a href="/users">List</a>
26+
<a href="/users/1">Detail</a>
27+
</div>
28+
<div class="item">
29+
Role
30+
<a href="/roles">List</a>
31+
<a href="/roles/1">Detail</a>
32+
</div>
33+
<div class="item">
34+
Theme
35+
<a href="/themes">List</a>
36+
<a href="/themes/Freenit">Detail</a>
37+
</div>
2538
</div>
2639
</div>
2740

2841
<style>
2942
.root {
30-
width: 300px;
43+
position: absolute;
44+
top: 0;
45+
left: 0;
46+
width: 0;
47+
height: 100vh;
48+
max-width: 300px;
3149
background-color: #eee;
3250
display: flex;
3351
flex-direction: column;
52+
overflow-x: hidden;
53+
overflow-y: scroll;
54+
transition: width 1s;
55+
}
56+
57+
.wrapper {
3458
padding: 20px;
3559
}
3660
61+
.open {
62+
width: 100%;
63+
}
64+
65+
.relative {
66+
position: relative;
67+
}
68+
69+
.close {
70+
position: absolute;
71+
top: 0;
72+
right: 0;
73+
}
74+
3775
.item {
3876
color: var(--color-primary);
3977
cursor: grabbing;

0 commit comments

Comments
 (0)