add banner option to gro_plugin_moss

.changeset/sweet-trainers-clean.md

@@ -0,0 +1,5 @@
+---
+'@ryanatkn/moss': patch
+---
+
+add `banner` option to `gro_plugin_moss`

src/lib/gro_plugin_moss.ts

@@ -43,13 +43,15 @@ export interface Options {
 	outfile?: string;
 	filter_file?: File_Filter | null;
 	flush_debounce_delay?: number;
+	banner?: string;
 }
 
 export const gro_plugin_moss = ({
 	include_classes = null,
 	outfile = 'src/routes/moss.css', // TODO maybe support multiple files using file filters to check where to collect them?
 	filter_file = (p) => !p.includes('.test.') && !p.includes('/test/'),
 	flush_debounce_delay = FLUSH_DEBOUNCE_DELAY,
+	banner = 'generated by gro_plugin_moss',
 }: Options = EMPTY_OBJECT): Plugin => {
 	const css_classes = new Css_Classes(
 		Array.isArray(include_classes) ? new Set(include_classes) : include_classes,
@@ -69,7 +71,8 @@ export const gro_plugin_moss = ({
 	const flush_gen_queue = throttle(
 		async () => {
 			const css = generate_classes_css(css_classes.get_sorted_array());
-			const output = await format_file(css, {filepath: outfile});
+			const contents = `/* ${banner} */\n\n${css}\n\n/* ${banner} */n`;
+			const output = await format_file(contents, {filepath: outfile});
 			// TODO think about using gen to implement this, would have some nice benefits like automatic change detection
 			if (output === previous_output) return;
 			previous_output = output;

src/routes/moss.css

@@ -1,3 +1,5 @@
+/* generated by gro_plugin_moss */
+
 .bg {
 	background-color: var(--bg);
 }
@@ -277,3 +279,5 @@
 	width: 100%;
 	max-width: var(--width_sm);
 }
+
+/* generated by gro_plugin_moss */