fix: add support for Svelte (#3874)

fix: #3873
streetsidesoftware · Nov 29, 2022 · 07a837a · 07a837a
1 parent 865898e
commit 07a837a
Show file tree

Hide file tree

Showing 7 changed files with 78 additions and 0 deletions.
diff --git a/packages/cspell-bundled-dicts/cspell-default.config.js b/packages/cspell-bundled-dicts/cspell-default.config.js
@@ -50,6 +50,10 @@ const settings = {
             languageId: 'typescript,typescriptreact,mdx',
             dictionaries: ['typescript', 'node', 'npm'],
         },
+        {
+            languageId: 'svelte',
+            dictionaries: ['typescript', 'npm', 'html', 'html-symbol-entities', 'css', 'fonts'],
+        },
         {
             languageId: 'javascriptreact,typescriptreact,mdx',
             dictionaries: ['html', 'html-symbol-entities', 'css', 'fonts'],
@@ -99,6 +103,7 @@ const settings = {
             ignoreRegExpList: ['MARKDOWN-link-reference', 'MARKDOWN-link-footer', 'MARKDOWN-link', 'MARKDOWN-anchor'],
         },
     ],
+    enableFiletypes: ['svelte'],
     import: [
         './cspell-compatibility.json',
         '@cspell/dict-ada/cspell-ext.json',

diff --git a/packages/cspell-bundled-dicts/cspell-default.config.ts b/packages/cspell-bundled-dicts/cspell-default.config.ts
@@ -53,6 +53,10 @@ const settings: AdvancedCSpellSettings = {
             languageId: 'typescript,typescriptreact,mdx',
             dictionaries: ['typescript', 'node', 'npm'],
         },
+        {
+            languageId: 'svelte',
+            dictionaries: ['typescript', 'npm', 'html', 'html-symbol-entities', 'css', 'fonts'],
+        },
         {
             languageId: 'javascriptreact,typescriptreact,mdx',
             dictionaries: ['html', 'html-symbol-entities', 'css', 'fonts'],
@@ -102,6 +106,7 @@ const settings: AdvancedCSpellSettings = {
             ignoreRegExpList: ['MARKDOWN-link-reference', 'MARKDOWN-link-footer', 'MARKDOWN-link', 'MARKDOWN-anchor'],
         },
     ],
+    enableFiletypes: ['svelte'],
     import: [
         './cspell-compatibility.json',
         '@cspell/dict-ada/cspell-ext.json',

diff --git a/packages/cspell-lib/src/LanguageIds.ts b/packages/cspell-lib/src/LanguageIds.ts
@@ -112,6 +112,7 @@ export const languageExtensionDefinitions: LanguageDefinitions = [
         ],
     },
     { id: 'sql', extensions: ['.sql', '.dsql'] },
+    { id: 'svelte', extensions: ['.svelte'] },
     { id: 'swift', extensions: ['.swift'] },
     { id: 'toml', extensions: ['.toml'] },
     { id: 'typescript', extensions: ['.ts', '.cts', '.mts'] },

diff --git a/test-fixtures/issues/issue-3873/README.md b/test-fixtures/issues/issue-3873/README.md
@@ -0,0 +1 @@
+# Support Svelte
diff --git a/test-fixtures/issues/issue-3873/cspell.config.yaml b/test-fixtures/issues/issue-3873/cspell.config.yaml
@@ -0,0 +1,10 @@
+# This config file can be used before `.svelte` support is added.
+enableFiletypes:
+  - svelte
+languageSettings:
+  - caseSensitive: false
+    languageId: svelte
+    dictionaries: ['typescript', 'npm', 'html', 'html-symbol-entities', 'css', 'fonts']
+overrides:
+  - filename: '**/*.svelte'
+    languageId: svelte
diff --git a/test-fixtures/issues/issue-3873/cspell.json b/test-fixtures/issues/issue-3873/cspell.json
@@ -0,0 +1,2 @@
+{
+}
diff --git a/test-fixtures/issues/issue-3873/src/app.svelte b/test-fixtures/issues/issue-3873/src/app.svelte
@@ -0,0 +1,54 @@
+<script>
+	let scoops = 1;
+	let flavours = ['Mint choc chip'];
+
+	let menu = [
+		'Cookies and cream',
+		'Mint choc chip',
+		'Raspberry ripple'
+	];
+
+	function join(flavours) {
+        if (typeof flavours !== 'object') return '';
+		if (flavours.length === 1) return flavours[0];
+		return `${flavours.slice(0, -1).join(', ')} and ${flavours[flavours.length - 1]}`;
+	}
+</script>
+
+<h2>Size</h2>
+
+<label>
+	<input type=radio bind:group={scoops} value={1}>
+	One scoop
+</label>
+
+<label>
+	<input type=radio bind:group={scoops} value={2}>
+	Two scoops
+</label>
+
+<label>
+	<input type=radio bind:group={scoops} value={3}>
+	Three scoops
+</label>
+
+<h2>Flavours</h2>
+
+<select multiple bind:value={flavours}>
+	{#each menu as flavour}
+		<option value={flavour}>
+			{flavour}
+		</option>
+	{/each}
+</select>
+
+{#if flavours.length === 0}
+	<p>Please select at least one flavour</p>
+{:else if flavours.length > scoops}
+	<p>Can't order more flavours than scoops!</p>
+{:else}
+	<p>
+		You ordered {scoops} {scoops === 1 ? 'scoop' : 'scoops'}
+		of {join(flavours)}
+	</p>
+{/if}