feat(icons-lucide): add new package

.github/workflows/auto-update-icons.yml

@@ -13,10 +13,14 @@ jobs:
           persist-credentials: false
       - uses: taiga-family/ci/actions/setup/[email protected]
       - uses: taiga-family/ci/actions/setup/[email protected]
-      - name: Lucide icons
+      - name: Legacy icons # legacy, drop in 5.0
         run: |
           npx nx prebuild icons
           npx nx build icons
+      - name: Lucide icons
+        run: |
+          npx nx prebuild icons-lucide
+          npx nx build icons-lucide
       - name: Material icons
         run: |
           npx nx prebuild icons-material

projects/icons-lucide/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT). All other copyright (c) for Lucide are held by Lucide Contributors 2022.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

projects/icons-lucide/README.md

@@ -0,0 +1,26 @@
+# Taiga UI — Icons
+
+[![npm version](https://img.shields.io/npm/v/@taiga-ui/icons.svg)](https://npmjs.com/package/@taiga-ui/icons)
+[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@taiga-ui/icons)](https://bundlephobia.com/result?p=@taiga-ui/icons)
+[![Discord](https://img.shields.io/discord/748677963142135818?color=7289DA&label=%23taiga-ui&logo=discord&logoColor=white)](https://discord.gg/Us8d8JVaTg)
+
+[Website](https://taiga-ui.dev) • [Documentation](https://taiga-ui.dev/getting-started) •
+[Core team](https://github.com/taiga-family/taiga-ui/#core-team)
+
+> A set of vector icons used by Taiga UI
+
+It's a part of [**Taiga UI**](https://github.com/taiga-family/taiga-ui) that is fully-treeshakable Angular UI Kit
+consisting of multiple base libraries and several add-ons
+
+## How to install
+
+```
+npm i @taiga-ui/icons-lucide
+```
+
+Don't forget that Taiga UI is fully-treeshakable. **You can import even just one entity from our library** and be sure
+that there is no redundant code in your bundle. Bundlphobia badge shows size of the whole library.
+
+## Docs
+
+See our [Documentation](https://taiga-ui.dev/getting-started)

projects/icons-lucide/index.ts

@@ -0,0 +1,4 @@
+/**
+ * Public API Surface
+ */
+export {};

projects/icons-lucide/ng-package.json

@@ -0,0 +1,13 @@
+{
+    "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+    "assets": [
+        "src"
+    ],
+    "allowedNonPeerDependencies": [
+        "."
+    ],
+    "dest": "../../dist/icons-lucide",
+    "lib": {
+        "entryFile": "./index.ts"
+    }
+}

projects/icons-lucide/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "@taiga-ui/icons-lucide",
+    "version": "4.23.0",
+    "description": "Feather icons for Taiga UI",
+    "keywords": [
+        "angular",
+        "icon",
+        "svg",
+        "lucide"
+    ],
+    "homepage": "https://github.com/taiga-family/taiga-ui",
+    "repository": "https://github.com/taiga-family/taiga-ui",
+    "license": "Apache-2.0",
+    "devDependencies": {
+        "lucide-static": "0.473.0"
+    }
+}

projects/icons-lucide/project.json

@@ -0,0 +1,51 @@
+{
+    "name": "icons-lucide",
+    "$schema": "../../node_modules/nx/schemas/project-schema.json",
+    "sourceRoot": "projects/{projectName}",
+    "projectType": "library",
+    "prefix": "tui",
+    "implicitDependencies": ["!testing"],
+    "targets": {
+        "prebuild": {
+            "executor": "nx:run-commands",
+            "options": {
+                "parallel": false,
+                "commands": [
+                    "ts-node ./{projectRoot}/scripts/prepare-icons.ts",
+                    "prettier ./{projectRoot}/src/* --write --log-level silent"
+                ]
+            }
+        },
+        "build": {
+            "executor": "@angular-devkit/build-angular:ng-packagr",
+            "outputs": ["{workspaceRoot}/dist/{projectName}"],
+            "options": {
+                "tsConfig": "tsconfig.build.json",
+                "project": "{projectRoot}/ng-package.json"
+            }
+        },
+        "test": {
+            "executor": "@nx/jest:jest",
+            "outputs": ["{workspaceRoot}/coverage/{projectName}"],
+            "options": {
+                "jestConfig": "package.json",
+                "collectCoverage": false,
+                "testMatch": ["<rootDir>/{projectRoot}/**/*.spec.ts"]
+            }
+        },
+        "publish": {
+            "executor": "nx:run-commands",
+            "options": {
+                "forwardAllArgs": false,
+                "command": "ts-node ./scripts/publish.ts --path ./dist/{projectName} --dry-run {args.dry-run} --customVersion {args.customVersion} --customTag {args.customTag}"
+            },
+            "dependsOn": [
+                {
+                    "target": "build",
+                    "params": "ignore",
+                    "dependencies": false
+                }
+            ]
+        }
+    }
+}

projects/icons-lucide/scripts/prepare-icons.ts

@@ -0,0 +1,43 @@
+/// <reference lib="es2021" />
+import fs from 'node:fs';
+import path from 'node:path';
+
+import {prepareSvg} from '../../../scripts/prepare-svg';
+
+const verbose = !process.env.CI;
+const src = path.join(process.cwd(), 'node_modules', 'lucide-static', 'icons');
+const dest =
+    process.argv[2] || path.join(process.cwd(), 'projects', 'icons-lucide', 'src');
+
+fs.readdirSync(src).forEach((filename: string) => {
+    const filledFilename = renameToFilled(filename);
+    const content = prepareSvg(fs.readFileSync(path.join(src, filename), 'utf-8'));
+    const filled = content.replaceAll('fill="none"', 'fill="currentColor"');
+    const filePath = path.join(dest, filename);
+    const fileFilledPath = path.join(dest, filledFilename);
+
+    fs.writeFileSync(filePath, content);
+    verbose && console.info('copied:', filePath);
+
+    fs.writeFileSync(fileFilledPath, filled);
+    verbose && console.info('copied:', fileFilledPath);
+});
+
+// 2. copy flags from design tokens
+// noinspection DuplicatedCode
+const flagsDir = path.resolve('node_modules/@taiga-ui/design-tokens/icons/flags');
+
+fs.readdirSync(flagsDir).forEach((filename: string) => {
+    const content = fs.readFileSync(path.join(flagsDir, filename), 'utf-8');
+    const filePath = path.join(dest, 'flags', filename);
+
+    fs.mkdirSync(path.dirname(filePath), {recursive: true});
+    fs.writeFileSync(filePath, content);
+    verbose && console.info('copied:', filePath);
+});
+
+function renameToFilled(filename: string): string {
+    const [name, extension] = filename.split('.');
+
+    return `${name}-filled.${extension}`;
+}