feat: adding phosphor icons (#109)

* feat: adding phosphor icons * Update package.json * snapshots * adding missing field * updating to esbuild
ng-icons · May 8, 2024 · 2bd75fc · 2bd75fc
1 parent 094bd6a
commit 2bd75fc
Show file tree

Hide file tree

Showing 101 changed files with 30,662 additions and 3,641 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -5,28 +5,40 @@ on:
     branches:
       - master
 
+permissions:
+  actions: read
+  contents: write
+
 jobs:
   main:
-    name: Nx Cloud - Main Job
-    uses: nrwl/ci/.github/workflows/nx-cloud-main.yml@v0.4
-    with:
-      main-branch-name: master
-      init-commands: |
-        pnpx nx generate @ng-icons/workspace-plugin:svg-to-ts
-        pnpx nx generate @ng-icons/workspace-plugin:update-readmes
-      parallel-commands-on-agents: |
-        pnpx nx affected --target=lint --parallel=3
-        pnpx nx affected --target=test --parallel=3 --ci --code-coverage
-        pnpx nx affected --target=build --parallel=3
-  agents:
-    name: Nx Cloud - Agents
-    uses: nrwl/ci/.github/workflows/nx-cloud-agents.yml@v0.4
-    with:
-      number-of-agents: 3
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      # Connect your workspace on nx.app and uncomment this to enable task distribution.
+      # The "--stop-agents-after" is optional, but allows idle agents to shut down once the "build" targets have been requested
+      # - run: pnpm exec nx-cloud start-ci-run --distribute-on="5 linux-medium-js" --stop-agents-after="build"
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: 8
+      # Cache node_modules
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: 'pnpm'
+      - run: pnpm install --frozen-lockfile
+      - uses: nrwl/nx-set-shas@v4
+
+      - run: pnpm exec nx generate @ng-icons/workspace-plugin:svg-to-ts
+      - run: pnpx nx generate @ng-icons/workspace-plugin:update-readmes
+      - run: pnpm exec nx-cloud record -- nx format:check
+      - run: pnpm exec nx affected -t lint test build
+      - run: pnpm exec nx build examples
 
-  # deploy:
-  #   name: Deploy
-  #   uses: JamesIves/github-pages-deploy-action@4.1.4
-  #   with:
-  #     branch: gh-pages # The branch the action should deploy to.
-  #     folder: dist/apps/documentation # The folder the action should deploy.
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: dist/apps/documentation/browser # The folder the action should deploy.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@
 # Ng Icons
 
 The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
-Containing over 38,900 icons for you to use in your projects.
+Containing over 48,000 icons for you to use in your projects.
 
 Currently, we support the following libraries:
 
@@ -105,6 +105,7 @@ The following packages are available:
 | `@ng-icons/font-awesome`         | CC BY 4.0                             |
 | `@ng-icons/iconsax`              | [Custom](https://iconsax.io/#license) |
 | `@ng-icons/tdesign-icons`        | MIT                                   |
+| `@ng-icons/phosphor-icons`       | MIT                                   |
 
 ## Usage
 

diff --git a/apps/documentation/project.json b/apps/documentation/project.json
@@ -4,23 +4,26 @@
   "projectType": "application",
   "sourceRoot": "apps/documentation/src",
   "prefix": "app",
+  "tags": [],
   "targets": {
     "build": {
-      "executor": "@angular-devkit/build-angular:browser-esbuild",
-      "outputs": ["{options.outputPath}"],
+      "executor": "@angular-devkit/build-angular:application",
+      "outputs": ["{options.outputPath.base}"],
       "options": {
-        "outputPath": "dist/apps/documentation",
+        "outputPath": {
+          "base": "dist/apps/documentation"
+        },
         "index": "apps/documentation/src/index.html",
-        "main": "apps/documentation/src/main.ts",
-        "polyfills": "apps/documentation/src/polyfills.ts",
+        "polyfills": ["apps/documentation/src/polyfills.ts"],
         "tsConfig": "apps/documentation/tsconfig.app.json",
         "inlineStyleLanguage": "scss",
         "assets": [
           "apps/documentation/src/favicon.ico",
           "apps/documentation/src/assets"
         ],
         "styles": ["apps/documentation/src/styles.scss"],
-        "scripts": []
+        "scripts": [],
+        "browser": "apps/documentation/src/main.ts"
       },
       "configurations": {
         "production": {
@@ -34,7 +37,6 @@
           "outputHashing": "all"
         },
         "development": {
-          "buildOptimizer": false,
           "optimization": false,
           "extractLicenses": false,
           "sourceMap": true,
@@ -71,14 +73,6 @@
       "options": {
         "jestConfig": "apps/documentation/jest.config.ts"
       }
-    },
-    "deploy": {
-      "executor": "angular-cli-ghpages:deploy",
-      "options": {
-        "baseHref": "./",
-        "cname": ""
-      }
     }
-  },
-  "tags": []
+  }
 }
diff --git a/apps/documentation/src/app/browse-icons/browse-icons.component.ts b/apps/documentation/src/app/browse-icons/browse-icons.component.ts
@@ -26,6 +26,7 @@ import { ionLogoIonic } from '@ng-icons/ionicons';
 import { jamGlassFilled } from '@ng-icons/jam-icons';
 import { matfDocumentUncolored } from '@ng-icons/material-file-icons/uncolored';
 import { octMarkGithub } from '@ng-icons/octicons';
+import { phosphorPhosphorLogo } from '@ng-icons/phosphor-icons/regular';
 import { radixModulzLogo } from '@ng-icons/radix-icons';
 import { remixRemixiconLine } from '@ng-icons/remixicon';
 import { simpleSimpleicons } from '@ng-icons/simple-icons';
@@ -82,6 +83,7 @@ const circumIcon = `
       faFontAwesome,
       saxColorsSquareOutline,
       tdesignCombination,
+      phosphorPhosphorLogo,
     }),
   ],
 })
@@ -363,6 +365,25 @@ export class BrowseIconsComponent implements OnInit {
         return { default: await import('@ng-icons/tdesign-icons') };
       },
     },
+    {
+      name: 'Phosphor Icons',
+      website: 'phosphoricons.com/',
+      icon: 'phosphorPhosphorLogo',
+      license: 'MIT',
+      package: '@ng-icons/phosphor-icons/regular',
+      icons: async () => {
+        const [regular, bold, duotone, fill, light, thin] = await Promise.all([
+          import('@ng-icons/phosphor-icons/regular'),
+          import('@ng-icons/phosphor-icons/bold'),
+          import('@ng-icons/phosphor-icons/duotone'),
+          import('@ng-icons/phosphor-icons/fill'),
+          import('@ng-icons/phosphor-icons/light'),
+          import('@ng-icons/phosphor-icons/thin'),
+        ]);
+
+        return { regular, bold, duotone, fill, light, thin };
+      },
+    },
   ];
 
   // store the current active iconset

diff --git a/apps/documentation/src/app/index/index.component.html b/apps/documentation/src/app/index/index.component.html
@@ -25,7 +25,7 @@
   </h1>
 
   <p appFadeIn class="text-sm md:text-base text-[#F5EAEA] text-center mb-16">
-    Providing over 38,800 icons for use in your applications
+    Providing over 48,000 icons for use in your applications
   </p>
 
   <div appFadeIn class="flex gap-6 flex-col md:flex-row">

diff --git a/apps/documentation/tsconfig.json b/apps/documentation/tsconfig.json
@@ -17,7 +17,8 @@
     "forceConsistentCasingInFileNames": true,
     "strict": true,
     "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "esModuleInterop": true
   },
   "angularCompilerOptions": {
     "strictInjectionParameters": true,

diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "test": "nx run-many --target=test --all --parallel=8 --runInBand",
     "compile": "nx generate @ng-icons/workspace-plugin:svg-to-ts && nx run-many --target=build --all --parallel=8 && nx generate @ng-icons/workspace-plugin:update-readmes",
     "generate:iconsets": "nx generate @ng-icons/workspace-plugin:svg-to-ts",
-    "deploy": "nx run-many --all --target=deploy --parallel=8 --packageVersion=27.3.1"
+    "deploy": "nx run-many --all --target=deploy --parallel=8 --packageVersion=27.4.0"
   },
   "private": true,
   "dependencies": {
@@ -23,6 +23,7 @@
     "@angular/router": "17.3.5",
     "@klarr-agency/circum-icons": "https://gitpkg.now.sh/Klarr-Agency/Circum-Icons/svg?6522c0a4aea8fb4c0818228f444f0082d6e6820c",
     "@material-icons/svg": "1.0.33",
+    "@phosphor-icons/core": "^2.1.1",
     "@primer/octicons": "19.8.0",
     "@radix-ui/react-icons": "https://gitpkg.now.sh/radix-ui/icons/packages/radix-icons?237cd76c007a573c2a6f6caabe9ea3de81393f50",
     "@rx-angular/cdk": "17.0.1",
@@ -31,7 +32,6 @@
     "@tabler/icons": "2.47.0",
     "UXAspects": "https://gitpkg.now.sh/UXAspects/UXAspects/src/icons/ux?5d63a0e39423bc331994e06e8bb2ba5b5517e799",
     "akar-icons-app": "https://gitpkg.now.sh/artcoholic/akar-icons-app/src/svg?938a77e1fbb1e19d770f1b3c5e3e49daaf2578bc",
-    "angular-cli-ghpages": "^1.0.5",
     "bootstrap-icons": "1.11.3",
     "cryptocurrency-icons": "0.18.1",
     "css.gg": "2.1.1",
@@ -68,42 +68,41 @@
     "@angular/compiler-cli": "17.3.5",
     "@angular/language-service": "17.3.5",
     "@eslint/eslintrc": "^2.1.1",
-    "@nx-dotnet/nx-ghpages": "^1.15.0",
-    "@nx/angular": "18.3.2",
-    "@nx/devkit": "18.3.2",
-    "@nx/eslint": "18.3.2",
-    "@nx/eslint-plugin": "18.3.2",
-    "@nx/jest": "18.3.2",
-    "@nx/js": "18.3.2",
-    "@nx/plugin": "18.3.2",
-    "@nx/workspace": "18.3.2",
+    "@nx/angular": "19.0.1",
+    "@nx/devkit": "19.0.1",
+    "@nx/eslint": "19.0.1",
+    "@nx/eslint-plugin": "19.0.1",
+    "@nx/jest": "19.0.1",
+    "@nx/js": "19.0.1",
+    "@nx/plugin": "19.0.1",
+    "@nx/workspace": "19.0.1",
     "@schematics/angular": "17.3.5",
     "@swc-node/register": "1.8.0",
-    "@swc/cli": "0.1.62",
+    "@swc/cli": "0.3.12",
     "@swc/core": "1.3.93",
     "@tailwindcss/typography": "0.5.2",
     "@types/fs-extra": "^9.0.13",
     "@types/glob": "^7.2.0",
-    "@types/highlight.js": "^10.1.0",
     "@types/jest": "29.4.0",
     "@types/node": "^18.16.9",
     "@types/svgo": "^2.4.0",
     "@typescript-eslint/eslint-plugin": "7.7.0",
     "@typescript-eslint/parser": "7.7.0",
     "autoprefixer": "^10.4.0",
+    "esbuild": "^0.19.2",
     "eslint": "8.57.0",
     "eslint-config-prettier": "9.0.0",
     "glob": "^7.2.0",
     "highlight.js": "^11.3.1",
     "html-loader": "^3.0.1",
-    "jest": "29.4.3",
-    "jest-environment-jsdom": "29.4.3",
+    "jest": "29.5.0",
+    "jest-environment-jsdom": "29.5.0",
     "jest-preset-angular": "14.0.3",
     "jsonc-eslint-parser": "^2.1.0",
     "markdown-loader": "^6.0.0",
     "ng-packagr": "17.3.0",
-    "ngx-deploy-npm": "6.0.0",
-    "nx": "18.3.2",
+    "ngx-deploy-npm": "8.0.1",
+    "nx": "19.0.1",
     "postcss": "^8.4.5",
     "postcss-import": "~14.1.0",
     "postcss-preset-env": "~7.5.0",
@@ -114,6 +113,5 @@
     "ts-jest": "29.1.0",
     "ts-node": "10.9.1",
     "typescript": "5.4.5"
-  },
-  "packageManager": "pnpm@9.0.4+sha256.caa915eaae9d9aefccf50ee8aeda25a2f8684d8f9d5c6e367eaf176d97c1f89e"
+  }
 }
diff --git a/packages/akar-icons/README.md b/packages/akar-icons/README.md
@@ -9,7 +9,7 @@
 # Ng Icons
 
 The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
-Containing over 38,900 icons for you to use in your projects.
+Containing over 48,000 icons for you to use in your projects.
 
 Currently, we support the following libraries:
 
@@ -105,6 +105,7 @@ The following packages are available:
 | `@ng-icons/font-awesome`         | CC BY 4.0                             |
 | `@ng-icons/iconsax`              | [Custom](https://iconsax.io/#license) |
 | `@ng-icons/tdesign-icons`        | MIT                                   |
+| `@ng-icons/phosphor-icons`       | MIT                                   |
 
 ## Usage
 

diff --git a/packages/akar-icons/project.json b/packages/akar-icons/project.json
@@ -34,7 +34,8 @@
     "deploy": {
       "executor": "ngx-deploy-npm:deploy",
       "options": {
-        "access": "public"
+        "access": "public",
+        "distFolderPath": "dist/packages/akar-icons"
       }
     }
   },

diff --git a/packages/bootstrap-icons/README.md b/packages/bootstrap-icons/README.md
@@ -9,7 +9,7 @@
 # Ng Icons
 
 The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
-Containing over 38,900 icons for you to use in your projects.
+Containing over 48,000 icons for you to use in your projects.
 
 Currently, we support the following libraries:
 
@@ -105,6 +105,7 @@ The following packages are available:
 | `@ng-icons/font-awesome`         | CC BY 4.0                             |
 | `@ng-icons/iconsax`              | [Custom](https://iconsax.io/#license) |
 | `@ng-icons/tdesign-icons`        | MIT                                   |
+| `@ng-icons/phosphor-icons`       | MIT                                   |
 
 ## Usage
 

diff --git a/packages/bootstrap-icons/project.json b/packages/bootstrap-icons/project.json
@@ -34,7 +34,8 @@
     "deploy": {
       "executor": "ngx-deploy-npm:deploy",
       "options": {
-        "access": "public"
+        "access": "public",
+        "distFolderPath": "dist/packages/bootstrap-icons"
       }
     }
   },

diff --git a/packages/circum-icons/README.md b/packages/circum-icons/README.md
@@ -9,7 +9,7 @@
 # Ng Icons
 
 The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
-Containing over 38,900 icons for you to use in your projects.
+Containing over 48,000 icons for you to use in your projects.
 
 Currently, we support the following libraries:
 
@@ -105,6 +105,7 @@ The following packages are available:
 | `@ng-icons/font-awesome`         | CC BY 4.0                             |
 | `@ng-icons/iconsax`              | [Custom](https://iconsax.io/#license) |
 | `@ng-icons/tdesign-icons`        | MIT                                   |
+| `@ng-icons/phosphor-icons`       | MIT                                   |
 
 ## Usage
 

diff --git a/packages/circum-icons/project.json b/packages/circum-icons/project.json
@@ -34,7 +34,8 @@
     "deploy": {
       "executor": "ngx-deploy-npm:deploy",
       "options": {
-        "access": "public"
+        "access": "public",
+        "distFolderPath": "dist/packages/circum-icons"
       }
     }
   },

diff --git a/packages/core/README.md b/packages/core/README.md
@@ -9,7 +9,7 @@
 # Ng Icons
 
 The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
-Containing over 38,900 icons for you to use in your projects.
+Containing over 48,000 icons for you to use in your projects.
 
 Currently, we support the following libraries:
 
@@ -105,6 +105,7 @@ The following packages are available:
 | `@ng-icons/font-awesome`         | CC BY 4.0                             |
 | `@ng-icons/iconsax`              | [Custom](https://iconsax.io/#license) |
 | `@ng-icons/tdesign-icons`        | MIT                                   |
+| `@ng-icons/phosphor-icons`       | MIT                                   |
 
 ## Usage
 

diff --git a/packages/core/project.json b/packages/core/project.json
@@ -35,7 +35,8 @@
     "deploy": {
       "executor": "ngx-deploy-npm:deploy",
       "options": {
-        "access": "public"
+        "access": "public",
+        "distFolderPath": "dist/packages/core"
       }
     }
   },