@websline/system-components 1.3.5 → 1.3.7

package/dist/components/atoms/icon/index.js

@@ -1,89 +1,53 @@
-import Academy from "./components/Academy.svelte";
-import Add from "./components/Add.svelte";
-import Ai from "./components/Ai.svelte";
-import ArrowDown from "./components/ArrowDown.svelte";
-import ArrowUp from "./components/ArrowUp.svelte";
-import Attach from "./components/Attach.svelte";
-import Block from "./components/Block.svelte";
-import Bold from "./components/Bold.svelte";
-import Calendar from "./components/Calendar.svelte";
-import Check from "./components/Check.svelte";
-import CheckboxStack from "./components/CheckboxStack.svelte";
-import ChevronDown from "./components/ChevronDown.svelte";
-import Close from "./components/Close.svelte";
-import CloseSmall from "./components/CloseSmall.svelte";
-import Controlling from "./components/Controlling.svelte";
-import Dashboard from "./components/Dashboard.svelte";
-import Database from "./components/Database.svelte";
-import Download from "./components/Download.svelte";
-import Dragger from "./components/Dragger.svelte";
-import FilePDF from "./components/FilePDF.svelte";
-import Globe from "./components/Globe.svelte";
-import History from "./components/History.svelte";
-import Info from "./components/Info.svelte";
-import Italic from "./components/Italic.svelte";
-import Layout from "./components/Layout.svelte";
-import Link from "./components/Link.svelte";
-import ListOrdered from "./components/ListOrdered.svelte";
-import ListUnordered from "./components/ListUnordered.svelte";
-import Menu from "./components/Menu.svelte";
-import Notifications from "./components/Notifications.svelte";
-import Out from "./components/Out.svelte";
-import Overflow from "./components/Overflow.svelte";
-import Page from "./components/Page.svelte";
-import Picture from "./components/Picture.svelte";
-import Redo from "./components/Redo.svelte";
-import Refresh from "./components/Refresh.svelte";
-import Search from "./components/Search.svelte";
-import Settings from "./components/Settings.svelte";
-import Trash from "./components/Trash.svelte";
-import Underline from "./components/Underline.svelte";
-import Undo from "./components/Undo.svelte";
-import Unlink from "./components/Unlink.svelte";
-import WebslineSupport from "./components/WebslineSupport.svelte";
+// paths within the components folder are imported as component names automatically
+// e.g. ./components/subDir/testIcon.svelte -> subDirTestIcon
+// Check the icon story in Storybook to easily extract the icon name
+// NOTE: this doesn't return anything outside of this package, so a custom import is required in the consuming project
+const moduleRegistry = import.meta.glob("./**/*.svelte", {
+	eager: true,
+	base: "./components",
+	import: "default",
+});
 
-export const registry = {
-	academy: Academy,
-	add: Add,
-	ai: Ai,
-	arrowDown: ArrowDown,
-	arrowUp: ArrowUp,
-	attach: Attach,
-	block: Block,
-	bold: Bold,
-	calendar: Calendar,
-	check: Check,
-	"checkbox-stack": CheckboxStack,
-	chevronDown: ChevronDown,
-	close: Close,
-	closeSmall: CloseSmall,
-	controlling: Controlling,
-	dashboard: Dashboard,
-	database: Database,
-	download: Download,
-	dragger: Dragger,
-	"file-pdf": FilePDF,
-	globe: Globe,
-	history: History,
-	info: Info,
-	italic: Italic,
-	layout: Layout,
-	link: Link,
-	listOrdered: ListOrdered,
-	listUnordered: ListUnordered,
-	menu: Menu,
-	notifications: Notifications,
-	out: Out,
-	overflow: Overflow,
-	page: Page,
-	picture: Picture,
-	redo: Redo,
-	refresh: Refresh,
-	search: Search,
-	settings: Settings,
-	trash: Trash,
-	underline: Underline,
-	undo: Undo,
-	unlink: Unlink,
-	webslineSupport: WebslineSupport,
+const registry = {};
+
+const addIconsToRegistry = (pathModuleRecord) => {
+	const map = Object.fromEntries(
+		Object.entries(pathModuleRecord).map(([path, module]) => {
+			const name = path
+				// remove extension
+				.replace(/\.[^/.]+$/, "")
+				// squash any non-alphanumeric into single hyphen (handles underscores)
+				.replace(/[^a-zA-Z0-9]+/g, "-")
+				// replace "-" w/ uppercase of the following letter
+				.replace(/-([a-z])/g, (m, p1) => p1.toUpperCase())
+				// remove remaining "-"
+				.replaceAll("-", "")
+				// first letter lowercase
+				.replace(/^([A-Z])/, (m, p1) => p1.toLowerCase());
+			return [name, module];
+		}),
+	);
+	Object.assign(registry, map);
+};
+
+// e.g. for backwards compatibility
+const synonyms = {
+	"checkbox-stack": "checkboxStack",
+	"file-pdf": "filePDF",
+	unlink: "connectCrossed",
 };
+
+addIconsToRegistry(moduleRegistry);
+
+// attach synonyms to registry, with error handling for duplicates
+Object.entries(synonyms).map(([k, v]) => {
+	if (registry[k]) {
+		console.error(
+			`skipping synonym "${k}" because it already exists in the registry`,
+		);
+		return;
+	}
+	registry[k] = registry[v];
+});
+
+export { addIconsToRegistry, registry, synonyms };

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export { default as Chip } from "./components/atoms/chip/Chip.svelte";
 export { default as CloseButton } from "./components/atoms/actions/closeButton/CloseButton.svelte";
 export { default as ColorChip } from "./components/atoms/colorChip/ColorChip.svelte";
 export { default as HelperText } from "./components/atoms/helperText/HelperText.svelte";
+export { addIconsToRegistry } from "./components/atoms/icon/index.js";
 export { default as Icon } from "./components/atoms/icon/Icon.svelte";
 export { default as IconButton } from "./components/atoms/actions/iconButton/IconButton.svelte";
 export { default as Input } from "./components/atoms/input/Input.svelte";

package/dist/index.js

@@ -13,6 +13,7 @@ export { default as Chip } from "./components/atoms/chip/Chip.svelte";
 export { default as CloseButton } from "./components/atoms/actions/closeButton/CloseButton.svelte";
 export { default as ColorChip } from "./components/atoms/colorChip/ColorChip.svelte";
 export { default as HelperText } from "./components/atoms/helperText/HelperText.svelte";
+export { addIconsToRegistry } from "./components/atoms/icon/index.js";
 export { default as Icon } from "./components/atoms/icon/Icon.svelte";
 export { default as IconButton } from "./components/atoms/actions/iconButton/IconButton.svelte";
 export { default as Input } from "./components/atoms/input/Input.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websline/system-components",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "publishConfig": {
     "access": "public"
   },