✨ Initial commit with Sveltekit + format files

src/templates/getAngularCode.ts

@@ -6,7 +6,7 @@ interface AngularComponentParams {
 export function getAngularCode(params: AngularComponentParams): string {
   const updatedSvgContent = params.svgContent.replace(
     /<svg([^>]*)>/,
-    `<svg$1 [attr.width]="size.width" [attr.height]="size.height">`
+    `<svg$1 [attr.width]="size.width" [attr.height]="size.height">`,
   );
 
   return `

src/templates/getAstroCode.ts

@@ -4,11 +4,11 @@ interface AstroComponentParams {
 
 export function getAstroCode({ svgContent }: AstroComponentParams): string {
   const cleanedSvg = svgContent
-    .replace(/\s*(width|height)="[^"]*"/gi, '')
-    .replace(/\s*(width|height)='[^']*'/gi, '')
-    .replace(/\s*(width|height)=\{[^}]*\}/gi, '')
+    .replace(/\s*(width|height)="[^"]*"/gi, "")
+    .replace(/\s*(width|height)='[^']*'/gi, "")
+    .replace(/\s*(width|height)=\{[^}]*\}/gi, "")
     .replace(/<svg([^>]*)>/i, (match, attrs) => {
-      const cleanedAttrs = attrs.replace(/\s*\{?\.\.\.Astro\.props\}?\s*/i, '');
+      const cleanedAttrs = attrs.replace(/\s*\{?\.\.\.Astro\.props\}?\s*/i, "");
       return `<svg ${cleanedAttrs} {...Astro.props}>`;
     });
 

src/templates/getReactCode.ts

@@ -5,15 +5,15 @@ interface ReactComponentParams {
 }
 
 export const getReactCode = async (
-  params: ReactComponentParams
+  params: ReactComponentParams,
 ): Promise<{ data?: string; error?: string }> => {
   try {
-    const getCode = await fetch('/api/svgs/svgr', {
-      method: 'POST',
+    const getCode = await fetch("/api/svgs/svgr", {
+      method: "POST",
       headers: {
-        'Content-Type': 'application/json'
+        "Content-Type": "application/json",
       },
-      body: JSON.stringify(params)
+      body: JSON.stringify(params),
     });
     const data = await getCode.json();
     return data;

src/templates/getSource.ts

@@ -3,7 +3,7 @@ interface SourceParams {
 }
 
 export const getSource = async (params: SourceParams) => {
-  const response = await fetch(params.url || '');
+  const response = await fetch(params.url || "");
   const content = await response.text();
   return content;
 };

src/templates/getSvelteCode.ts

@@ -1,4 +1,4 @@
-import { parseSvgContent } from '@/utils/parseSvgContent';
+import { parseSvgContent } from "@/utils/parseSvgContent";
 
 interface SvelteComponentParams {
   lang: string;
@@ -6,8 +6,11 @@ interface SvelteComponentParams {
 }
 
 export const getSvelteCode = (params: SvelteComponentParams) => {
-  const { templateContent, componentStyle } = parseSvgContent(params.content, 'Svelte');
-  return `<script${params.lang ? ` lang="${params.lang}"` : ''}></script>
+  const { templateContent, componentStyle } = parseSvgContent(
+    params.content,
+    "Svelte",
+  );
+  return `<script${params.lang ? ` lang="${params.lang}"` : ""}></script>
   ${templateContent}
    
  ${componentStyle}

src/templates/getVueCode.ts

@@ -1,4 +1,4 @@
-import { parseSvgContent } from '@/utils/parseSvgContent';
+import { parseSvgContent } from "@/utils/parseSvgContent";
 
 interface VueComponentParams {
   lang: string;
@@ -6,8 +6,11 @@ interface VueComponentParams {
 }
 
 export const getVueCode = (params: VueComponentParams) => {
-  const { templateContent, componentStyle } = parseSvgContent(params.content, 'Vue');
-  return `<script setup${params.lang ? ` lang="${params.lang}"` : ''}></script>
+  const { templateContent, componentStyle } = parseSvgContent(
+    params.content,
+    "Vue",
+  );
+  return `<script setup${params.lang ? ` lang="${params.lang}"` : ""}></script>
 <template>
  ${templateContent}
 </template>