Merge pull request #662 from writer/dev

chore: Merge for release

.github/workflows/ci-e2e.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version: "22.x"
           cache: npm
 
       - name: install python3 environment

.github/workflows/ci-macos.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version: "22.x"
           cache: npm
 
       - name: install python3 environment

.github/workflows/ci-ui-test.yml

@@ -0,0 +1,26 @@
+name: ci-ui-test
+on:
+  push:
+    branches: [dev, master]
+    paths: ["src/ui/**"]
+  pull_request:
+    branches: [dev, master]
+    paths: ["src/ui/**"]
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20.x"
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci -w writer-ui
+
+      - name: Run tests
+        run: npm test -w writer-ui

.github/workflows/ci-windows.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version: "22.x"
           cache: npm
 
       - name: install python3 environment

.github/workflows/ci.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version: "22.x"
           cache: npm
 
       - name: install python3 environment

.github/workflows/doc-notify.yml

@@ -25,7 +25,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: "20.x"
+          node-version: "22.x"
           cache: npm
 
       - name: install python3 environment

.github/workflows/publish.yml

@@ -25,7 +25,7 @@ jobs:
             - name: Use Node.js
               uses: actions/setup-node@v4
               with:
-                node-version: "20.x"
+                node-version: "22.x"
                 cache: npm
 
             - name: install python3 environment

.nvmrc

@@ -0,0 +1 @@
+v22

docs/framework/seo.mdx

@@ -0,0 +1,84 @@
+---
+title: "SEO"
+mode: "wide"
+---
+
+Writer Framework offers you the possibility of optimizing metadata to optimize your SEO and the sharing of information on social networks.
+
+### Configure page title
+
+The page title is editable for web crawlers. This title is a key element for the SEO of your application. A bot will not load the app. It will see `Writer Framework` by default.
+
+```python
+writer.serve.configure_webpage_metadata(title="My amazing app")
+```
+
+If you need dynamic title,you can use a function instead of a hard coded parameter. The title will be evaluated when the Robot loads the page.
+
+```python
+def _title():
+	last_news = db.get_last_news()
+	return f"Last news: {last_news.title}"
+
+writer.serve.configure_webpage_metadata(title=_title)
+```
+
+### Configure meta tags
+
+http headers allow you to specify a title, a description and keywords which will be used by a search engine.
+
+*./server_setup.py*
+```python
+writer.serve.configure_webpage_metadata(
+	title="My amazing app",
+    meta={
+    	"description": "my amazing app",
+    	"keywords": "WF, Amazing, AI App",
+    	"author": "Amazing company"
+    }
+)
+```
+
+You can also use a function to generate the meta tags dynamically.
+
+```python
+def _meta():
+	last_news = db.get_last_news()
+	return {
+		"description": f"Last news: {last_news.title}",
+		"keywords": f"{last_news.keywords}",
+		"author": "Amazing company"
+	}
+
+writer.serve.configure_webpage_metadata(meta=_meta)
+```
+
+### Configure social networks
+
+When you share a link on social networks, they will try to fetch the metadata of the page to display a preview.
+
+```python
+writer.serve.configure_webpage_metadata(
+    opengraph_tags= {
+    	"og:title": "My App",
+    	"og:description": "My amazing app",
+    	"og:image": "https://myapp.com/logo.png",
+    	"og:url": "https://myapp.com"
+    }
+)
+
+You can also use a function to generate the opengraph tags dynamically.
+
+```python
+def _opengraph_tags():
+	last_news = db.get_last_news()
+	return {
+		"og:title": f"Last news: {last_news.title}",
+		"og:description": f"{last_news.description}",
+		"og:image": f"{last_news.image}",
+		"og:url": f"https://myapp.com/news/{last_news.id}"
+	}
+
+writer.serve.configure_webpage_metadata(opengraph_tags=_opengraph_tags)
+```
+