Fixed export maps, types, and packaging for lucide-svelte

packages/lucide-svelte/.gitignore

@@ -1 +1,2 @@
 src/icons/*.svelte
+.svelte-kit

packages/lucide-svelte/package.json

@@ -23,20 +23,20 @@
   ],
   "author": "Eric Fennis",
   "type": "module",
-  "main": "dist/esm/lucide-svelte.js",
+  "main": "dist/lucide-svelte.js",
   "exports": {
     ".": {
-      "svelte": "./dist/svelte/lucide-svelte.js",
       "types": "./dist/lucide-svelte.d.ts",
-      "default": "./dist/esm/lucide-svelte.js"
+      "svelte": "./dist/lucide-svelte.js",
+      "default": "./dist/lucide-svelte.js"
     },
     "./icons": {
-      "svelte": "./dist/svelte/icons/index.js",
-      "default": "./dist/esm/icons/index.js"
+      "types": "./dist/lucide-svelte.d.ts",
+      "svelte": "./dist/lucide-svelte.js"
     },
     "./icons/*": {
-      "svelte": "./dist/svelte/icons/*.svelte",
-      "default": "./dist/esm/icons/*.js"
+      "types": "./dist/icons/*.svelte.d.ts",
+      "svelte": "./dist/icons/*.svelte"
     }
   },
   "typings": "dist/lucide-svelte.d.ts",
@@ -45,31 +45,26 @@
     "dist"
   ],
   "scripts": {
-    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:bundles && pnpm build:strip && pnpm build:types",
+    "build": "pnpm clean && pnpm copy:license && pnpm build:icons && pnpm build:package && pnpm build:license",
     "copy:license": "cp ../../LICENSE ./LICENSE",
     "clean": "rm -rf dist && rm -rf stats && rm -rf ./src/icons/*.svelte && rm -f index.js",
     "build:icons": "build-icons --output=./src --templateSrc=./scripts/exportTemplate.mjs --exportFileName=index.ts --iconFileExtension=.svelte --importImportFileExtension=.svelte --withAliases --aliasesFileExtension=.ts --aliasImportFileExtension=.svelte --pretty=false",
-    "build:types": "node ./scripts/buildTypes.mjs",
-    "build:bundles": "rollup -c ./rollup.config.mjs",
-    "build:strip": "svelte-strip strip src/ dist/svelte",
+    "build:package": "svelte-package --input ./src",
+    "build:license": "node ./scripts/addLicense.mjs",
     "test": "vitest run",
     "version": "pnpm version --git-tag-version=false"
   },
   "devDependencies": {
     "@lucide/build-icons": "workspace:*",
-    "@lucide/rollup-plugins": "workspace:*",
-    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@sveltejs/package": "^2.2.3",
     "@sveltejs/vite-plugin-svelte": "^2.4.2",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/svelte": "^4.0.2",
     "@tsconfig/svelte": "^5.0.0",
     "jsdom": "^20.0.3",
-    "rollup": "^3.25.3",
-    "rollup-plugin-svelte": "^7.1.6",
     "svelte": "^4.0.1",
     "svelte-check": "^3.4.4",
     "svelte-preprocess": "^5.0.4",
-    "svelte-strip": "^2.0.0",
     "typescript": "^5.1.6",
     "vite": "^4.4.12",
     "vitest": "^0.32.2"

packages/lucide-svelte/scripts/addLicense.mjs

@@ -0,0 +1,52 @@
+import { getCurrentDirPath } from '../../../scripts/helpers.mjs';
+import { lstatSync } from 'fs';
+import { readdir, readFile, writeFile } from 'fs/promises';
+import path from 'path';
+import pkg from '../package.json' assert { type: 'json' };
+
+const BANNER = `${pkg.name} v${pkg.version} - ${pkg.license}`;
+
+const currentDir = getCurrentDirPath(import.meta.url);
+const targetDirectory = path.join(currentDir, '../dist');
+
+const files = await readdir(targetDirectory, {
+  recursive: true,
+  encoding: 'utf-8',
+});
+
+for (const file of files) {
+  const filepath = path.join(targetDirectory, file);
+  const filestat = lstatSync(filepath);
+
+  if (filestat.isFile() === false || filestat.isDirectory()) continue;
+
+  const contents = await readFile(filepath, { encoding: 'utf-8' });
+  const ext = path.extname(filepath);
+  let license;
+
+  if (/\.(js|mjs|cjs|ts)/.test(ext)) {
+    license = getJSBanner();
+  }
+
+  if (/\.svelte/.test(ext)) {
+    license = getSvelteBanner();
+  }
+
+  if (license) {
+    await writeFile(filepath, license + contents, { encoding: 'utf-8' });
+  }
+}
+
+function getJSBanner() {
+  return `/**
+ * ${BANNER}
+ */
+\n`;
+}
+
+function getSvelteBanner() {
+  return `<!-- 
+  ${BANNER} 
+-->
+\n`;
+}

packages/lucide-svelte/scripts/exportTemplate.mjs

@@ -3,7 +3,9 @@ export default ({ iconName, children }) =>
   `\
 <script lang="ts">
 import Icon from '../Icon.svelte';
-import type { IconNode } from '../types';
+import type { IconNode, IconProps } from '../types.js';
+
+type $$Props = IconProps;
 
 const iconNode: IconNode = ${JSON.stringify(children)};
 </script>

packages/lucide-svelte/src/lucide-svelte.ts

@@ -1,4 +1,4 @@
-export * from './icons';
-export * as icons from './icons';
-export * from './aliases';
-export { default as defaultAttributes } from './defaultAttributes'
+export * from './icons/index.js';
+export * as icons from './icons/index.js';
+export * from './aliases.js';
+export { default as defaultAttributes } from './defaultAttributes.js';

packages/lucide-svelte/src/types.ts

@@ -1,5 +1,13 @@
-/// <reference types="svelte" />
-/// <reference types="svelte2tsx/svelte-jsx" />
+import type { SVGAttributes, SvelteHTMLElements } from 'svelte/elements';
 
-export type Attrs = svelte.JSX.SVGProps<SVGSVGElement>
-export type IconNode = [elementName: keyof svelte.JSX.IntrinsicElements, attrs: Attrs][]
+type SVGAttrs = SVGAttributes<SVGSVGElement>;
+
+export type IconNode = [elementName: keyof SvelteHTMLElements, attrs: SVGAttrs][];
+
+export interface IconProps extends SVGAttrs {
+  color?: string;
+  size?: number | string;
+  strokeWidth?: number | string;
+  absoluteStrokeWidth?: boolean;
+  class?: string;
+}