Merge pull request #1257 from privy-open-source/release/1.0.0-rc.4

release: `1.0.0-rc.4`

Author: adenvt

.github/workflows/ci.yml

@@ -11,15 +11,16 @@ on:
   merge_group:
     types: [checks_requested]
 
+env:
+  NODE_VERSION: 18
+
 jobs:
   test:
-    runs-on: ${{ matrix.os }}
+    runs-on: ubuntu-latest
 
     strategy:
       fail-fast: false
       matrix:
-        os:
-          - ubuntu-latest
         node-version:
           - 18
           - 20
@@ -57,20 +58,12 @@ jobs:
 
       - name: Upload to Codecov
         uses: codecov/codecov-action@v4
-        if: matrix.node-version == 18 && matrix.os == 'ubuntu-latest'
+        if: matrix.node-version == 18
         with:
           fail_ci_if_error: false
 
   lint:
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      fail-fast: false
-      matrix:
-        os:
-          - ubuntu-latest
-        node-version:
-          - 18
+    runs-on: ubuntu-latest
 
     steps:
       - name: Git Checkout
@@ -91,10 +84,10 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-yarn-
 
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: ${{ env.NODE_VERSION }}
           cache: "yarn"
 
       - name: Install Deps
@@ -104,15 +97,7 @@ jobs:
         run: yarn lint:ci
 
   typecheck:
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      fail-fast: false
-      matrix:
-        os:
-          - ubuntu-latest
-        node-version:
-          - 18
+    runs-on: ubuntu-latest
 
     steps:
       - name: Git Checkout
@@ -133,10 +118,10 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-yarn-
 
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: ${{ env.NODE_VERSION }}
           cache: "yarn"
 
       - name: Install Deps
@@ -146,29 +131,21 @@ jobs:
         run: yarn typecheck
 
   analyze:
-    runs-on: ${{ matrix.os }}
+    runs-on: ubuntu-latest
 
     permissions:
       actions: read
       contents: read
       security-events: write
 
-    strategy:
-      fail-fast: false
-      matrix:
-        os:
-          - ubuntu-latest
-        language:
-          - javascript
-
     steps:
       - name: Git Checkout
         uses: actions/checkout@v4
 
       - name: Initialize CodeQL
         uses: github/codeql-action/init@v3
         with:
-          languages: ${{ matrix.language }}
+          languages: javascript
 
       - name: Autobuild
         uses: github/codeql-action/autobuild@v3
@@ -183,15 +160,7 @@ jobs:
       - analyze
       - test
 
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      fail-fast: false
-      matrix:
-        os:
-          - ubuntu-latest
-        node-version:
-          - 18
+    runs-on: ubuntu-latest
 
     steps:
       - name: Git Checkout
@@ -212,10 +181,10 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-yarn-
 
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: ${{ env.NODE_VERSION }}
           cache: "yarn"
 
       - name: Install Deps
@@ -226,7 +195,7 @@ jobs:
 
       - name: Deploy Docs
         uses: peaceiris/actions-gh-pages@v3
-        if: matrix.node-version == 18 && github.ref == 'refs/heads/main'
+        if: github.ref == 'refs/heads/main'
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./src/.vitepress/dist

.github/workflows/sync.yml

@@ -8,17 +8,12 @@ permissions:
   contents: write
   pull-requests: write
 
+env:
+  NODE_VERSION: 18
+
 jobs:
   test:
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      fail-fast: false
-      matrix:
-        os:
-          - ubuntu-latest
-        node-version:
-          - 18
+    runs-on: ubuntu-latest
 
     steps:
       - name: Git Checkout
@@ -41,17 +36,17 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-yarn-
 
-      - name: Use Node.js ${{ matrix.node-version }}
+      - name: Use Node.js ${{ env.NODE_VERSION }}
         uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version: ${{ env.NODE_VERSION }}
           cache: "yarn"
 
       - name: Install Deps
         run: yarn install --immutable
 
       - name: Run Sync
-        run: yarn icon:sync
+        run: yarn icon:sync && yarn ilustration:sync
         env:
           FIGMA_TOKEN: ${{ secrets.FIGMA_TOKEN }}
           FIGMA_FILE_ID: ${{ secrets.FIGMA_FILE_ID }}
@@ -61,5 +56,5 @@ jobs:
         with:
           token: ${{ secrets.PAT }}
           branch: feat/sync-icon
-          commit-message: "chore(persona-icon): sync with figma"
-          title: "chore(persona-icon): sync with figma"
+          commit-message: "chore: sync with figma"
+          title: "chore: sync with figma"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@privyid/design-system",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.0-rc.4",
   "packageManager": "[email protected]",
   "private": true,
   "type": "module",
@@ -23,22 +23,23 @@
     "release": "yarn workspaces foreach -A -v --topological-dev --no-private npm publish --tolerate-republish",
     "release:prepare": "yarn workspaces foreach -A -v --topological-dev version",
     "icon:sync": "yarn workspace @privyid/persona-icon sync",
