added build script + proper differentiation of dev & prod builds

This commit is contained in:
Simon Martens
2024-12-04 18:56:44 +01:00
parent 3af43b33dd
commit caa5504f2a
11 changed files with 83 additions and 668 deletions

View File

@@ -1,31 +1,22 @@
function setup() {
let templates = document.querySelectorAll("template[simple]");
templates.forEach((template) => {
let templateId = template.getAttribute("id");
let templateContent = template.content;
customElements.define(templateId, class extends HTMLElement {
function a() {
document.querySelectorAll("template[simple]").forEach((l) => {
let s = l.getAttribute("id"), n = l.content;
customElements.define(s, class extends HTMLElement {
constructor() {
super();
this.appendChild(templateContent.cloneNode(true));
this.slots = this.querySelectorAll("slot");
super(), this.appendChild(n.cloneNode(!0)), this.slots = this.querySelectorAll("slot");
}
connectedCallback() {
let toremove = [];
this.slots.forEach((tslot) => {
let slotName = tslot.getAttribute("name");
let slotContent = this.querySelector(`[slot="${slotName}"]`);
if (slotContent) {
tslot.replaceWith(slotContent.cloneNode(true));
toremove.push(slotContent);
}
});
toremove.forEach((element) => {
element.remove();
let o = [];
this.slots.forEach((e) => {
let r = e.getAttribute("name"), t = this.querySelector(`[slot="${r}"]`);
t && (e.replaceWith(t.cloneNode(!0)), o.push(t));
}), o.forEach((e) => {
e.remove();
});
}
});
});
}
export {
setup
a as setup
};

File diff suppressed because one or more lines are too long

View File

@@ -26,7 +26,7 @@
</script>
</head>
<body class="w-full h-full" hx-ext="response-targets">
<body class="w-full h-full p-3" hx-ext="response-targets">
{{ block "_menu" . }}
<!-- Default app menu... -->
{{ end }}

View File

@@ -1,8 +1,8 @@
export default {
plugins: {
'postcss-import': {},
'tailwindcss/nesting': {},
tailwindcss: {},
autoprefixer: {},
},
}
plugins: {
"postcss-import": {},
"tailwindcss/nesting": {},
tailwindcss: {},
autoprefixer: {},
},
};

View File

@@ -8,7 +8,7 @@
</div>
<div>
<div class="py-3">
<div class="py-3 text-xl">
<div>{{ $model.Year }}</div>
<div>Stück {{ $model.No }}</div>
<div>{{ $model.Day }}. {{ $date.Month }} ({{ $date.Weekday }})</div>

View File

@@ -1,12 +1,9 @@
import { resolve } from "path";
import { defineConfig } from "vite";
export default defineConfig({
mode: "production",
build: {
root: resolve(__dirname, ""),
// These are dev options only:
minify: false,
emitAssets: true,
lib: {
entry: "./transform/main.js",
name: "PC-UI",

27
views/vite.dev.config.js Normal file
View File

@@ -0,0 +1,27 @@
import { resolve } from "path";
import { defineConfig } from "vite";
import tailwindcss from "tailwindcss";
export default defineConfig({
mode: "development",
css: {
postcss: {
plugins: [tailwindcss],
},
},
build: {
root: resolve(__dirname, ""),
// These are dev options only:
minify: false,
emitAssets: true,
lib: {
entry: "./transform/main.js",
name: "PC-UI",
fileName: "scripts",
cssFileName: "style",
formats: ["es"],
},
outDir: resolve(__dirname, "assets/"),
},
});