feat: paraglide adder

[manuel3108]

Notes:

• shoutout to @LorisSigrist and @samuelstroschein for the initial pr against svelte-add. I tried patching in their changes, which obviously only worked to some degree. But at least git recognizes that they authored those commits now
• depends on feat: supabase #45 as i need a few methods that i have moved / improved there, especially for the hooks.ts file

new features:

• string and number questions can now have placeholders, and can provide a validate function (implemented by @LorisSigrist)
• preInstall & postInstall hooks. This was necessary because this adder needs to generated multiple files past on a string option input

todos:

• check rejected files
• test if it works
• make it more robust
• add tests they are not yet implemented, we can easily do this later.

[pkg-pr-new]

Open in Stackblitz

pnpm add https://pkg.pr.new/sveltejs/cli/sv@67

commit: 63e065a

[benmccann]

I just tried running locally with ../../cli/packages/cli/dist/bin.js add paraglide, but it didn't work for me

[changeset-bot]

🦋 Changeset detected

Latest commit: 63e065a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
sv	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[benmccann]

It seems this error message occurs because we're passing -1 as the start (Rich-Harris/magic-string#288)

[benmccann]

This is working now!

Do you think there's a way to improve the formatting? I'm not sure why it's adding everything on one line and if we can insert some new lines to make it a bit better

<section>
	<h1>
		<span class="welcome">
			<picture>
				<source srcset="{welcome}" type="image/webp" />
				<img src="{welcome_fallback}" alt="Welcome" />
			</picture>
		</span>

		to your new<br />SvelteKit app
	</h1>

	<h2>
		try editing <strong>src/routes/+page.svelte</strong>
	</h2>

	<Counter></Counter>
</section><h1>{m.hello_world({ name: 'SvelteKit User' })}</h1><div><button onclick="{() => switchToLanguage('en')}">en</button></div>

[manuel3108]

Nice!

Seems like dom-serializer is not doing any formatting and not providing any options regarding that. I added a few new lines and tabs here and there, so that this i the ouput for now:

We could discuss if we should add spaces or tabs, but adding tabs in the code feels way more natural than having to count 4 spaces. The rest should be handled in userland.

[benmccann]

shit it! 🚢

nice work on all the improvements here!