@rokkit/icons 1.0.0-next.100

package/lib/twotone/index.js

@@ -0,0 +1,9 @@
+const icons = require('./icons.json')
+const info = {}
+const metadata = {}
+const chars = {}
+
+exports.icons = icons
+exports.info = info
+exports.metadata = metadata
+exports.chars = chars

package/lib/twotone/index.mjs

@@ -0,0 +1,6 @@
+import icons from './icons.json' assert { type: 'json' }
+
+const info = {}
+const metadata = {}
+const chars = {}
+export { icons, info, metadata, chars }

package/lib/twotone/info.json

@@ -0,0 +1 @@
+{}

package/lib/twotone/metadata.json

@@ -0,0 +1 @@
+{}

package/lib/twotone/package.json

@@ -0,0 +1,25 @@
+{
+	"name": "@rokkit/twotone",
+	"description": "twotone icon set in Iconify JSON format",
+	"version": "1.0.0",
+	"main": "index.js",
+	"module": "index.mjs",
+	"types": "index.d.ts",
+	"bugs": "https://github.com/jerrythomas/rokkit/issues",
+	"homepage": "https://github.com/jerrythomas/rokkit",
+	"exports": {
+		"./*": "./*",
+		".": {
+			"types": "./index.d.ts",
+			"require": "./index.js",
+			"import": "./index.mjs"
+		},
+		"./icons.json": "./icons.json"
+	},
+	"iconSet": {
+		"icons": "icons.json"
+	},
+	"dependencies": {
+		"@iconify/types": "^2.0.0"
+	}
+}

package/lib/twotone.json

@@ -0,0 +1,20 @@
+{
+  "prefix": "twotone",
+  "lastModified": 1717410886,
+  "icons": {
+    "heart": {
+      "body": "<g fill=\"currentColor\"><path d=\"M21.633 6.647a6.1 6.1 0 00-1.334-1.94A6.22 6.22 0 0015.93 2.93 6.26 6.26 0 0012 4.315 6.26 6.26 0 008.07 2.93 6.22 6.22 0 003.7 4.706a6.06 6.06 0 00-1.825 4.33c0 .78.16 1.593.476 2.42.265.692.644 1.409 1.13 2.133.768 1.146 1.825 2.342 3.138 3.553a35 35 0 004.42 3.453l.556.356a.75.75 0 00.808 0l.556-.357a35.5 35.5 0 004.42-3.452c1.312-1.211 2.37-2.407 3.138-3.553.485-.724.867-1.441 1.13-2.133.316-.827.476-1.64.476-2.42a6 6 0 00-.49-2.39M12 19.097S3.656 13.75 3.656 9.035c0-2.388 1.976-4.324 4.414-4.324 1.713 0 3.199.956 3.93 2.353a4.43 4.43 0 013.93-2.353c2.438 0 4.414 1.936 4.414 4.324 0 4.716-8.344 10.062-8.344 10.062\"/><path fill-opacity=\".15\" d=\"M15.93 4.71A4.43 4.43 0 0012 7.064a4.43 4.43 0 00-3.93-2.353c-2.438 0-4.414 1.936-4.414 4.324C3.656 13.751 12 19.097 12 19.097s8.344-5.346 8.344-10.062c0-2.388-1.976-4.324-4.414-4.324\"/></g>"
+    },
+    "state-info": {
+      "body": "<g fill=\"currentColor\"><path d=\"M21 12a9 9 0 11-17.999 0A9 9 0 0121 12\" opacity=\".2\"/><path d=\"M13.5 16.5a.75.75 0 01-.75.75 1.5 1.5 0 01-1.5-1.5V12a.75.75 0 110-1.5 1.5 1.5 0 011.5 1.5v3.75a.75.75 0 01.75.75m8.25-4.5A9.75 9.75 0 1112 2.25 9.76 9.76 0 0121.75 12m-1.5 0A8.25 8.25 0 1012 20.25 8.26 8.26 0 0020.25 12m-8.625-3a1.125 1.125 0 100-2.25 1.125 1.125 0 000 2.25\"/></g>"
+    },
+    "state-unknown": {
+      "body": "<g fill=\"currentColor\"><path d=\"M21 12a9 9 0 11-17.999 0A9 9 0 0121 12\" opacity=\".2\"/><path d=\"M13.125 16.875a1.125 1.125 0 11-2.25 0 1.125 1.125 0 012.25 0M12 6.75c-2.068 0-3.75 1.514-3.75 3.375v.375a.75.75 0 101.5 0v-.375c0-1.031 1.01-1.875 2.25-1.875s2.25.844 2.25 1.875S13.24 12 12 12a.75.75 0 00-.75.75v.75a.75.75 0 101.5 0v-.068c1.71-.314 3-1.678 3-3.307 0-1.86-1.682-3.375-3.75-3.375M21.75 12A9.75 9.75 0 1112 2.25 9.76 9.76 0 0121.75 12m-1.5 0A8.25 8.25 0 1012 20.25 8.26 8.26 0 0020.25 12\"/></g>"
+    },
+    "state-warning": {
+      "body": "<g fill=\"currentColor\"><path d=\"M20.2 20.25H3.8c-1.183 0-1.925-1.239-1.35-2.242l8.199-14.237c.59-1.032 2.111-1.032 2.702 0l8.2 14.237c.574 1.003-.168 2.242-1.352 2.242\" opacity=\".2\"/><path d=\"M22.2 17.633 14.002 3.396a2.322 2.322 0 00-4.004 0L1.8 17.633a2.2 2.2 0 000 2.224A2.28 2.28 0 003.802 21h16.397a2.28 2.28 0 002-1.143 2.2 2.2 0 00.001-2.224m-1.3 1.473a.8.8 0 01-.701.394H3.802a.8.8 0 01-.702-.394.71.71 0 010-.724l8.2-14.237a.82.82 0 011.406 0l8.199 14.237a.71.71 0 01-.004.724M11.25 13.5V9.75a.75.75 0 111.5 0v3.75a.75.75 0 11-1.5 0m1.875 3.375a1.125 1.125 0 11-2.25 0 1.125 1.125 0 012.25 0\"/></g>"
+    }
+  },
+  "width": 24,
+  "height": 24
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@rokkit/icons",
+  "version": "1.0.0-next.100",
+  "description": "A minimal icon set for use in applications.",
+  "author": "Jerry Thomas <me@jerrythomas.name>",
+  "license": "MIT",
+  "bin": "src/index.js",
+  "main": "src/index.js",
+  "module": "src/index.js",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@mdi/svg": "^7.4.47"
+  },
+  "devDependencies": {
+    "@iconify/tools": "4.0.6",
+    "@iconify/types": "^2.0.0",
+    "iconify": "^1.4.0"
+  },
+  "files": [
+    "lib",
+    "src/**/*.js",
+    "!src/**/*.spec.js"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    "./ui.json": "./lib/base.json",
+    "./light.json": "./lib/light.json",
+    "./solid.json": "./lib/solid.json",
+    "./twotone.json": "./lib/twotone.json",
+    "./components.json": "./lib/components.json",
+    "./auth.json": "./lib/auth.json",
+    "./app.json": "./lib/app.json",
+    ".": "./lib/base.json"
+  },
+  "scripts": {
+    "format": "prettier --write .",
+    "lint": "eslint --fix .",
+    "build": "node src/index.js && pnpm format",
+    "latest": "pnpm upgrade --latest",
+    "release": "pnpm publish --access public"
+  }
+}

