Update from main

.github/workflows/prodtag.yml

@@ -12,14 +12,15 @@ jobs:
     permissions:
       contents: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: production
       # - run: git tag "`date +%Y.%m.%d`.`git rev-parse --short HEAD`" $(git rev-parse HEAD)
       # - run: git push --tags
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v6
         with:
-          node-version: 20
+          node-version: 24
+          cache: "npm"
       - run: npm ci && npm run build
       - run: cd dist && zip -r ../phanpy-dist.zip . && tar -czf ../phanpy-dist.tar.gz . && cd ..
       - id: tag_name

.github/workflows/rollbar-deploy.yml

@@ -0,0 +1,73 @@
+name: Deploy to Rollbar
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  rollbar-deploy:
+    if: github.repository == 'cheeaun/phanpy'
+    concurrency:
+      group: rollbar-deploy
+      cancel-in-progress: true
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Get commit info
+        id: commit
+        run: |
+          COMMIT_HASH=$(git rev-parse --short HEAD)
+          echo "version=$COMMIT_HASH" >> $GITHUB_OUTPUT
+
+      - name: Gather source map paths
+        id: maps
+        run: |
+          set -e
+          # Find all .js.map files under dist and produce a space-separated list
+          SOURCE_MAPS=$(find dist -type f -name '*.js.map' -print | tr '\n' ' ' | sed -E 's/ $//' || true)
+          if [ -z "$SOURCE_MAPS" ]; then
+            echo "No source maps found under dist"
+            echo "source_maps=" >> $GITHUB_OUTPUT
+            echo "minified_urls=" >> $GITHUB_OUTPUT
+            exit 0
+          fi
+
+          # Derive minified URLs from each map file. Preserve path under `dist`.
+          HOST_BASE="https://dev.phanpy.social"
+          MINIFIED_URLS=""
+          for map_path in $SOURCE_MAPS; do
+            rel_path=${map_path#dist/}
+            minified_rel_path=${rel_path%.map}
+            if [ -z "$MINIFIED_URLS" ]; then
+              MINIFIED_URLS="$HOST_BASE/$minified_rel_path"
+            else
+              MINIFIED_URLS="$MINIFIED_URLS $HOST_BASE/$minified_rel_path"
+            fi
+          done
+
+          echo "source_maps=$SOURCE_MAPS" >> $GITHUB_OUTPUT
+          echo "minified_urls=$MINIFIED_URLS" >> $GITHUB_OUTPUT
+
+      - name: Deploy to Rollbar
+        uses: rollbar/github-deploy-action@2.1.2
+        env:
+          ROLLBAR_ACCESS_TOKEN: ${{ secrets.ROLLBAR_ACCESS_TOKEN }}
+        with:
+          environment: "development"
+          version: ${{ steps.commit.outputs.version }}
+          source_maps: ${{ steps.maps.outputs.source_maps }}
+          minified_urls: ${{ steps.maps.outputs.minified_urls }}

.gitignore

@@ -38,3 +38,6 @@ src/locales/*.js
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+
+# Generated mock screenshots
+/mock-screenshots/

CHANGELOG.md

@@ -294,7 +294,7 @@ For non-Mastodon servers:
 
 📢 https://mastodon.social/@cheeaun/113272683452140213
 
-- 💬 5 new languages: Dutch, Esperanto, Galician, Italian, Japanese
+- 💬 4 new languages: Dutch, Esperanto, Italian, Japanese
 - 🐛 Bug fixes
 
 Recap: Mastodon v4.3 features (https://github.com/mastodon/mastodon/releases/tag/v4.3.0) already supported on Phanpy:

README.md

@@ -173,6 +173,7 @@ Users can change the language in the settings, which sets the `localStorage` key
   - [`Intl.RelativeTimeFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/RelativeTimeFormat) - e.g. "2 days ago", "in 2 days"
   - [`Intl.NumberFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat) - e.g. "1,000", "10K"
   - [`Intl.DisplayNames`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DisplayNames) - e.g. "English" (`en`) in Traditional Chinese (`zh-Hant`) is "英文"
+  - [`Intl.ListFormat`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat) - e.g. "A, B, and C"
   - [`Intl.Locale`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale) (with polyfill for older browsers)
   - [`Intl.Segmenter`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter) (with polyfill for older browsers)
 
@@ -208,13 +209,17 @@ Two ways (choose one):
 
 ### Easy way
 
+❌ NOT recommended.
+
 Go to [Releases](https://github.com/cheeaun/phanpy/releases) and download the latest `phanpy-dist.zip` or `phanpy-dist.tar.gz`. It's pre-built so don't need to run any install/build commands. Extract it. Serve the folder of extracted files.
 
 > [!IMPORTANT]
 > Text translations connect to an **external service** (`translang.phanpy.social`).
 
 ### Custom-build way
 
+✅ Recommended.
+
 Requires [Node.js](https://nodejs.org/).
 
 Download or `git clone` this repository. Use `production` branch for *stable* releases, `main` for *latest*. Build it by running `npm run build` (after `npm install`). Serve the `dist` folder.
@@ -336,6 +341,8 @@ These are self-hosted by other wonderful folks.
 
 > Note: Add yours by creating a pull request.
 
+There's also a mobile app wrapper by [@fantinel@hachyderm.io](https://hachyderm.io/@fantinel) called **iPhanpy**: https://github.com/matfantinel/iphanpy
+
 ## Costs
 
 Costs involved in running and developing this web app:
@@ -402,6 +409,7 @@ Costs involved in running and developing this web app:
 - <img src="https://crowdin-static.cf-downloads.crowdin.com/avatar/14158861/medium/ba1ff31dc5743b067ea6685f735229a5_default.png" alt="" width="16" height="16" /> MrWillCom (Chinese Simplified)
 - <img src="https://crowdin-static.cf-downloads.crowdin.com/avatar/15652333/medium/7f36f289f9e2fe41d89ad534a1047f0e.png" alt="" width="16" height="16" /> nclm (French)
 - <img src="https://crowdin-static.cf-downloads.crowdin.com/avatar/17450186/medium/6f5768f64963379c7ddfdccd53572c60.jpeg" alt="" width="16" height="16" /> NiklasA95 (German)
+- <img src="https://crowdin-static.cf-downloads.crowdin.com/avatar/17520602/medium/884e58f3a2e7c836f594759b9dee40bf_default.png" alt="" width="16" height="16" /> Nortix08 (German)
 - <img src="https://crowdin-static.cf-downloads.crowdin.com/avatar/15000639/medium/ebbf0bb7d5027a1903d11b7f5f34f65b.jpeg" alt="" width="16" height="16" /> nycterent (Lithuanian)
 - <img src="https://crowdin-static.cf-downloads.crowdin.com/avatar/16539461/medium/2f41b9f0b802c1d200a6ab62167a7229_default.png" alt="" width="16" height="16" /> pazpi (Italian)
 - <img src="https://crowdin-static.cf-downloads.crowdin.com/avatar/15399796/medium/d7fd8457394d2c795771b72396b75099.png" alt="" width="16" height="16" /> poesty (Chinese Simplified)
@@ -477,6 +485,7 @@ And here I am. Building a Mastodon web client.
   - [Masto-FE (🦥 flavour)](https://masto-fe.superseriousbusiness.org)
 - [pl-fe](https://pl.mkljczk.pl)
 - [Mangane](https://github.com/BDX-town/Mangane)
+- [Fedideck](https://fedideck.app/)
 - [TheDesk](https://github.com/cutls/TheDesk) (archived)
 - [More...](https://github.com/hueyy/awesome-mastodon/#clients)