@selemondev/svgl-svelte 0.0.1 → 0.0.3

package/dist/utils/componentTemplate.js

@@ -1,6 +1,6 @@
 import { parseSvgContent } from './index.js';
-export const componentTemplate = (content, framework) => {
-    const { templateContent, scriptTag } = parseSvgContent(content, framework);
+export const componentTemplate = (content) => {
+    const { templateContent, scriptTag } = parseSvgContent(content);
     return `
 ${scriptTag}
 ${templateContent}

package/dist/utils/parseSvgContent.js

@@ -7,13 +7,20 @@ export const parseSvgContent = (content) => {
     content = content.replace(/<svg\b([^>]*)>/i, (_, attrs) => {
         attrs = attrs.replace(/\s*width="[^"]*"/i, '');
         attrs = attrs.replace(/\s*height="[^"]*"/i, '');
-        return `<svg${attrs} width="\${width}" height="\${height}">`;
+        return `<svg${attrs} width="\${width}" height="\${height}" \${restAttrs}>`;
     });
     content = content.replace(/`/g, '\\`');
     return {
         scriptTag: `<script lang="ts">
-  export let width: number = 50;
-  export let height: number = 50;
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  export interface Props extends HTMLAttributes<SVGElement> {
+	width?: number;
+	height?: number;
+  }
+
+  let { width = 50, height = 50, ...rest }: Props = $props();
+  const restAttrs = Object.entries(rest).map(([k, v]) => \`\${k}="\${v}"\`).join(' ');
   const svgContent = \`${content}\`;
 </script>`,
         templateContent: '{@html svgContent}'

package/package.json

@@ -1,80 +1,82 @@
 {
-  "name": "@selemondev/svgl-svelte",
-  "version": "0.0.1",
-  "description": "An optimized package with SVG logos to be used as Svelte components ✨",
-  "author": "Selemondev",
-  "private": false,
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build && npm run prepack",
-    "preview": "vite preview",
-    "prepare": "svelte-kit sync || echo ''",
-    "generate:components": "npx esno scripts/index.ts && pnpm format",
-    "generate:release": "npx changelogen@latest --release && npm publish",
-    "prepack": "svelte-kit sync && svelte-package && publint",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "format": "prettier --write .",
-    "lint": "prettier --check . && eslint ."
-  },
-  "files": [
-    "dist",
-    "!dist/components/*.d.ts",
-    "!dist/types/*.d.ts",
-    "!dist/utils/*.d.ts",
-    "!dist/**/*.test.*",
-    "!dist/**/*.spec.*"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "svelte": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "svelte": "./dist/index.js"
-    }
-  },
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "devDependencies": {
-    "@eslint/compat": "^1.2.5",
-    "@eslint/js": "^9.18.0",
-    "@sveltejs/adapter-auto": "^6.0.0",
-    "@sveltejs/kit": "^2.16.0",
-    "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^5.0.0",
-    "@types/node": "^22.15.19",
-    "eslint": "^9.18.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-svelte": "^3.0.0",
-    "fs-extra": "^11.3.0",
-    "globals": "^16.0.0",
-    "prettier": "^3.4.2",
-    "prettier-plugin-svelte": "^3.3.3",
-    "publint": "^0.3.2",
-    "svelte": "^5.0.0",
-    "svelte-check": "^4.0.0",
-    "typescript": "^5.0.0",
-    "typescript-eslint": "^8.20.0",
-    "vite": "^6.2.6"
-  },
-  "keywords": [
-    "svgl",
-    "svgl-svelte",
-    "logos",
-    "svg",
-    "svelte"
-  ],
-  "pnpm": {
-    "onlyBuiltDependencies": [
-      "esbuild"
-    ]
-  },
-  "publishConfig": {
-    "access": "public"
-  }
+	"name": "@selemondev/svgl-svelte",
+	"version": "0.0.3",
+	"description": "An optimized package with SVG logos to be used as Svelte components ✨",
+	"author": "Selemondev",
+	"private": false,
+	"license": "MIT",
+	"packageManager": "pnpm@10.6.5",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "pnpm prepack",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync || echo ''",
+		"generate:components": "pnpm dlx esno scripts/index.ts && pnpm format",
+		"generate:release": "pnpm dlx changelogen@latest --release && npm publish",
+		"prepack": "svelte-kit sync && svelte-package && publint",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint ."
+	},
+	"files": [
+		"dist",
+		"!dist/components/*.d.ts",
+		"!dist/types/*.d.ts",
+		"!dist/utils/*.d.ts",
+		"!dist/**/*.test.*",
+		"!dist/**/*.spec.*"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
+	"svelte": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.0.0"
+	},
+	"devDependencies": {
+		"@eslint/compat": "^1.2.5",
+		"@eslint/js": "^9.18.0",
+		"@sveltejs/adapter-auto": "^6.0.0",
+		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/package": "^2.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@types/node": "^22.15.19",
+		"eslint": "^9.18.0",
+		"eslint-config-prettier": "^10.0.1",
+		"eslint-plugin-svelte": "^3.0.0",
+		"fs-extra": "^11.3.0",
+		"globals": "^16.0.0",
+		"prettier": "^3.4.2",
+		"prettier-plugin-svelte": "^3.3.3",
+		"publint": "^0.3.2",
+		"svelte": "^5.0.0",
+		"svelte-check": "^4.0.0",
+		"typescript": "^5.0.0",
+		"typescript-eslint": "^8.20.0",
+		"vite": "^6.2.6"
+	},
+	"keywords": [
+		"svgl",
+		"svgl-svelte",
+		"logos",
+		"svg",
+		"svelte"
+	],
+	"pnpm": {
+		"onlyBuiltDependencies": [
+			"esbuild"
+		]
+	},
+	"publishConfig": {
+		"access": "public"
+	}
 }