chore: simpler / more flexible api

community-adder-template/src/index.js

@@ -12,27 +12,23 @@ export const options = defineAdderOptions({
 
 export default defineAdder({
 	id: 'community-addon',
-	environments: { kit: true, svelte: true },
 	options,
-	packages: [],
-	files: [
-		{
-			name: () => 'adder-template-demo.txt',
-			content: ({ content, options }) => {
-				if (options.demo) {
-					return 'This is a text file made by the Community Adder Template demo!';
-				}
-				return content;
+	setup: ({ kit, unavailable }) => {
+		if (!kit) unavailable();
+	},
+	run: ({ sv, options, typescript }) => {
+		sv.file('adder-template-demo.txt', (content) => {
+			if (options.demo) {
+				return 'This is a text file made by the Community Adder Template demo!';
 			}
-		},
-		{
-			name: () => 'src/DemoComponent.svelte',
-			content: ({ content, options, typescript }) => {
-				if (!options.demo) return content;
-				const { script, generateCode } = parseSvelte(content, { typescript });
-				imports.addDefault(script.ast, '../adder-template-demo.txt?raw', 'demo');
-				return generateCode({ script: script.generateCode(), template: '{demo}' });
-			}
-		}
-	]
+			return content;
+		});
+
+		sv.file('src/DemoComponent.svelte', (content) => {
+			if (!options.demo) return content;
+			const { script, generateCode } = parseSvelte(content, { typescript });
+			imports.addDefault(script.ast, '../adder-template-demo.txt?raw', 'demo');
+			return generateCode({ script: script.generateCode(), template: '{demo}' });
+		});
+	}
 });

packages/adders/_config/official.ts

@@ -24,7 +24,7 @@ export const officialAdders = [
 	mdsvex,
 	paraglide,
 	storybook
-];
+] as AdderWithoutExplicitArgs[];
 
 export function getAdderDetails(id: string): AdderWithoutExplicitArgs {
 	const details = officialAdders.find((a) => a.id === id);

packages/adders/_tests/all-addons/test.ts

@@ -0,0 +1,30 @@
+import process from 'node:process';
+import { expect } from '@playwright/test';
+import { setupTest } from '../_setup/suite.ts';
+import { officialAdders } from '../../index.ts';
+import type { AddonMap, OptionMap } from 'sv';
+
+const windowsCI = process.env.CI && process.platform === 'win32';
+const addons = officialAdders.reduce<AddonMap>((addonMap, addon) => {
+	if (addon.id === 'storybook' && windowsCI) return addonMap;
+	addonMap[addon.id] = addon;
+	return addonMap;
+}, {});
+
+const defaultOptions = officialAdders.reduce<OptionMap<typeof addons>>((options, addon) => {
+	options[addon.id] = {};
+	return options;
+}, {});
+
+const { test, variants, prepareServer } = setupTest(addons);
+
+const kitOnly = variants.filter((v) => v.startsWith('kit'));
+test.concurrent.for(kitOnly)('run all addons - %s', async (variant, { page, ...ctx }) => {
+	const cwd = await ctx.run(variant, defaultOptions);
+
+	const { close } = await prepareServer({ cwd, page });
+	// kill server process when we're done
+	ctx.onTestFinished(async () => await close());
+
+	expect(true).toBe(true);
+});

packages/adders/_tests/eslint/test.ts

@@ -1,3 +1,6 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { execSync } from 'node:child_process';
 import { expect } from '@playwright/test';
 import { setupTest } from '../_setup/suite.ts';
 import eslint from '../../eslint/index.ts';
@@ -11,5 +14,12 @@ test.concurrent.for(variants)('core - %s', async (variant, { page, ...ctx }) =>
 	// kill server process when we're done
 	ctx.onTestFinished(async () => await close());
 
-	expect(true).toBe(true);
+	const unlintedFile = 'let foo = "";\nif (Boolean(foo)) {\n//\n}';
+	fs.writeFileSync(path.resolve(cwd, 'foo.js'), unlintedFile, 'utf8');
+
+	expect(() => execSync('pnpm lint', { cwd, stdio: 'pipe' })).toThrowError();
+
+	expect(() => execSync('pnpm eslint --fix .', { cwd, stdio: 'pipe' })).not.toThrowError();
+
+	expect(() => execSync('pnpm lint', { cwd, stdio: 'pipe' })).not.toThrowError();
 });

packages/adders/_tests/prettier/test.ts

@@ -1,3 +1,6 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { execSync } from 'node:child_process';
 import { expect } from '@playwright/test';
 import { setupTest } from '../_setup/suite.ts';
 import prettier from '../../prettier/index.ts';
@@ -11,5 +14,12 @@ test.concurrent.for(variants)('core - %s', async (variant, { page, ...ctx }) =>
 	// kill server process when we're done
 	ctx.onTestFinished(async () => await close());
 
-	expect(true).toBe(true);
+	const unformattedFile = 'const foo = "bar"';
+	fs.writeFileSync(path.resolve(cwd, 'foo.js'), unformattedFile, 'utf8');
+
+	expect(() => execSync('pnpm lint', { cwd, stdio: 'pipe' })).toThrowError();
+
+	expect(() => execSync('pnpm format', { cwd, stdio: 'pipe' })).not.toThrowError();
+
+	expect(() => execSync('pnpm lint', { cwd, stdio: 'pipe' })).not.toThrowError();
 });

packages/adders/_tests/storybook/test.ts

@@ -1,4 +1,3 @@
-import process from 'node:process';
 import { expect } from '@playwright/test';
 import { setupTest } from '../_setup/suite.ts';
 import storybook from '../../storybook/index.ts';
@@ -7,10 +6,8 @@ const { test, variants, prepareServer } = setupTest({ storybook });
 
 let port = 6006;
 
-const skip = process.env.CI && process.platform === 'win32';
-test.skipIf(skip).concurrent.for(variants)(
-	'storybook loaded - %s',
-	async (variant, { page, ...ctx }) => {
+test.concurrent.for(variants)('storybook loaded - %s', async (variant, { page, ...ctx }) => {
+	try {
 		const cwd = await ctx.run(variant, { storybook: {} });
 
 		const { close } = await prepareServer({
@@ -24,5 +21,8 @@ test.skipIf(skip).concurrent.for(variants)(
 
 		expect(await page.$('main .sb-bar')).toBeTruthy();
 		expect(await page.$('#storybook-preview-wrapper')).toBeTruthy();
+	} catch (e) {
+		console.error(e);
+		throw e;
 	}
-);
+});

packages/adders/common.ts

@@ -1,8 +1,7 @@
 import { imports, exports, common } from '@sveltejs/cli-core/js';
-import { type Question, type FileEditor } from '@sveltejs/cli-core';
 import { parseScript, parseSvelte } from '@sveltejs/cli-core/parsers';
 
-export function addEslintConfigPrettier({ content }: FileEditor<Record<string, Question>>): string {
+export function addEslintConfigPrettier(content: string): string {
 	const { ast, generateCode } = parseScript(content);
 
 	// if a default import for `eslint-plugin-svelte` already exists, then we'll use their specifier's name instead
@@ -65,10 +64,7 @@ export function addEslintConfigPrettier({ content }: FileEditor<Record<string, Q
 	return generateCode();
 }
 
-export function addToDemoPage(
-	{ content }: FileEditor<Record<string, Question>>,
-	path: string
-): string {
+export function addToDemoPage(content: string, path: string): string {
 	const { template, generateCode } = parseSvelte(content);
 
 	for (const node of template.ast.childNodes) {