Fix error parsing typescript files with decoratoes (#1100)

HoudiniGraphql · May 28, 2023 · bc96dfb · bc96dfb
1 parent cb0310c
commit bc96dfb
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/.changeset/few-chicken-sell.md b/.changeset/few-chicken-sell.md
@@ -0,0 +1,5 @@
+---
+'houdini': patch
+---
+
+Support projects using `experimentalDecorators: true` flag in there tsconfig.json
diff --git a/packages/houdini/src/lib/parse.test.ts b/packages/houdini/src/lib/parse.test.ts
@@ -1,6 +1,6 @@
 import { test, expect, describe } from 'vitest'
 
-import { parseJSON } from './parse'
+import { parseJS, parseJSON } from './parse'
 
 describe('parse', function () {
 	test('parseJSON without comments', async function () {
@@ -72,4 +72,21 @@ describe('parse', function () {
 			},
 		})
 	})
+
+	test('parseJS with decorators', async function () {
+		const parsed = parseJS(`
+			const a = 1
+			const b = 2
+
+			@annotation
+			class Test {}
+		`)
+		expect(parsed).toMatchInlineSnapshot(`
+			const a = 1;
+			const b = 2;
+
+			@annotation
+			class Test {}
+		`)
+	})
 })
diff --git a/packages/houdini/src/lib/parse.ts b/packages/houdini/src/lib/parse.ts
@@ -11,7 +11,7 @@ export type ParsedFile = Maybe<{ script: Script; start: number; end: number }>
 // overload definitions
 export function parseJS(str: string, config?: Partial<ParserOptions>): Script {
 	const defaultConfig: ParserOptions = {
-		plugins: ['typescript', 'importAssertions'],
+		plugins: ['typescript', 'importAssertions', 'decorators'],
 		sourceType: 'module',
 	}
 	// @ts-ignore: babel doesn't perfectly match recast's types (the comments don't line up)