-    "icon:changelog": "yarn workspace @privyid/persona-icon changelog"
+    "icon:changelog": "yarn workspace @privyid/persona-icon changelog",
+    "ilustration:sync": "yarn workspace @privyid/persona-ilustration sync",
+    "ilustration:changelog": "yarn workspace @privyid/persona-ilustration changelog"
   },
   "devDependencies": {
-    "@interactjs/types": "1.10.26",
+    "@interactjs/types": "1.10.27",
     "@privyid/browserslist-config": "workspace:^",
     "@privyid/eslint-config-persona": "workspace:^",
     "@privyid/tailwind-preset": "workspace:^",
-    "@rushstack/eslint-patch": "1.9.0",
+    "@rushstack/eslint-patch": "1.10.1",
     "@testing-library/jest-dom": "6.4.2",
     "@testing-library/vue": "8.0.3",
     "@types/html-escaper": "^3",
     "@types/lodash-es": "4.17.12",
     "@types/marked": "^6.0.0",
     "@types/sanitize-html": "^2",
     "@types/scroll-into-view": "^1",
-    "@types/testing-library__jest-dom": "6.0.0",
     "@types/webfontloader": "1.6.38",
     "@types/zxcvbn": "^4",
     "@typescript-eslint/eslint-plugin": "5.62.0",
@@ -93,7 +94,7 @@
     "fast-equals": "^5.0.0",
     "fuse.js": "7.0.0",
     "html-escaper": "^3.0.3",
-    "interactjs": "1.10.26",
+    "interactjs": "1.10.27",
     "lodash-es": "4.17.21",
     "marked": "^12.0.0",
     "nanodelay": "2.0.2",

packages/browserslist-config/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/browserslist-config",
   "description": "Browserslist shareable config for Persona project",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.0-rc.4",
   "packageManager": "[email protected]",
   "license": "MIT",
   "repository": {

packages/eslint-config-persona/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/eslint-config-persona",
   "description": "Eslint shareable config for Persona project",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.0-rc.4",
   "packageManager": "[email protected]",
   "license": "MIT",
   "repository": {

packages/persona-icon/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/persona-icon",
   "description": "Persona icon package",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.0-rc.4",
   "packageManager": "[email protected]",
   "type": "module",
   "main": "./dist/module.cjs",
@@ -42,21 +42,21 @@
   ],
   "scripts": {
     "prepack": "yarn build",
-    "build": "nuxt-module-build",
+    "build": "nuxt-module-build build",
     "lint": "jiti scripts/lint.ts",
     "sync": "jiti scripts/sync.ts",
     "changelog": "jiti scripts/changelog.ts"
   },
   "devDependencies": {
-    "@nuxt/module-builder": "^0.5.0",
+    "@nuxt/module-builder": "^0.5.5",
     "@types/fs-extra": "^11",
     "@types/minimist": "^1",
     "dotenv": "^16.0.3",
     "figma-api": "^1.11.0",
     "fs-extra": "^11.1.1",
-    "got": "^14.2.1",
     "jiti": "^1.18.2",
     "minimist": "^1.2.8",
+    "ofetch": "^1.3.4",
     "ohash": "^1.1.2",
     "ora": "^8.0.0",
     "p-all": "^5.0.0",

packages/persona-icon/scripts/changelog.ts

@@ -6,7 +6,7 @@ import { resolve } from 'node:path'
 import { readJSON } from 'fs-extra'
 import { name } from '../package.json'
 import type { MetaData } from './types'
-import got from 'got'
+import { ofetch } from 'ofetch'
 import ohash from 'ohash'
 import minimist from 'minimist'
 import {
@@ -29,12 +29,11 @@ function getFilesData (metadata: MetaData[]): Record<string, CompareMeta> {
 
 async function getMeta (version: string): Promise<MetaData[]> {
   try {
-    if (version === 'local')
-      return await readJSON(META_FILE)
-
-    const response = await got(`https://unpkg.io/${name}@${version}/svg/meta.json`)
-
-    return JSON.parse(response.body)
+    return await (
+      version === 'local'
+        ? readJSON(META_FILE)
+        : ofetch(`https://unpkg.io/${name}@${version}/svg/meta.json`, { responseType: 'json' })
+    )
   } catch {
     return []
   }

packages/persona-icon/scripts/sync.ts

@@ -31,7 +31,7 @@ import { createFont } from './create-font'
 import pAll from 'p-all'
 import ohash from 'ohash'
 import minimist from 'minimist'
-import got from 'got'
+import { ofetch } from 'ofetch'
 
 const argv       = minimist(process.argv.slice(2))
 const TOKEN      = process.env.FIGMA_TOKEN ?? ''
@@ -81,7 +81,7 @@ const svgoConfig: Config = {
                 if (node.attributes.d)
                   node.attributes.d = fixPath(node.attributes.d)
 
-                if (node.attributes.fill !== 'none')
+                if (node.attributes.fill !== 'none' && !node.attributes.fill.startsWith('url'))
                   node.attributes.fill = 'currentColor'
               }
             },
@@ -101,9 +101,24 @@ const svgoConfig: Config = {
       name  : 'preset-default',
       params: { overrides: { removeViewBox: false } },
     },
+    {
+      name  : 'prefixIds',
+      params: {
+        delim           : '_',
+        prefix          : genId,
+        prefixClassNames: false,
+        prefixIds       : true,
+      },
+    },
   ],
 }
 
+let svgoId = 0
+
+function genId () {
+  return (++svgoId).toString(36)
+}
+
 async function getLockData (): Promise<Map<string, ObjectData>> {
   let data: Record<string, ObjectData> = {}
 
@@ -263,8 +278,8 @@ async function main () {
         if (object && url) {
           spinner.start(`[${count}/${total}] - Downloading ${object.filename}`)
 
-          const res = await got(url)
-          const svg = optimize(res.body, svgoConfig).data
+          const res = await ofetch(url, { responseType: 'text', retry: 3 })
+          const svg = optimize(res, svgoConfig).data
 
           await ensureFile(resolve(SVG_DIR, object.filepath))
           await writeFile(resolve(SVG_DIR, object.filepath), svg)