feat: add alpine parser

[sanyamkamat]

Description

Please provide the following information:

• What changes you made: PR adds alpine parser

• Why you made them, and: We need a alpine parser

• Any other useful context: NA

Make sure to follow the PR preparation steps in CONTRIBUTING.md before submitting your PR:

• format the codebase: from the root, run yarn fmt:prettier.
• update all snapshots (in core & CLI): from the root, run yarn test:update
• add Changeset entry: from the root, run yarn g:changeset and follow the CLI instructions. Alternatively, use the Changeset Github Bot to create the file.

[changeset-bot]

🦋 Changeset detected

Latest commit: 10e821c

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

This PR includes changesets to release 2 packages

Name	Type
@builder.io/mitosis	Minor
@builder.io/mitosis-cli	Minor

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

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 10e821c.

Command	Status	Duration	Result
nx e2e @builder.io/e2e-app	✅ Succeeded	1m 12s	View ↗
nx run-many --target test	✅ Succeeded	5m 18s	View ↗
nx run-many --target build --exclude @builder.i...	✅ Succeeded	3m 59s	View ↗
nx build @builder.io/mitosis-site	✅ Succeeded	2m 22s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-05-19 19:28:02 UTC

[manucorporat]

LGTM, would wait for Sami's input though

[samijaber]

😄

[samijaber]

it would be very useful to add all of these alpine .html files here too:

mitosis/packages/core/src/__tests__/test-generator.ts

Lines 705 to 737 in 0a49334

	type ParserConfig = {
	name: 'jsx' | 'svelte';
	parser: (args: { code: string; filePath: string }) => Promise<MitosisComponent>;
	testsArray?: Tests[];
	};
	configurations.forEach(({ options, testName }) => {
	const parsers: ParserConfig[] = [
	{
	name: 'jsx',
	parser: async ({ code, filePath }) =>
	parseJsx(
	code,
	options.typescript
	? {
	typescript: true,
	filePath,
	tsProject,
	}
	: {
	typescript: false,
	filePath,
	},
	),
	testsArray: filterTests(JSX_TESTS_FOR_TARGET[target], only),
	},
	{
	name: 'svelte',
	parser: async ({ code }) => parseSvelte(code),
	testsArray: filterTests([SVELTE_SYNTAX_TESTS], only),
	},
	];

that way, we see if every generator is able to consume the resulting mitosis JSON as expected