frontend: Merge components into single bundle

This commit is contained in:
Lennart
2025-12-12 13:00:44 +01:00
parent 4e90f725e0
commit d3e7ede93c
21 changed files with 1647 additions and 1790 deletions

View File

@@ -13,6 +13,6 @@
"imports": {
"@deno/vite-plugin": "npm:@deno/vite-plugin@^1.0.5",
"lit": "npm:lit@^3.3.1",
"vite": "npm:vite@^7.1.12"
"vite": "npm:vite@^7.2.7"
}
}

View File

@@ -1,13 +1,13 @@
{
"version": "5",
"specifiers": {
"npm:@deno/vite-plugin@^1.0.5": "1.0.5_vite@7.1.12__picomatch@4.0.3",
"npm:@deno/vite-plugin@^1.0.5": "1.0.5_vite@7.2.7__picomatch@4.0.3",
"npm:lit@^3.3.1": "3.3.1",
"npm:vite@*": "7.1.12_picomatch@4.0.3",
"npm:vite@^7.1.12": "7.1.12_picomatch@4.0.3"
"npm:vite@*": "7.2.7_picomatch@4.0.3",
"npm:vite@^7.2.7": "7.2.7_picomatch@4.0.3"
},
"npm": {
"@deno/vite-plugin@1.0.5_vite@7.1.12__picomatch@4.0.3": {
"@deno/vite-plugin@1.0.5_vite@7.2.7__picomatch@4.0.3": {
"integrity": "sha512-tLja5n4dyMhcze1NzvSs2iiriBymfBlDCZIrjMTxb9O2ru0gvmV6mn5oBD2teNw5Sd92cj3YJzKwsAs8tMJXlg==",
"dependencies": [
"vite"
@@ -397,8 +397,8 @@
"picomatch"
]
},
"vite@7.1.12_picomatch@4.0.3": {
"integrity": "sha512-ZWyE8YXEXqJrrSLvYgrRP7p62OziLW7xI5HYGWFzOvupfAlrLvURSzv/FyGyy0eidogEM3ujU+kUG1zuHgb6Ug==",
"vite@7.2.7_picomatch@4.0.3": {
"integrity": "sha512-ITcnkFeR3+fI8P1wMgItjGrR10170d8auB4EpMLPqmx6uxElH3a/hHGQabSHKdqd4FXWO1nFIp9rRn7JQ34ACQ==",
"dependencies": [
"esbuild",
"fdir",
@@ -417,7 +417,7 @@
"dependencies": [
"npm:@deno/vite-plugin@^1.0.5",
"npm:lit@^3.3.1",
"npm:vite@^7.1.12"
"npm:vite@^7.2.7"
]
}
}

View File

@@ -1,16 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Lit</title>
<link rel="stylesheet" href="./src/index.css" />
<script type="module" src="/src/my-element.ts"></script>
</head>
<body>
<my-element>
<h1>Vite + Lit</h1>
</my-element>
</body>
</html>

View File

@@ -0,0 +1,8 @@
export { CreateAddressbookForm } from './create-addressbook-form.ts'
export { CreateBirthdayCalendarForm } from './create-birthday-calendar-form.ts'
export { CreateCalendarForm } from './create-calendar-form.ts'
export { DeleteButton } from './delete-button.ts'
export { EditAddressbookForm } from './edit-addressbook-form.ts'
export { EditCalendarForm } from './edit-calendar-form.ts'
export { ImportAddressbookForm } from './import-addressbook-form.ts'
export { ImportCalendarForm } from './import-calendar-form.ts'

View File

@@ -5,7 +5,7 @@ import { escapeXml } from ".";
import { getTimezones } from "./timezones.ts";
@customElement("create-birthday-calendar-form")
export class CreateCalendarForm extends LitElement {
export class CreateBirthdayCalendarForm extends LitElement {
protected override createRenderRoot() {
return this
}

View File

@@ -14,21 +14,14 @@ export default defineConfig({
rollupOptions: {
input: [
"lib/create-birthday-calendar-form.ts",
"lib/create-calendar-form.ts",
"lib/edit-calendar-form.ts",
"lib/import-calendar-form.ts",
"lib/create-addressbook-form.ts",
"lib/edit-addressbook-form.ts",
"lib/import-addressbook-form.ts",
"lib/delete-button.ts",
"lib/bundle.ts",
],
output: {
dir: "../public/assets/js/",
format: "es",
manualChunks: {
lit: ["lit"],
}
// manualChunks: {
// lit: ["lit"],
// }
}
},
},