use file system access api

.github/actions/build/action.yml

@@ -3,18 +3,9 @@ description: 'tests and builds all projects'
 runs:
   using: "composite"
   steps:
-    - working-directory: common
-      shell: bash
-      run: |
-        npm ci
-        npm run lint
-        npm run build
     - working-directory: webapp
       shell: bash
       run: |
         npm ci
         npm run lint
         npm run dist
-    - working-directory: backend
-      shell: bash
-      run: npm ci

.github/workflows/build.yml

@@ -13,5 +13,5 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '22'
+          node-version: '26'
       - uses: ./.github/actions/build

.github/workflows/pr_preview.yml

@@ -0,0 +1,39 @@
+name: pr preview
+on:
+  pull_request:
+    # closed is needed to remove the preview again
+    types: [ opened, reopened, synchronize, closed ]
+
+concurrency: preview-${{ github.ref }}
+
+jobs:
+  preview:
+    name: deploy pr preview
+    # pull requests from forks don't get write access to the gh-pages branch
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        if: github.event.action != 'closed'
+        with:
+          node-version: '26'
+
+      - name: build
+        if: github.event.action != 'closed'
+        working-directory: webapp
+        run: |
+          npm ci
+          npm run build:prod
+
+      # deploys to gh-pages/pr-preview/pr-<number>/ and comments the link on the pull request,
+      # removes that folder again when the pull request is closed
+      - uses: rossjrw/pr-preview-action@v1
+        with:
+          source-dir: webapp/distAngular
+          preview-branch: gh-pages
+          umbrella-dir: pr-preview

.github/workflows/prepare_release.yml

@@ -30,7 +30,7 @@ jobs:
       - name: setup node
         uses: actions/setup-node@v2
         with:
-          node-version: '22'
+          node-version: '26'
       - name: update changelog
         run: |
           export NEXT_VERSION_V=${{ needs.check.outputs.version }}

.github/workflows/release.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '22'
+          node-version: '26'
       - uses: ./.github/actions/build
 
       - name: Get version from tag
@@ -39,3 +39,15 @@ jobs:
           files: webapp/dist/*
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # publishes the web build to the root of the gh-pages branch.
+      # pr-preview/ holds the pull request previews (see pr_preview.yml) and must survive this deploy,
+      # force: false makes the action rebase instead of force pushing over concurrent preview deploys
+      - name: Deploy to GitHub Pages
+        if: matrix.os == 'ubuntu-latest'
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: webapp/distAngular
+          branch: gh-pages
+          clean-exclude: pr-preview
+          force: false

README.md

@@ -16,34 +16,6 @@ If you just want to use the editor install the latest [Release](https://github.c
 
 ## Getting started - Development
 
-For development you need to do in order:
-1. build the `common` module
-2. run `backend` and `webapp`
-
-`common` is a shared module containing code both the `backend` and `webapp` use.
-
-### common 
-
-Move into the `common` folder and then install dependencies via `npm`
-```
-npm install
-```
-build the code with
-```
-npm start
-```
-
-### backend
-Move into the `backend` folder and then install dependencies via `npm`
-```
-npm install
-```
-Open the file `src/config.ts` and change the path to your CrossCode assets folder.
-After that move back to the `backend` folder and start the server with
-```
-npm start
-```
-
 ### webapp
 Move into the `webapp` folder and then install dependencies via `npm`
 | :warning: Dependencies are required only for Electron, devDependencies are included in the Angular build. |
@@ -57,32 +29,9 @@ npm start
 ```
 
 Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
-
-## Projects
-
-### Common
-*Common* is a project that holds some utility code that requires nodejs and as such cannot run in a normal browser.
-
-### Backend
-*Backend* is a simple nodejs server that does nothing else but to listen for webrequests from a normal browser and call the code from *common*.
-
-### Webapp
-*Webapp* is the main project of the editor and contains code that either can both run in browser and electron or electron exclusive as long as there is no way for the browser to provide the desired features. For features that require file interactions (saving, loading, discovery, etc) it either directly calls *common* when using electron or uses *backend* when using the browser.
-
 ## Commands
 
-### Common
-* `npm start`: Builds the project and continues to do so as files are changed as long as the command is running.
-* `npm run build`: Build the project only once.
-
-### Backend
-Requires *common* to be built at least once.
-
-* `npm start`: Start the webserver required for use *webapp* in regular browser.
-
 ### Webapp
-Requires *common* to be built at least once.
-
 * `npm start`: Builds the project and continues to do so as files are changed as long as the command is running. Also starts a webserver at http://localhost:4200/ that can be used to access the project in a regular browser.
 * `npm run electron:dev`: Starts a new electron developer instance that connects to `npm start` to run the project.
 * `npm run dist`: Builds the project once in production mode so that you can share it's executable or installer.