Zef Hemel
3a8aaf2486
Right now mostly extracted from configuration-manager and SilverBullet+'s dashboard. Will be used in more plugs moving forward.
33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
import { getUiOption } from "../syscalls/editor.ts";
|
|
|
|
export type PanelStylesOptions = {
|
|
/** Include the shared component stylesheet link (default true). */
|
|
components?: boolean;
|
|
/** Include the user's space-style CSS (default true). */
|
|
spaceStyles?: boolean;
|
|
};
|
|
|
|
/**
|
|
* Build an HTML preamble that styles a plug panel/widget iframe like the rest
|
|
* of SilverBullet: the shared component stylesheet plus the user's space-style
|
|
* CSS. Prepend the result to the HTML you pass to `editor.showPanel`.
|
|
*
|
|
* Order: components first (base), then space styles (so user theming wins),
|
|
* leaving any plug-specific CSS you append afterwards highest-precedence.
|
|
*/
|
|
export async function panelStyles(
|
|
{ components = true, spaceStyles = true }: PanelStylesOptions = {},
|
|
): Promise<string> {
|
|
let out = "";
|
|
if (components) {
|
|
out += `<link rel="stylesheet" href=".client/components.css">`;
|
|
}
|
|
if (spaceStyles) {
|
|
const custom = await getUiOption("customStyles");
|
|
if (typeof custom === "string" && custom) {
|
|
out += custom;
|
|
}
|
|
}
|
|
return out;
|
|
}
|