Refactor/styles separate css

.github/workflows/ci.yml

@@ -75,7 +75,7 @@ jobs:
           name: build
       - uses: actions/setup-node@v6
         with:
-          node-version: 22
+          node-version: 20 # for npm@latest
           registry-url: 'https://registry.npmjs.org'
       - name: Update npm to latest (required for OIDC)
         run: npm install -g npm@latest
@@ -84,3 +84,32 @@ jobs:
       - name: Publish to npm
         if: github.actor != 'dependabot[bot]' && github.actor != 'dependabot-preview[bot]'
         run: npm publish --tag latest
+
+  github-release:
+    needs: [npm-publish-latest]
+    runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+    permissions:
+      contents: write
+    steps:
+      - uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+      - name: Create GitHub release with generated notes
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          TAG="v$(node -p 'require("./package.json").version')"
+
+          if gh release view "$TAG" >/dev/null 2>&1; then
+            echo "Release $TAG already exists. Skipping."
+            exit 0
+          fi
+
+          if git ls-remote --exit-code --tags origin "refs/tags/$TAG" >/dev/null 2>&1; then
+            echo "Tag $TAG already exists on origin. Creating release from existing tag."
+            gh release create "$TAG" --verify-tag --generate-notes
+          else
+            echo "Creating tag and release $TAG from commit $GITHUB_SHA."
+            gh release create "$TAG" --target "$GITHUB_SHA" --generate-notes
+          fi

README.md

@@ -13,3 +13,11 @@ the syntax is checked before they save it back.
 Once selected this pane as a view of a file, then the pen icon allows to switch to editing mode, and the check mark button allows the file to be saved back.
 
 Editing can be aborted by the cancel(X) button.
+
+### Generative AI usage
+The SolidOS team is using GitHub Copilot integrated in Visual Studio Code. 
+We have added comments in the code to make it explicit which parts are 100% written by AI.
+Example: 
+* Some code was generated by the GPT-5.3-Codex model in GitHub Copilot based on the following prompt:
+* Can you refactor this code setUnedited () to use CSS instead of inline js styles 
+

dev/index.js

@@ -48,6 +48,11 @@ try {
   document.getElementById('app').replaceWith(app)
 } catch (err) {
   console.error('Error rendering pane:', err)
-  document.getElementById('app').innerHTML = `<p style="color:red;">Error: ${err.message}</p>`
+  const appElement = document.getElementById('app')
+  const errorParagraph = document.createElement('p')
+  errorParagraph.style.color = 'red'
+  errorParagraph.textContent = `Error: ${err.message}`
+  appElement.textContent = ''
+  appElement.appendChild(errorParagraph)
 }
 

jest.config.mjs

@@ -10,6 +10,7 @@ export default {
   roots: ['<rootDir>/src', '<rootDir>/test'],
   moduleNameMapper: {
     '^SolidLogic$': 'solid-logic',
-    '^\\$rdf$': 'rdflib'
+    '^\\$rdf$': 'rdflib',
+    '\\.(css)$': '<rootDir>/test/__mocks__/styleMock.js'
   },
 }