port to webxdc

.github/workflows/ci.yml

@@ -0,0 +1,34 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+      - master
+    tags:
+      - "v*.*.*"
+  pull_request:
+    branches:
+      - main
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: npm install -g pnpm
+      - run: pnpm install
+      - run: pnpm check
+      - run: pnpm build
+
+      - name: Release
+        uses: softprops/action-gh-release@v2
+        if: startsWith(github.ref, 'refs/tags/v')
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          body: |
+            Auto-generated release
+          prerelease: ${{ contains(github.event.ref, '-beta') }}
+          fail_on_unmatched_files: true
+          files: ./dist-xdc/*.xdc

.gitignore

@@ -0,0 +1,8 @@
+# Logs
+pnpm-debug.log*
+.pnpm-debug.log
+
+node_modules
+dist
+dist-xdc
+*~

.prettierignore

@@ -0,0 +1,4 @@
+dist
+dist-xdc
+pnpm-lock.yaml
+package-lock.json

README.md

@@ -1,32 +1,64 @@
-# SM (Screen Message)
+# Screen Message (SM)
 
-Display a text as large as possible on your screen with browser. (fork from [nomeata/screen-message](https://github.com/nomeata/screen-message))
+Display a text as large as possible on your screen with webxdc. (fork from [chusiang/sm](https://github.com/chusiang/sm))
 
-> more detail on http://sm.drx.tw/
+## Contributing
 
-## HowTo
+### Installing Dependencies
 
-We can click the link or key in something with browser.
+After cloning this repo, install dependencies:
 
-- open the source web link.
+```
+pnpm i
+```
 
-    firefox http://sm.nomeata.de/
+### Checking code format
 
-- or you can open the mirror link on GitHub.
-
-    firefox http://sm.drx.tw/sm.html
+```
+pnpm check
+```
+
+### Testing the app in the browser
+
+To test your work in your browser (with hot reloading!) while developing:
+
+```
+pnpm start
+```
+
+### Building
+
+To package the WebXDC file:
+
+```
+pnpm build
+```
+
+To package the WebXDC with developer tools inside to debug in Delta Chat, set the `NODE_ENV`
+environment variable to "debug":
+
+```
+NODE_ENV=debug pnpm build
+```
+
+The resulting optimized `.xdc` file is saved in `dist-xdc/` folder.
+
+### Releasing
+
+To automatically build and create a new GitHub release with the `.xdc` file:
+
+```
+git tag -a v1.0.1
+git push origin v1.0.1
+```
 
-- now, we can input color values at link (with javascript).
-
-    firefox http://sm.nomeata.de/sm.html#t=%3A-);b=#000;f=red
-
 ## License
 
+Copyright (C) 2025 Asiel Diaz Benitez
 Copyright (C) 2006 - 2012 [Joachim Breitner](http://www.joachim-breitner.de/blog/)
 
 This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
 
 This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
 
 You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
-