package/src/convert.js

@@ -0,0 +1,96 @@
+import {
+	importDirectory,
+	cleanupSVG,
+	runSVGO,
+	parseColors,
+	isEmptyColor,
+	exportJSONPackage
+} from '@iconify/tools'
+import fs from 'fs'
+
+/**
+ * Convert icons
+ *
+ * @param {string} folder Folder with icons
+ * @param {string} prefix Prefix for icon set
+ * @param {boolean} color True if color should be preserved
+ */
+export async function convert(folder, prefix, color = false) {
+	// Import icons
+	const iconSet = await importDirectory(folder, { prefix })
+
+	// Validate, clean up, fix palette and optimise
+	processIcons(iconSet, color)
+
+	// Export
+	const collection = JSON.stringify(iconSet.export(), null, 2)
+	fs.writeFileSync(`./lib/${prefix}.json`, collection, 'utf8')
+	const target = `./lib/${iconSet.prefix}`
+	await exportJSONPackage(iconSet, {
+		target,
+		package: {
+			name: `@rokkit/${iconSet.prefix}`,
+			version: '1.0.0',
+			bugs: 'https://github.com/jerrythomas/rokkit/issues',
+			homepage: 'https://github.com/jerrythomas/rokkit'
+		},
+		cleanup: true
+	})
+}
+
+/**
+ * Process icons
+ *
+ * @param {IconifyTools} iconSet Icon set
+ * @param {boolean} color True if color should be preserved
+ */
+function processIcons(iconSet, color) {
+	iconSet.forEach((name, type) => {
+		if (type !== 'icon') {
+			return
+		}
+
+		const svg = iconSet.toSVG(name)
+		if (!svg) {
+			// Invalid icon
+			iconSet.remove(name)
+			return
+		}
+
+		// Clean up and optimise icons
+		try {
+			cleanAndOptimizeIcon(svg, color)
+		} catch (err) {
+			// eslint-disable-next-line no-console
+			console.error(`Error parsing ${name}:`, err)
+			iconSet.remove(name)
+			return
+		}
+
+		// Update icon
+		iconSet.fromSVG(name, svg)
+	})
+}
+
+/**
+ * Clean up and optimise SVG icon
+ *
+ * @param {string} svg SVG code
+ * @param {boolean} color True if color should be preserved
+ */
+function cleanAndOptimizeIcon(svg, color) {
+	// Clean up icon code
+	cleanupSVG(svg)
+
+	if (!color) {
+		parseColors(svg, {
+			defaultColor: 'currentColor',
+			callback: (_, colorStr, value) => {
+				return !value || isEmptyColor(value) ? colorStr : 'currentColor'
+			}
+		})
+	}
+
+	// Optimise
+	runSVGO(svg)
+}

package/src/index.js

@@ -0,0 +1,8 @@
+#!/usr/bin/env node
+import { convert } from './convert.js'
+
+const groups = ['auth', 'app', 'base', 'light', 'solid', 'twotone', 'components']
+
+for (const group of groups) {
+	convert(`./src/${group}`, group, group === 'auth')
+}