feat(extension): ✨ Add support for UI libraries (#57)

Author: xeho91

.changeset/heavy-spoons-juggle.md

@@ -0,0 +1,5 @@
+---
+"@terminal-nerds/snippets-extension": minor
+---
+
+✨ Add extensions related to UI Libraries _(JSX-based, Astro, Svelte, Vue)_

packages/extension/source/schema/groups/javascript.ts

@@ -1,6 +1,6 @@
 import { z } from "zod";
 
-export const JAVASCRIPT_EXTENSIONS = ["cjs", "js", "jsx", "mjs"] as const;
+export const JAVASCRIPT_EXTENSIONS = ["cjs", "js", "mjs"] as const;
 export type JavaScriptExtension = (typeof JAVASCRIPT_EXTENSIONS)[number];
 export const JAVASCRIPT_EXTENSION_SCHEMA = z.enum(JAVASCRIPT_EXTENSIONS);
 

packages/extension/source/schema/groups/typescript.ts

@@ -1,6 +1,6 @@
 import { z } from "zod";
 
-export const TYPESCRIPT_EXTENSIONS = ["cts", "ts", "tsx", "mts"] as const;
+export const TYPESCRIPT_EXTENSIONS = ["cts", "ts", "mts"] as const;
 export type TypeScriptExtension = (typeof TYPESCRIPT_EXTENSIONS)[number];
 export const TYPESCRIPT_EXTENSION_SCHEMA = z.enum(TYPESCRIPT_EXTENSIONS);
 

packages/extension/source/schema/groups/ui-library.ts

@@ -0,0 +1,9 @@
+import { z } from "zod";
+
+export const UI_LIBRARY_EXTENSIONS = ["astro", "jsx", "tsx", "svelte", "vue"] as const;
+export type UILibraryExtension = (typeof UI_LIBRARY_EXTENSIONS)[number];
+export const UI_LIBRARY_EXTENSION_SCHEMA = z.enum(UI_LIBRARY_EXTENSIONS);
+
+export function isUILibraryExtension(extension: string): extension is UILibraryExtension {
+	return UI_LIBRARY_EXTENSION_SCHEMA.safeParse(extension).success;
+}

packages/extension/source/schema/schema.test.ts

@@ -9,12 +9,14 @@ import {
 	isMarkdownExtension,
 	isStylesheetExtension,
 	isTypeScriptExtension,
+	isUILibraryExtension,
 	isYAMLExtension,
 	JAVASCRIPT_EXTENSIONS,
 	JSON_EXTENSIONS,
 	MARKDOWN_EXTENSIONS,
 	STYLESHEETS_EXTENSIONS,
 	TYPESCRIPT_EXTENSIONS,
+	UI_LIBRARY_EXTENSIONS,
 	YAML_EXTENSIONS,
 } from "./schema.ts";
 
@@ -102,6 +104,20 @@ describe("isTypeScriptExtension(extension)", () => {
 	});
 });
 
+describe("isUILibraryExtension(extension)", () => {
+	it(returns(false).on(`non-valid UI library extensions`).samples(JAVASCRIPT_EXTENSIONS), () => {
+		for (const extension of JAVASCRIPT_EXTENSIONS) {
+			expect(isUILibraryExtension(extension)).toBe(false);
+		}
+	});
+
+	it(returns(true).on(`valid UI library extensions`).samples(UI_LIBRARY_EXTENSIONS), () => {
+		for (const extension of UI_LIBRARY_EXTENSIONS) {
+			expect(isUILibraryExtension(extension)).toBe(true);
+		}
+	});
+});
+
 describe("isYAMLExtension(extension)", () => {
 	it(returns(false).on(`non-valid YAML extensions`).samples(HTML_EXTENSIONS), () => {
 		for (const extension of HTML_EXTENSIONS) {

packages/extension/source/schema/schema.ts

@@ -4,4 +4,5 @@ export * from "./groups/json.ts";
 export * from "./groups/markdown.ts";
 export * from "./groups/stylesheet.ts";
 export * from "./groups/typescript.ts";
+export * from "./groups/ui-library.ts";
 export * from "./groups/yaml.ts";