andras/reconcile
1
0
Fork 0
Code Issues Pull requests 5 Projects Releases Packages Wiki Activity Actions

Add SCSS

Browse source
This commit is contained in:
Andras Schmelczer 2024-12-20 17:34:39 +00:00
parent 25044a0fef
commit 5dd6a655cc
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
3 changed files with 58 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

28
plugin/esbuild.config.mjs
View file

@ -1,6 +1,7 @@
import esbuild from "esbuild"; import esbuild from "esbuild";
import process from "process"; import process from "process";
import builtins from "builtin-modules"; import builtins from "builtin-modules";
import { sassPlugin } from "esbuild-sass-plugin";
import path from "node:path"; import path from "node:path";
import fs from "node:fs"; import fs from "node:fs";
import { wasmPack } from "esbuild-plugin-wasm-pack"; import { wasmPack } from "esbuild-plugin-wasm-pack";
@ -70,48 +71,45 @@ let wasmPlugin = {
}, },
}; };
const copyBundle = { const copyBundle = () => ({
name: "post-compile", name: "post-compile",
setup(build) { setup(build) {
build.onEnd(async (result) => { build.onEnd((result) => {
if (prod) { if (prod) {
await fs.promises.copyFile( fs.promises.copyFile("manifest.json", "build/manifest.json");
"manifest.json",
"build/manifest.json"
);
return; return;
} }
if (result.errors.length === 0) { if (result.errors.length === 0) {
await copyFiles( copyFiles(
["manifest.json", ".hotreload"], ["manifest.json", ".hotreload"],
"/mnt/c/Users/Andras/Desktop/test/test/.obsidian/plugins/my-plugin" "/mnt/c/Users/Andras/Desktop/test/test/.obsidian/plugins/my-plugin"
); );
await copyFiles( copyFiles(
"build", "build",
"/mnt/c/Users/Andras/Desktop/test/test/.obsidian/plugins/my-plugin" "/mnt/c/Users/Andras/Desktop/test/test/.obsidian/plugins/my-plugin"
); );
await copyFiles( copyFiles(
["manifest.json", ".hotreload"], ["manifest.json", ".hotreload"],
"/mnt/c/Users/Andras/Desktop/test/test2/.obsidian/plugins/my-plugin" "/mnt/c/Users/Andras/Desktop/test/test2/.obsidian/plugins/my-plugin"
); );
await copyFiles( copyFiles(
"build", "build",
"/mnt/c/Users/Andras/Desktop/test/test2/.obsidian/plugins/my-plugin" "/mnt/c/Users/Andras/Desktop/test/test2/.obsidian/plugins/my-plugin"
); );
} }
}); });
}, },
}; });
const cssContext = await esbuild.context({ const cssContext = await esbuild.context({
entryPoints: ["src/styles.css"], entryPoints: ["src/styles.scss"],
bundle: true, bundle: true,
outfile: "build/styles.css", outfile: "build/styles.css",
plugins: [copyBundle], plugins: [sassPlugin(), copyBundle()],
}); });
const jsContext = await esbuild.context({ const jsContext = await esbuild.context({
@ -143,13 +141,13 @@ const jsContext = await esbuild.context({
minify: prod, minify: prod,
plugins: [ plugins: [
wasmPlugin, wasmPlugin,
prod true
? null ? null
: wasmPack({ : wasmPack({
target: "web", target: "web",
path: "../backend/sync_lib", path: "../backend/sync_lib",
}), }),
copyBundle, copyBundle(),
].filter(Boolean), ].filter(Boolean),
}); });

4
plugin/src/styles.css
View file

@ -1,4 +0,0 @@
.sync-settings-access-token textarea {
width: 100%;
height: 100px;
}

45
plugin/src/styles.scss Normal file
View file

@ -0,0 +1,45 @@
.sync-settings-access-token textarea {
width: 100%;
height: 100px;
}
.history-card * {
margin: 0;
padding: 0;
}
.history-card {
padding: var(--size-4-4) var(--size-4-6);
margin: var(--size-4-2);
background-color: var(--color-base-00);
border-radius: var(--radius-l);
&.success {
background-color: rgba(var(--color-green-rgb), 0.2);
}
&.error {
background-color: rgba(var(--color-red-rgb), 0.2);
}
.history-card-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--size-4-4);
.history-card-title {
font: var(--font-monospace-theme);
}
.history-card-timestamp {
font-size: var(--font-ui-small);
color: var(--color-base-70);
}
}
.history-card-message {
font-size: var(--font-ui-medium);
color: var(--color-base-70);
}
}