breaking: modernize project (#1447)

* chore: update project dependencies

* remove lerna

* update build

* plugin fixes

* Icons do not display when the svg is loaded from a file:// URL in Safari

fixes #1298

* Update path fill in warning-outline.svg exclamation mark

* set currentColor - fixes #1420

* add bell tag to notifications icon - fixes #1090

* add sliders and filters tags to option icon - fixes #1060

* add loveseat tag to bed icon - closes #503

* add contacts tag to people-circle
closes #779

* fix data.json

* update data.json

* set up prettier

* fix contributing link

* prettier after rebase

* add missing rimraf

* add more comments

* run prettier as part of the build

* set module resolution to bundle

* consolidate contributing guidelines and coc as part of the root directory

* fix link

* copy svg into www

* cut me some visual slack

* Update readme.md

Co-authored-by: Brandy Smith <[email protected]>

* Update package.json

Co-authored-by: Maria Hutt <[email protected]>

* Update CONTRIBUTING.md

Co-authored-by: Maria Hutt <[email protected]>

* remove generating collections

* ensure all directories exist

* only define snapshot tolerance in config

* update dependencies

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* Update src/components/icon/request.ts

Co-authored-by: Brandy Smith <[email protected]>

* prettier

* update release pipeline

* fix exports

* recommend to use esm.sh as cdn

---------

Co-authored-by: Brandy Smith <[email protected]>
Co-authored-by: Maria Hutt <[email protected]>

Author: 3 people

.github/CONTRIBUTING.md

@@ -1,7 +1,7 @@
 name: 🐛 Bug Report
 description: Report a bug in the ion-icon component. Incorrect icons should use the "Incorrect Icon" template instead.
-labels: ["triage"]
-title: "bug: "
+labels: ['triage']
+title: 'bug: '
 body:
   - type: textarea
     attributes:

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -1,7 +1,7 @@
 name: 💡 Feature Request
 description: Suggest a new feature for the ion-icon component. Icon requests should use the "Icon Request" template instead.
-labels: ["triage"]
-title: "feat: "
+labels: ['triage']
+title: 'feat: '
 body:
   - type: textarea
     attributes:
@@ -20,4 +20,4 @@ body:
   - type: textarea
     attributes:
       label: Additional Information
-      description: Add any other context or screenshots about the feature request here.
+      description: Add any other context or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -1,7 +1,7 @@
 name: 🚀 Icon Request
 description: Request a new icon
-labels: ["triage"]
-title: "icon request: "
+labels: ['triage']
+title: 'icon request: '
 body:
   - type: textarea
     attributes:
@@ -16,4 +16,4 @@ body:
   - type: textarea
     attributes:
       label: Additional Information
-      description: Add any other context about the icon request here.
+      description: Add any other context about the icon request here.

.github/ISSUE_TEMPLATE/icon_request.yml

@@ -1,7 +1,7 @@
 name: 😒 Incorrect Icon
 description: Report an incorrect icon
-labels: ["triage"]
-title: "incorrect icon: "
+labels: ['triage']
+title: 'incorrect icon: '
 body:
   - type: textarea
     attributes:
@@ -14,4 +14,4 @@ body:
       label: Expected Behavior
       description: A clear description of what the icon should look like. Please include any relevant screenshots.
     validations:
-      required: true
+      required: true

.github/ISSUE_TEMPLATE/incorrect_icon.yml

@@ -26,7 +26,7 @@ closeAndLock:
 
 comment:
   labels:
-    - label: "help wanted"
+    - label: 'help wanted'
       message: >
         This issue has been labeled as `help wanted`. This label is added to issues
         that we believe would be good for contributors.
@@ -54,13 +54,13 @@ comment:
 
         If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was
         not enough for our team to reproduce the issue.
-    - label: "community feedback wanted"
+    - label: 'community feedback wanted'
       message: >
         This issue has been labeled as `community feedback wanted`. This label is added to issues that we would like to hear from the community on before moving forward with any final decision on the feature request.
 
 
         If the requested feature is something you would find useful for your applications, please react to the original post with 👍 (`+1`). If you would like to provide an additional use case for the feature, please post a comment.
-        
+
 
         The team will review this feedback and make a final decision. Any decision will be posted on this thread, but please note that we may ultimately decide not to pursue this feature.
 
@@ -71,7 +71,7 @@ comment:
 noReply:
   days: 14
   maxIssuesPerRun: 100
-  label: "needs: reply"
+  label: 'needs: reply'
   responseLabel: triage
   exemptProjects: true
   exemptMilestones: true
@@ -89,7 +89,7 @@ noReply:
 noReproduction:
   days: 14
   maxIssuesPerRun: 100
-  label: "ionitron: needs reproduction"
+  label: 'ionitron: needs reproduction'
   responseLabel: triage
   exemptProjects: true
   exemptMilestones: true

.github/ionic-issue-bot.yml

@@ -31,4 +31,4 @@ runs:
       with:
         name: ionicons-src
         output: IoniconsSrc.zip
-        paths: src
+        paths: src

.github/workflows/actions/build-core/action.yml

@@ -16,4 +16,4 @@ runs:
         path: ${{ inputs.path }}
     - name: Exract Archive
       run: unzip -q -o ${{ inputs.path }}/${{ inputs.filename }}
-      shell: bash
+      shell: bash

.github/workflows/actions/download-archive/action.yml

@@ -17,7 +17,7 @@ runs:
   steps:
     - uses: actions/setup-node@v4
       with:
-        node-version: 18.x
+        node-version: 22.x
     - name: Install latest npm
       run: npm install -g npm@latest
       shell: bash

.github/workflows/actions/publish-npm/action.yml

@@ -81,4 +81,4 @@ runs:
       with:
         name: test-results-${{ inputs.shard }}-${{ inputs.totalShards }}
         output: TestResults-${{ inputs.shard }}-${{ inputs.totalShards }}.zip
-        paths: playwright-report
+        paths: playwright-report

.github/workflows/actions/test-e2e/action.yml

@@ -35,4 +35,4 @@ runs:
         git add src/\*.png --force
         git commit -m "chore(): add updated snapshots"
         git push
-      shell: bash
+      shell: bash

.github/workflows/actions/update-reference-screenshots/action.yml

@@ -16,4 +16,4 @@ runs:
     - uses: actions/upload-artifact@v4
       with:
         name: ${{ inputs.name }}
-        path: ${{ inputs.output }}
+        path: ${{ inputs.output }}

.github/workflows/actions/upload-archive/action.yml

@@ -2,7 +2,7 @@ name: 'Ionicons Build'
 
 on:
   pull_request:
-    branches: [ '**' ]
+    branches: ['**']
 
 # When pushing a new commit we should
 # cancel the previous test run to not
@@ -27,7 +27,7 @@ jobs:
     steps:
       - uses: actions/checkout@v4
       - uses: ./.github/workflows/actions/test-spec
-      
+
   test-e2e:
     strategy:
       # This ensures that all screenshot shard
@@ -51,7 +51,7 @@ jobs:
         with:
           shard: ${{ matrix.shard }}
           totalShards: ${{ matrix.totalShards }}
-  
+
   # Screenshots are required to pass
   # in order for the branch to be merge
   # eligible. However, the screenshot tests
@@ -68,4 +68,4 @@ jobs:
     steps:
       - name: Check build matrix status
         if: ${{ needs.test-e2e.result != 'success' }}
-        run: exit 1
+        run: exit 1

.github/workflows/build.yml

@@ -21,10 +21,10 @@ jobs:
     permissions:
       id-token: write
     steps:
-    - uses: actions/checkout@v4
-    - uses: ./.github/workflows/actions/publish-npm
-      with:
-        tag: ${{ inputs.tag }}
-        version: ${{ inputs.version }}
-        working-directory: './'
-        token: ${{ secrets.NPM_TOKEN }}
+      - uses: actions/checkout@v4
+      - uses: ./.github/workflows/actions/publish-npm
+        with:
+          tag: ${{ inputs.tag }}
+          version: ${{ inputs.version }}
+          working-directory: './'
+          token: ${{ secrets.NPM_TOKEN }}

.github/workflows/release-ionicons.yml

@@ -26,36 +26,36 @@ jobs:
       version: ${{ inputs.version }}
     secrets:
       NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-  
+
   finalize-release:
     needs: [release-ionicons]
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
-      with:
-        token: ${{ secrets.IONITRON_TOKEN }}
-        fetch-depth: 0
-    - name: Configure Identity
-      # Commits from github-actions do not
-      # trigger other GitHub Actions. As a result,
-      # we publish releases from Ionitron instead
-      # so actions run when merging the release branch
-      # back into main.
-      run: |
-        git config user.name ionitron
-        git config user.email [email protected]
-      shell: bash
-    # This ensures the local version of Lerna is installed
-    # and that we do not use the global Lerna version. We currently
-    # rely on functionality that does not exist in newer versions of Lerna.
-    - name: Install root dependencies
-      run: npm ci
-      shell: bash
-    - name: Create GitHub Release
-      run: npx lerna@5 version ${{ inputs.version }} --yes --force-publish='*' --conventional-commits --create-release github
-      env:
-        GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      shell: bash
+      - uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.IONITRON_TOKEN }}
+          fetch-depth: 0
+      - name: Configure Identity
+        # Commits from github-actions do not
+        # trigger other GitHub Actions. As a result,
+        # we publish releases from Ionitron instead
+        # so actions run when merging the release branch
+        # back into main.
+        run: |
+          git config user.name ionitron
+          git config user.email [email protected]
+        shell: bash
+      # This ensures the local version of Lerna is installed
+      # and that we do not use the global Lerna version. We currently
+      # rely on functionality that does not exist in newer versions of Lerna.
+      - name: Install root dependencies
+        run: npm ci
+        shell: bash
+      - name: Create GitHub Release
+        run: npx lerna@5 version ${{ inputs.version }} --yes --force-publish='*' --conventional-commits --create-release github
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        shell: bash
 
   update-package-lock:
     # This needs to run after finalize-release

.github/workflows/release.yml

@@ -49,4 +49,4 @@ jobs:
         # to run when the screenshots are pushed.
         with:
           token: ${{ secrets.IONITRON_TOKEN }}
-      - uses: ./.github/workflows/actions/update-reference-screenshots
+      - uses: ./.github/workflows/actions/update-reference-screenshots

.github/workflows/update-screenshots.yml

@@ -24,3 +24,4 @@ www/
 /playwright-report/
 /playwright/.cache/
 /src/**/*-snapshots
+*.tgz