chore: Update theme translations

.gitea/workflows/deploy.yaml

@@ -0,0 +1,56 @@
+name: Deployment
+run-name: ${{ gitea.actor }} deploying ${{ gitea.repository.name }}
+on: [push]
+
+env:
+  NUXT_PROJECT_PATH: wp-content/themes/moonshine
+  PNPM_STORE_DIR: /cache/wp-scripts/pnpm
+
+jobs:
+  
+  wordpress:
+    runs-on: ubuntu-websimple
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install WordPress scripts
+        env:
+          TEMPLATES_REPO_TOKEN: ${{ secrets.TEMPLATES_REPO_TOKEN }}
+        run: |
+          git clone https://$TEMPLATES_REPO_TOKEN@gitea.websimple.com/templates/wp-scripts.git /tmp/wp-scripts
+
+      - name: Run deployment script
+        env:
+          REMOTE_HOST: ${{ vars.REMOTE_HOST }}
+          REMOTE_PORT: ${{ vars.REMOTE_PORT }}
+          REMOTE_USER: ${{ vars.REMOTE_USER }}
+          REMOTE_PATH: ${{ vars.REMOTE_PATH }}
+          SSH_PRIVATE_KEY: ${{ secrets.SSH_PRIVATE_KEY }}
+        run: /tmp/wp-scripts/wp-deploy.sh --skip-node
+
+  nuxt:
+    runs-on: ubuntu-websimple
+    defaults:
+      run:
+        working-directory: ${{ env.NUXT_PROJECT_PATH }}
+    env:
+      NUXT_SITE_ENV: ${{ vars.NUXT_SITE_ENV }}
+      NUXT_SITE_URL: ${{ vars.NUXT_SITE_URL }}
+      NUXT_WP_URL: ${{ vars.NUXT_WP_URL }}
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Install Node.js dependencies
+        run: pnpm install --frozen-lockfile --store-dir $PNPM_STORE_DIR
+          
+      - name: Build Nuxt project
+        run: pnpm build
+
+      - name: Deploy to Cloudflare Workers
+        run: pnpm wrangler deploy
+        env:
+          CLOUDFLARE_ACCOUNT_ID: ${{ vars.CLOUDFLARE_ACCOUNT_ID }}
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}

.github/copilot-instructions.md

@@ -0,0 +1,34 @@
+# Copilot instructions (wp-headless)
+
+## Overview
+- This project is a full WordPress install (core lives in `wp-admin/` + `wp-includes/`). Treat core files as upstream: **don’t implement features by editing WordPress core or plugins**.
+- Project-specific code lives in `wp-content/themes/moonshine/`:
+- “Headless” stack is assembled via custom theme and plugins:
+  - `wp-content/themes/moonshine/` provides the WordPress PHP theme logic and Nuxt frontend.
+  - `wp-content/plugins/wp-graphql/` provides the GraphQL endpoint (typically `/graphql`).
+  - `wp-content/plugins/wpgraphql-acf/` exposes ACF fields in the GraphQL schema.
+  - `wp-content/plugins/wp-graphql-headless-login/` provides GraphQL-based authentication flows.
+
+## Where to make changes
+- **Changes should only be made in the Moonshine theme `wp-content/themes/moonshine/`**
+- WordPress PHP theme logic lives in `wp-content/themes/moonshine/includes/`.
+- Nuxt frontend (Nuxt 4): `wp-content/themes/moonshine/`
+  - App entry & routes: `wp-content/themes/moonshine/app/` (catch-all route is `app/pages/[...uri].vue`).
+  - Config: `wp-content/themes/moonshine/nuxt.config.ts`.
+  - Package manager: **pnpm** (`pnpm-lock.yaml` is present).
+
+## Developer workflows
+- **WP Headless** - WordPress Composer project (root folder):
+  - Install PHP deps (also manages WP plugins/themes via Composer repos): `composer install`.
+  - Update PHP deps / WordPress plugins: `composer update`.
+  - Composer uses an internal Satis repo (`https://satis.ledevsimple.ca`) plus `wpackagist.org`.
+  - PHP linting (phpcs):`composer lint`
+  - PHP beautifier (phpcbf): `composer lintfix`
+- **Moonshine** - Headless WordPress theme based on Nuxt 4 (`wp-content/themes/moonshine/`):
+  - Dev: `pnpm dev`
+  - Build: `pnpm build`
+  - Lint (autofix): `pnpm lint`
+
+## Conventions to follow
+- Prefer adding project behavior via WordPress hooks/filters in the theme (`moonshine_*` functions) or via plugins—avoid editing WP core at all cost.
+- In the Nuxt app, prefer the repo’s ESLint/Tailwind conventions (VS Code settings treat `*.css` as TailwindCSS and support Nuxt UI `ui` attributes).

.gitignore

@@ -2,8 +2,10 @@
 /*
 !/.cpanel.yml
 !/.gitea
+!/.github
 !/.gitignore
 !/.vscode
+!/README.md
 !/composer.*
 !/phpcs.xml
 !/wp-content/

.vscode/settings.json

@@ -0,0 +1,20 @@
+{
+  "editor.quickSuggestions": {
+    "strings": "on"
+  },
+  "files.associations": {
+    "*.css": "tailwindcss"
+  },
+  "graphql-config.load.rootDir": "wp-content/themes/moonshine",
+  "tailwindCSS.classAttributes": [
+    "class",
+    "ui"
+  ],
+  "tailwindCSS.experimental.classRegex": [
+    [
+      "ui:\\s*{([^)]*)\\s*}",
+      "(?:'|\"|`)([^']*)(?:'|\"|`)"
+    ]
+  ],
+  "typescript.tsdk": "wp-content/themes/moonshine/node_modules/typescript/lib"
+}

README.md

@@ -0,0 +1,6 @@
+# WP Headless
+
+Headless WordPress project boilerplate using Nuxt.
+
+[✨  Release notes](/wp-content/themes/moonshine/CHANGELOG.md)
+ 

composer.json

@@ -1,6 +1,6 @@
 {
   "name": "lewebsimple/wp-headless",
-  "description": "WordPress project",
+  "description": "WP Headless",
   "version": "0.4.25",
   "type": "project",
   "license": "MIT",
@@ -32,12 +32,14 @@
     "lintfix": "vendor/bin/phpcbf"
   },
   "require": {
+    "axepress/wp-graphql-rank-math": "*",
     "lewebsimple/advanced-custom-fields-pro": "*",
     "lewebsimple/kaliroots": "*",
     "lewebsimple/wp-graphql-headless-login": "*",
     "wpackagist-plugin/acf-extended": "*",
     "wpackagist-plugin/clean-image-filenames": "*",
     "wpackagist-plugin/disable-comments": "*",
+    "wpackagist-plugin/seo-by-rank-math": "*",
     "wpackagist-plugin/wp-graphql": "*",
     "wpackagist-plugin/wpgraphql-acf": "*"
   },

composer.lock

@@ -4,8 +4,169 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "aec2b0e396a71ea02fe95432358ca91e",
+    "content-hash": "9673ea7f3e3f21866ae50f70e1d6a16b",
     "packages": [
+        {
+            "name": "axepress/wp-graphql-plugin-boilerplate",
+            "version": "0.1.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/AxeWP/wp-graphql-plugin-boilerplate.git",
+                "reference": "09495b61346453baabdf4c71a38ada3cfc91c3a7"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/AxeWP/wp-graphql-plugin-boilerplate/zipball/09495b61346453baabdf4c71a38ada3cfc91c3a7",
+                "reference": "09495b61346453baabdf4c71a38ada3cfc91c3a7",
+                "shasum": ""
+            },
+            "require": {
+                "php": ">=7.4"
+            },
+            "require-dev": {
+                "axepress/wp-graphql-cs": "^2.0.0",
+                "axepress/wp-graphql-stubs": "^2.3.0",
+                "phpcompatibility/php-compatibility": "dev-develop as 9.9.9",
+                "phpstan/extension-installer": "^1.1",
+                "phpstan/phpstan": "^2.0",
+                "phpstan/phpstan-deprecation-rules": "^2.0.1",
+                "szepeviktor/phpstan-wordpress": "^2.0",
+                "wp-cli/wp-cli-bundle": "^2.8.1"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "AxeWP\\GraphQL\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "AxePress Development",
+                    "homepage": "https://axepress.dev"
+                },
+                {
+                    "name": "David Levine",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Boilerplate for creating WPGraphQL extensions",
+            "support": {
+                "issues": "https://github.com/AxeWP/wp-graphql-plugin-boilerplate/issues",
+                "source": "https://github.com/AxeWP/wp-graphql-plugin-boilerplate/tree/0.1.1"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/AxeWp",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-06-07T02:03:50+00:00"
+        },
+        {
+            "name": "axepress/wp-graphql-rank-math",
+            "version": "0.3.4",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/AxeWP/wp-graphql-rank-math.git",
+                "reference": "167bdd4a5350717ed34069c304e0ffc3fe02bc7d"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/AxeWP/wp-graphql-rank-math/zipball/167bdd4a5350717ed34069c304e0ffc3fe02bc7d",
+                "reference": "167bdd4a5350717ed34069c304e0ffc3fe02bc7d",
+                "shasum": ""
+            },
+            "require": {
+                "axepress/wp-graphql-plugin-boilerplate": "^0.1.1",
+                "php": ">=7.4"
+            },
+            "require-dev": {
+                "axepress/wp-graphql-cs": "^2.0.0",
+                "axepress/wp-graphql-stubs": "^2.0.0",
+                "codeception/lib-innerbrowser": "^1.0",
+                "codeception/module-asserts": "^1.0",
+                "codeception/module-cli": "^1.0",
+                "codeception/module-db": "^1.0",
+                "codeception/module-filesystem": "^1.0",
+                "codeception/module-phpbrowser": "^1.0",
+                "codeception/module-rest": "^2.0",
+                "codeception/module-webdriver": "^1.0",
+                "codeception/phpunit-wrapper": "^9.0",
+                "codeception/util-universalframework": "^1.0",
+                "lucatume/wp-browser": "<3.5",
+                "php-coveralls/php-coveralls": "^2.5",
+                "phpcompatibility/php-compatibility": "dev-develop as 9.9.9",
+                "phpstan/extension-installer": "^1.1",
+                "phpstan/phpstan": "^2.1.5",
+                "phpunit/phpunit": "^9.5",
+                "szepeviktor/phpstan-wordpress": "^2.0.1",
+                "wp-cli/wp-cli-bundle": "^2.8.1",
+                "wp-graphql/wp-graphql-testcase": "~3.4.0"
+            },
+            "type": "wordpress-plugin",
+            "extra": {
+                "strauss": {
+                    "packages": [
+                        "axepress/wp-graphql-plugin-boilerplate"
+                    ],
+                    "classmap_prefix": "WPGraphQL_RankMath_",
+                    "constant_prefix": "WPGRAPHQL_SEO_",
+                    "namespace_prefix": "WPGraphQL\\RankMath\\Vendor\\",
+                    "target_directory": "vendor-prefixed",
+                    "update_call_sites": false,
+                    "exclude_from_prefix": {
+                        "namespaces": [],
+                        "file_patterns": []
+                    },
+                    "include_modified_date": false,
+                    "delete_vendor_packages": true
+                }
+            },
+            "autoload": {
+                "files": [
+                    "access-functions.php"
+                ],
+                "psr-4": {
+                    "WPGraphQL\\RankMath\\": "src/"
+                },
+                "classmap": [
+                    "vendor-prefixed/"
+                ]
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "GPL-3.0-or-later"
+            ],
+            "authors": [
+                {
+                    "name": "AxePress Development",
+                    "email": "support@axepress.dev",
+                    "homepage": "https://axepress.dev"
+                },
+                {
+                    "name": "David Levine",
+                    "role": "Developer"
+                }
+            ],
+            "description": "Adds WPGraphQL support for RankMath SEO",
+            "support": {
+                "email": "support@axepress.dev",
+                "forum": "https://github.com/AxeWP/wp-graphql-rank-math/discussions",
+                "issues": "https://github.com/AxeWP/wp-graphql-rank-math/issues",
+                "source": "https://github.com/AxeWP/wp-graphql-rank-math/tree/0.3.4"
+            },
+            "funding": [
+                {
+                    "url": "https://github.com/sponsors/AxeWP",
+                    "type": "github"
+                }
+            ],
+            "time": "2025-06-07T12:05:15+00:00"
+        },
         {
             "name": "composer/installers",
             "version": "v2.3.0",
@@ -205,15 +366,15 @@
         },
         {
             "name": "wpackagist-plugin/acf-extended",
-            "version": "0.9.2.2",
+            "version": "0.9.2.3",
             "source": {
                 "type": "svn",
                 "url": "https://plugins.svn.wordpress.org/acf-extended/",
-                "reference": "tags/0.9.2.2"
+                "reference": "tags/0.9.2.3"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://downloads.wordpress.org/plugin/acf-extended.0.9.2.2.zip"
+                "url": "https://downloads.wordpress.org/plugin/acf-extended.0.9.2.3.zip"
             },
             "require": {
                 "composer/installers": "^1.0 || ^2.0"
@@ -241,15 +402,15 @@
         },
         {
             "name": "wpackagist-plugin/disable-comments",
-            "version": "2.6.1",
+            "version": "2.6.2",
             "source": {
                 "type": "svn",
                 "url": "https://plugins.svn.wordpress.org/disable-comments/",
-                "reference": "tags/2.6.1"
+                "reference": "tags/2.6.2"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://downloads.wordpress.org/plugin/disable-comments.2.6.1.zip"
+                "url": "https://downloads.wordpress.org/plugin/disable-comments.2.6.2.zip"
             },
             "require": {
                 "composer/installers": "^1.0 || ^2.0"
@@ -258,16 +419,34 @@
             "homepage": "https://wordpress.org/plugins/disable-comments/"
         },
         {
-            "name": "wpackagist-plugin/wp-graphql",
+            "name": "wpackagist-plugin/seo-by-rank-math",
-            "version": "2.6.0",
+            "version": "1.0.263",
             "source": {
                 "type": "svn",
-                "url": "https://plugins.svn.wordpress.org/wp-graphql/",
+                "url": "https://plugins.svn.wordpress.org/seo-by-rank-math/",
-                "reference": "tags/2.6.0"
+                "reference": "tags/1.0.263"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.6.0.zip"
+                "url": "https://downloads.wordpress.org/plugin/seo-by-rank-math.1.0.263.zip"
+            },
+            "require": {
+                "composer/installers": "^1.0 || ^2.0"
+            },
+            "type": "wordpress-plugin",
+            "homepage": "https://wordpress.org/plugins/seo-by-rank-math/"
+        },
+        {
+            "name": "wpackagist-plugin/wp-graphql",
+            "version": "2.7.0",
+            "source": {
+                "type": "svn",
+                "url": "https://plugins.svn.wordpress.org/wp-graphql/",
+                "reference": "tags/2.7.0"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.7.0.zip"
             },
             "require": {
                 "composer/installers": "^1.0 || ^2.0"

phpcs.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0"?>
 <ruleset name="wp-boilerplate">
   <rule ref="WebsimpleWP"/>
-  <file>wp-content/themes/wp-boilerplate/</file>
+  <file>wp-content/themes/moonshine/</file>
 </ruleset>

wp-content/mu-plugins/headless-home-url.php

@@ -0,0 +1,20 @@
+<?php
+
+// Customize home URL for headless WordPress
+add_filter( 'home_url', 'headless_home_url', 10, 4 );
+function headless_home_url( $url, $path, $orig_scheme, $blog_id ) {
+	// Exclude specific patterns from rewriting
+	$excluded_patterns = array(
+		'#/wp-json(/|$)#i', // WP REST API
+		'#\.(xsl|xml)$#i',  // Sitemap and XSLT files
+	);
+	foreach ( $excluded_patterns as $pattern ) {
+		if ( preg_match( $pattern, $url ) ) {
+			return get_site_url( $blog_id, $path, $orig_scheme );
+		}
+	}
+
+	// Rewrite URL protocol to match original home scheme
+	$scheme = wp_parse_url( get_option( 'home' ) )['scheme'] ?? 'https';
+	return preg_replace( '#^https:#i', "$scheme:", $url );
+}

wp-content/themes/moonshine/.gitignore

@@ -22,3 +22,6 @@ logs
 .env
 .env.*
 !.env.example
+
+# Wrangler files
+.wrangler

wp-content/themes/moonshine/.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

wp-content/themes/moonshine/CHANGELOG.md

@@ -1,5 +1,121 @@
 # Changelog
 
+## v0.1.8
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.7...v0.1.8)
+
+### 🚀 Enhancements
+
+- UseResponsive with device detection on SSR (c82bf47)
+- Graphql cache keyPrefix from package.json version (b1b1aa4)
+- All of wrangler config in nuxt.config.ts (21a7036)
+- Configure nuxt-svgo module (5f9c29c)
+
+### 🩹 Fixes
+
+- Headless_home_url needs to be in mu-plugins (51f594b)
+- Use public wpUrl runtime config for auth refresh token mutation (2c86905)
+- Term_order and default WPGraphQL settings (a27e6af)
+- Update nuxt-graphql and extractNodes typing (maybe => undefined instead of null) (27f4f73)
+
+## v0.1.7
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.6...v0.1.7)
+
+### 🚀 Enhancements
+
+- Configure sitemap URL in robots.txt (63f8e44)
+- Deploy to Cloudflare workers (c6dfbeb)
+- Display theme version in admin footer (b886585)
+
+## v0.1.6
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.5...v0.1.6)
+
+### 🚀 Enhancements
+
+- Site options page & field group (489ac82)
+- Initial SEO integration (c5ce607)
+
+### 🩹 Fixes
+
+- Bypass headless home URL for specific cases (108269e)
+
+## v0.1.5
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.4...v0.1.5)
+
+### 🩹 Fixes
+
+- Auth server utils upgrade to latest nuxt-graphql (fd61895)
+- Immutable extractNodes (baa3061)
+- Type issue with NodePage (3b706c0)
+
+## v0.1.4
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.2...v0.1.4)
+
+### 🚀 Enhancements
+
+- Initial NodeByUri logic and frontend (688c4e3)
+- BuilderSections component (2b9a875)
+- LaoutContained (c7f6cca)
+- LayoutContained section wrapper (12048ff)
+- Initial typography / prose styles (764bc6a)
+- UiProse prose component with link highjacking (40becf1)
+- TinyMCE WYSIWYG editor styles (8e26f19)
+- Login / logout toast (2d0b176)
+- Hide title on front page (5e0df22)
+
+### 🩹 Fixes
+
+- Fatal 404 (bfb5ae3)
+
+### 💅 Refactors
+
+- Update to nuxt-graphql 0.5.x (e383255)
+- /api/login route (9d99770)
+
+## v0.1.3
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.2...v0.1.3)
+
+### 🚀 Enhancements
+
+- Initial NodeByUri logic and frontend (688c4e3)
+- BuilderSections component (2b9a875)
+- LaoutContained (c7f6cca)
+- LayoutContained section wrapper (12048ff)
+- Initial typography / prose styles (764bc6a)
+- UiProse prose component with link highjacking (40becf1)
+- TinyMCE WYSIWYG editor styles (8e26f19)
+- Login / logout toast (2d0b176)
+- Hide title on front page (5e0df22)
+
+### 🩹 Fixes
+
+- Fatal 404 (bfb5ae3)
+
+### 💅 Refactors
+
+- Update to nuxt-graphql 0.5.x (e383255)
+- /api/login route (9d99770)
+
+## v0.1.2
+
+[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.1...v0.1.2)
+
+### 🚀 Enhancements
+
+- Initial Nuxt UI configuration (ca2e660)
+- Initial layout with SiteHeader / SiteFooter (3d7a2b2)
+- Update .gitignore and add Copilot instructions (f520db7)
+- Optional SSL for dev server (9b6a86f)
+- Typecheck npm script (33589d4)
+- Initial theme setup (theme features, locale, main menu) (a286047)
+- Initial GraphQL setup with remote WP schema (d0244eb)
+- Initial authentication logic and UX (c109423)
+
 ## v0.1.1
 
 
@@ -8,8 +124,3 @@
 - Initial Moonshine theme - Headless WordPress theme based on Nuxt (b3134fe)
 - CHANGELOG generation using conventional commits (55e16ab)
 - ESLint configuration (e95bbfb)
-
-### ❤️ Contributors
-
-- Pascal Martineau <pascal@lewebsimple.ca>
-

wp-content/themes/moonshine/README.md

@@ -1,3 +1,12 @@
 # Moonshine
 
-Headless WordPress theme based on Nuxt.
+Thème WordPress en headless basé sur Nuxt.
+
+## Variables d'environnement
+
+| Nom | Description | Exemple | Requise |
+|-----|-------------|---------|---------|
+| `NUXT_SESSION_PASSWORD` | Clé secrète pour l'authentification | `date \| md5sum` | ✅ |
+| `NUXT_WP_URL` | URL du backend WordPress | https://wp.exemple.com | ✅ |
+| `NUXT_SITE_URL` | URL du frontend Nuxt | https://www.example.com | ➖ |
+| `NUXT_SITE_ENV` | Environnement | staging \| production | ➖ |

wp-content/themes/moonshine/acf-json/group_abstract_builder.json

@@ -0,0 +1,156 @@
+{
+    "key": "group_abstract_builder",
+    "title": "Abstract - Builder",
+    "fields": [
+        {
+            "key": "field_builder_sections",
+            "label": "Section(s)",
+            "name": "sections",
+            "aria-label": "",
+            "type": "flexible_content",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "acfe_flexible_advanced": 1,
+            "acfe_flexible_stylised_button": 0,
+            "acfe_flexible_hide_empty_message": 0,
+            "acfe_flexible_empty_message": "",
+            "acfe_flexible_layouts_templates": 0,
+            "acfe_flexible_layouts_placeholder": 0,
+            "acfe_flexible_layouts_thumbnails": 0,
+            "acfe_flexible_async": [],
+            "acfe_flexible_add_actions": [
+                "copy",
+                "title",
+                "toggle"
+            ],
+            "acfe_flexible_remove_button": [],
+            "acfe_flexible_remove_top_actions": [],
+            "acfe_flexible_modal_edit": {
+                "acfe_flexible_modal_edit_enabled": "1",
+                "acfe_flexible_modal_edit_size": "xlarge"
+            },
+            "acfe_flexible_modal": {
+                "acfe_flexible_modal_enabled": "0",
+                "acfe_flexible_modal_title": false,
+                "acfe_flexible_modal_size": "xlarge",
+                "acfe_flexible_modal_col": "4",
+                "acfe_flexible_modal_categories": false
+            },
+            "acfe_flexible_modal_settings": {
+                "acfe_flexible_modal_settings_enabled": "1",
+                "acfe_flexible_modal_settings_size": "large",
+                "acfe_flexible_modal_settings_close": "1",
+                "acfe_flexible_modal_settings_close_label": ""
+            },
+            "layouts": {
+                "layout_6852f761e95b0": {
+                    "key": "layout_6852f761e95b0",
+                    "name": "text_block",
+                    "label": "Bloc de texte",
+                    "display": "block",
+                    "sub_fields": [
+                        {
+                            "key": "field_68eeceb62b8a6",
+                            "label": "Contenu",
+                            "name": "content",
+                            "aria-label": "",
+                            "type": "wysiwyg",
+                            "instructions": "",
+                            "required": 1,
+                            "conditional_logic": 0,
+                            "wrapper": {
+                                "width": "",
+                                "class": "",
+                                "id": ""
+                            },
+                            "default_value": "",
+                            "acfe_wysiwyg_height": 300,
+                            "acfe_wysiwyg_max_height": "",
+                            "acfe_wysiwyg_valid_elements": "",
+                            "acfe_wysiwyg_custom_style": "",
+                            "acfe_wysiwyg_disable_wp_style": 0,
+                            "acfe_wysiwyg_autoresize": 0,
+                            "acfe_wysiwyg_disable_resize": 0,
+                            "acfe_wysiwyg_remove_path": 0,
+                            "acfe_wysiwyg_menubar": 0,
+                            "acfe_wysiwyg_transparent": 0,
+                            "acfe_wysiwyg_merge_toolbar": 0,
+                            "acfe_wysiwyg_custom_toolbar": 0,
+                            "required_message": "",
+                            "allow_in_bindings": 0,
+                            "tabs": "all",
+                            "toolbar": "full",
+                            "media_upload": 1,
+                            "delay": 0,
+                            "show_in_graphql": 1,
+                            "graphql_description": "",
+                            "graphql_field_name": "content",
+                            "graphql_non_null": 1,
+                            "acfe_wysiwyg_auto_init": 0,
+                            "acfe_wysiwyg_min_height": 300,
+                            "acfe_wysiwyg_toolbar_buttons": []
+                        }
+                    ],
+                    "min": "",
+                    "max": "",
+                    "acfe_flexible_modal_edit_size": "",
+                    "acfe_flexible_settings": [
+                        "group_layout_contained"
+                    ],
+                    "acfe_flexible_settings_size": "large",
+                    "acfe_flexible_render_template": false,
+                    "acfe_flexible_render_style": false,
+                    "acfe_flexible_render_script": false,
+                    "acfe_flexible_thumbnail": false,
+                    "acfe_flexible_category": false
+                }
+            },
+            "min": "",
+            "max": "",
+            "button_label": "Ajouter un élément",
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "sections",
+            "graphql_non_null": 0,
+            "acfe_flexible_layouts_previews": false,
+            "acfe_flexible_close_button_label": "",
+            "acfe_flexible_layouts_state": false
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "abstract"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "acf_after_title",
+    "style": "seamless",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": [
+        "the_content"
+    ],
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "show_in_graphql": 1,
+    "graphql_field_name": "GroupAbstractBuilder",
+    "map_graphql_types_from_location_rules": 0,
+    "graphql_types": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1768358815
+}

wp-content/themes/moonshine/acf-json/group_layout_contained.json

@@ -0,0 +1,149 @@
+{
+    "key": "group_layout_contained",
+    "title": "Layout - Contained",
+    "fields": [
+        {
+            "key": "field_68dc29d78941c",
+            "label": "Conteneur",
+            "name": "container",
+            "aria-label": "",
+            "type": "select",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "choices": {
+                "default": "1536px",
+                "xl": "1280px",
+                "lg": "1024px",
+                "fluid": "Largeur fluide",
+                "none": "Pleine largeur"
+            },
+            "default_value": "default",
+            "return_format": "value",
+            "multiple": 0,
+            "max": "",
+            "prepend": "",
+            "append": "",
+            "required_message": "",
+            "allow_null": 0,
+            "allow_in_bindings": 0,
+            "ui": 0,
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "container",
+            "graphql_non_null": 1,
+            "ajax": 0,
+            "placeholder": "",
+            "create_options": 0,
+            "save_options": 0,
+            "allow_custom": 0,
+            "search_placeholder": "",
+            "min": ""
+        },
+        {
+            "key": "field_693c8c3b5ce50",
+            "label": "Espacement vertical",
+            "name": "vertical_padding",
+            "aria-label": "",
+            "type": "select",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "choices": {
+                "sm": "Petit (12px)",
+                "md": "Medium (24px)",
+                "lg": "Grand (48px)"
+            },
+            "default_value": "md",
+            "return_format": "value",
+            "multiple": 0,
+            "allow_null": 0,
+            "allow_in_bindings": 0,
+            "ui": 0,
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "verticalPadding",
+            "graphql_non_null": 1,
+            "ajax": 0,
+            "placeholder": "",
+            "create_options": 0,
+            "save_options": 0,
+            "allow_custom": 0,
+            "search_placeholder": ""
+        },
+        {
+            "key": "field_693c8c945ce51",
+            "label": "Couleur d'arrière-plan",
+            "name": "bg_color",
+            "aria-label": "",
+            "type": "select",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "choices": {
+                "default": "Par défaut",
+                "muted": "Atténué",
+                "inverted": "Inversé"
+            },
+            "default_value": "default",
+            "return_format": "value",
+            "multiple": 0,
+            "allow_null": 0,
+            "allow_in_bindings": 0,
+            "ui": 0,
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "bgColor",
+            "graphql_non_null": 1,
+            "ajax": 0,
+            "placeholder": "",
+            "create_options": 0,
+            "save_options": 0,
+            "allow_custom": 0,
+            "search_placeholder": ""
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "abstract"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "default",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "show_in_graphql": 1,
+    "graphql_field_name": "GroupLayoutContained",
+    "map_graphql_types_from_location_rules": 0,
+    "graphql_types": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1768358794
+}

wp-content/themes/moonshine/acf-json/group_options_site.json

@@ -0,0 +1,60 @@
+{
+    "key": "group_options_site",
+    "title": "Options - Site",
+    "fields": [
+        {
+            "key": "field_697220310aaaf",
+            "label": "Email",
+            "name": "email",
+            "aria-label": "",
+            "type": "email",
+            "instructions": "",
+            "required": 1,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "default_value": "",
+            "allow_in_bindings": 0,
+            "placeholder": "",
+            "prepend": "",
+            "append": "",
+            "show_in_graphql": 1,
+            "graphql_description": "",
+            "graphql_field_name": "email",
+            "graphql_non_null": 1
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "options_page",
+                "operator": "==",
+                "value": "site-options"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "seamless",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": "",
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "show_in_graphql": 1,
+    "graphql_field_name": "GroupSite",
+    "map_graphql_types_from_location_rules": 0,
+    "graphql_types": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1769087407
+}

wp-content/themes/moonshine/acf-json/group_post_page.json

@@ -0,0 +1,66 @@
+{
+    "key": "group_post_page",
+    "title": "Post - Page",
+    "fields": [
+        {
+            "key": "field_690cbda0abcbb",
+            "label": "Constructeur de page",
+            "name": "builder",
+            "aria-label": "",
+            "type": "clone",
+            "instructions": "",
+            "required": 0,
+            "conditional_logic": 0,
+            "wrapper": {
+                "width": "",
+                "class": "",
+                "id": ""
+            },
+            "graphql_field_name": "builder",
+            "clone": [
+                "group_abstract_builder"
+            ],
+            "display": "seamless",
+            "layout": "block",
+            "prefix_label": 0,
+            "prefix_name": 0,
+            "acfe_seamless_style": 0,
+            "acfe_clone_modal": 0,
+            "acfe_clone_modal_close": 0,
+            "acfe_clone_modal_button": "",
+            "acfe_clone_modal_size": "large"
+        }
+    ],
+    "location": [
+        [
+            {
+                "param": "post_type",
+                "operator": "==",
+                "value": "page"
+            }
+        ]
+    ],
+    "menu_order": 0,
+    "position": "normal",
+    "style": "seamless",
+    "label_placement": "top",
+    "instruction_placement": "label",
+    "hide_on_screen": [
+        "the_content"
+    ],
+    "active": true,
+    "description": "",
+    "show_in_rest": 0,
+    "display_title": "",
+    "acfe_autosync": [
+        "json"
+    ],
+    "acfe_form": 0,
+    "show_in_graphql": 1,
+    "graphql_field_name": "GroupPostPage",
+    "map_graphql_types_from_location_rules": 0,
+    "graphql_types": "",
+    "acfe_meta": "",
+    "acfe_note": "",
+    "modified": 1768336934
+}

wp-content/themes/moonshine/acf-json/ui_options_page_site.json

@@ -0,0 +1,25 @@
+{
+    "key": "ui_options_page_site",
+    "title": "Options du site",
+    "active": true,
+    "menu_order": 0,
+    "page_title": "Options du site",
+    "menu_slug": "site-options",
+    "parent_slug": "options-general.php",
+    "advanced_configuration": 1,
+    "icon_url": "",
+    "menu_title": "",
+    "position": "",
+    "redirect": false,
+    "description": "",
+    "menu_icon": [],
+    "update_button": "Mise à jour",
+    "updated_message": "Options mises à jours",
+    "capability": "edit_posts",
+    "data_storage": "options",
+    "post_id": "",
+    "autoload": 0,
+    "show_in_graphql": 1,
+    "graphql_type_name": "OptionsSite",
+    "modified": 1769086997
+}

wp-content/themes/moonshine/app/app.config.ts

@@ -0,0 +1,13 @@
+export default defineAppConfig({
+  ui: {
+    colors: {
+      primary: "indigo",
+      neutral: "neutral",
+    },
+    button: {
+      slots: {
+        base: "cursor-pointer",
+      },
+    },
+  },
+});

wp-content/themes/moonshine/app/assets/css/_main.css

@@ -0,0 +1,10 @@
+@import "tailwindcss" theme(static) source("../../.."); 
+@import "@nuxt/ui";
+
+@import "./a11y.css";
+@import "./containers.css";
+@import "./links.css";
+@import "./prose.css";
+@import "./typography.css";
+
+@import "./vendors/tinymce.css";

wp-content/themes/moonshine/app/assets/css/a11y.css

@@ -0,0 +1,7 @@
+@utility disabled-default {
+  @apply disabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75;
+}
+
+@utility focus-default {
+  @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2;
+}

wp-content/themes/moonshine/app/assets/css/containers.css

@@ -0,0 +1,47 @@
+:root {
+  --ui-container: var(--breakpoint-2xl);
+}
+
+/* Container padding */
+@utility px-container {
+  @apply px-4 sm:px-6 lg:px-8;
+}
+
+/* Container sizes */
+@utility container { @apply mx-auto px-container max-w-(--breakpoint-2xl); }
+@utility container-xl { @apply container max-w-(--breakpoint-xl); }
+@utility container-lg { @apply container max-w-(--breakpoint-lg); }
+@utility container-md { @apply container max-w-(--breakpoint-md); }
+@utility container-sm { @apply container max-w-(--breakpoint-sm); }
+@utility container-fluid { @apply container max-w-screen; }
+@utility container-none { @apply w-full max-w-screen; }
+
+/* Split containers */
+:root {
+  --container-outside-margin: 0;
+  --container-width: 100vw;
+  @variant sm {
+    --container-outside-margin: calc(50vw - theme("screens.sm") / 2);
+    --container-width: theme("screens.sm");
+  }
+  @variant md {
+    --container-outside-margin: calc(50vw - theme("screens.md") / 2);
+    --container-width: theme("screens.md");
+  }
+  @variant lg {
+    --container-outside-margin: calc(50vw - theme("screens.lg") / 2);
+    --container-width: theme("screens.lg");
+  }
+  @variant xl {
+    --container-outside-margin: calc(50vw - theme("screens.xl") / 2);
+    --container-width: theme("screens.xl");
+  }
+  @variant 2xl {
+    --container-outside-margin: calc(50vw - theme("screens.2xl") / 2);
+    --container-width: theme("screens.2xl");
+  }
+}
+
+@utility container-left { @apply ml-(--container-outside-margin) px-container;}
+@utility container-right { @apply mr-(--container-outside-margin) px-container;}
+@utility container-half {  width: calc(var(--container-width) / 2);}

wp-content/themes/moonshine/app/assets/css/links.css

@@ -0,0 +1,7 @@
+/* Variant to target all children links without specific link or button classes */
+@custom-variant links (& a:not([class*='link-']):not([class*='button-']));
+
+/* Link styles */
+@utility link-base { @apply cursor-pointer disabled-default transition; }
+@utility link-underline { @apply link-base underline hover:decoration-primary; }
+@utility link-opacity { @apply link-base hover:opacity-80; }

wp-content/themes/moonshine/app/assets/css/prose.css

@@ -0,0 +1,16 @@
+@utility prose {
+  /* Headings (allow class overrides) */
+  h1:not([class*="heading-"]) { @apply heading-1; }
+  h2:not([class*="heading-"]) { @apply heading-2; }
+  h3:not([class*="heading-"]) { @apply heading-3; }
+  h4:not([class*="heading-"]) { @apply heading-4; }
+
+  /* Links */
+  @apply links:link-underline;
+
+  /* Paragraphs */
+  p:not([class*="paragraph-"]) { @apply paragraph-base; }
+
+  /* Spacing */
+  @apply space-y-2;
+}

wp-content/themes/moonshine/app/assets/css/typography.css

@@ -0,0 +1,10 @@
+/* Heading styles */
+@utility heading-base { @apply font-bold tracking-tight };
+@utility heading-1 { @apply heading-base text-4xl; }
+@utility heading-2 { @apply heading-base text-3xl; }
+@utility heading-3 { @apply heading-base text-2xl; }
+@utility heading-4 { @apply heading-base text-xl; }
+
+/* Paragraph styles */
+@utility paragraph-base { @apply font-sans; }
+@utility paragraph-lead { @apply paragraph-base text-2xl; }

wp-content/themes/moonshine/app/assets/css/vendors/tinymce.css

@@ -0,0 +1,3 @@
+body#tinymce {
+  @apply prose;
+}

wp-content/themes/moonshine/app/components/auth/AuthConnexionButton.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+const { isLoggedIn } = useAuth();
+const attrs = computed(() => {
+  return isLoggedIn.value
+    ? {
+        label: "Déconnexion",
+        icon: "i-lucide-log-out",
+      }
+    : {
+        label: "Connexion",
+        icon: "i-lucide-log-in",
+      };
+});
+</script>
+
+<template>
+  <AuthState>
+    <UButton to="/connexion" v-bind="attrs" color="neutral" />
+  </AuthState>
+</template>

wp-content/themes/moonshine/app/components/auth/AuthLoginForm.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+const { login } = useAuthConnexion();
+const fields = [
+  {
+    name: "username",
+    type: "text" as const,
+    label: "Courriel",
+    placeholder: "Entrez votre courriel",
+    required: true,
+  }, {
+    name: "password",
+    label: "Mot de passe",
+    type: "password" as const,
+    placeholder: "Entrez votre mot de passe",
+    required: true,
+  },
+];
+</script>
+
+<template>
+  <UAuthForm
+    :schema="authLoginFormSchema"
+    :fields="fields"
+    title="Connexion"
+    description="Veuillez vous identifier."
+    loading-auto
+    @submit="login"
+  />
+</template>

wp-content/themes/moonshine/app/components/auth/AuthLogoutForm.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+const { logout } = useAuthConnexion();
+</script>
+
+<template>
+  <div class="w-full space-y-6">
+    <div class="flex flex-col text-center">
+      <div class="text-xl text-pretty font-semibold text-highlighted">
+        Déconnexion
+      </div>
+      <div class="mt-1 text-base text-pretty text-muted">
+        Veuillez confirmer la déconnexion.
+      </div>
+    </div>
+    <UButton
+      icon="i-lucide-log-out"
+      block
+      loading-auto
+      to="#"
+      label="Déconnexion"
+      @click="logout()"
+    />
+  </div>
+</template>

wp-content/themes/moonshine/app/components/auth/AuthRedirecting.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="w-full space-y-6">
+    <div class="flex flex-col text-center">
+      <div class="text-xl text-pretty font-semibold text-highlighted">
+        Redirection en cours
+      </div>
+      <div class="mt-1 text-base text-pretty text-muted">
+        Veuillez patienter...
+      </div>
+    </div>
+  </div>
+</template>

wp-content/themes/moonshine/app/components/builder/BuilderSections.fragment.gql

@@ -0,0 +1,8 @@
+fragment BuilderSections on GroupAbstractBuilder_Fields {
+  sections {
+    __typename
+    ... on GroupAbstractBuilderSectionsTextBlockLayout {
+      ... SectionTextBlock
+    }
+  }
+}

wp-content/themes/moonshine/app/components/builder/BuilderSections.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import type { BuilderSectionsFragment } from "#graphql/operations";
+
+const props = defineProps<BuilderSectionsFragment>();
+const sections = computed(() => {
+  return (props.sections || [])
+    .filter((section) => !!section)
+    .map(({ __typename, ...attrs }) => ({
+      componentName: __typename.replace(/^GroupAbstractBuilderSections(.+?)Layout$/, "Section$1"),
+      attrs,
+    }));
+});
+</script>
+
+<template>
+  <div id="builder-sections">
+    <Component
+      :is="componentName"
+      v-for="({ componentName, attrs }, index) in sections"
+      :key="index"
+      v-bind="attrs"
+    />
+  </div>
+</template>

wp-content/themes/moonshine/app/components/builder/LayoutContained.fragment.gql

@@ -0,0 +1,5 @@
+fragment LayoutContained on GroupLayoutContained_Fields {
+  container
+  verticalPadding
+  bgColor
+}

wp-content/themes/moonshine/app/components/builder/LayoutContained.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import type { LayoutContainedFragment } from "#graphql/operations";
+import { tv, type VariantProps } from "tailwind-variants";
+
+const props = defineProps<LayoutContainedFragment>();
+
+const layoutWrapperVariants = tv({
+  slots: {
+    base: "",
+    inner: "",
+  },
+  variants: {
+    container: {
+      default: { inner: "container" },
+      lg: { inner: "container-lg" },
+      xl: { inner: "container-xl" },
+      fluid: { inner: "container-fluid" },
+      none: { inner: "container-none" },
+    },
+    verticalPadding: {
+      sm: { base: "py-3" },
+      md: { base: "py-6" },
+      lg: { base: "py-12" },
+    },
+    bgColor: {
+      default: { base: "bg-default" },
+      muted: { base: "bg-muted" },
+      inverted: { base: "bg-inverted text-inverted" },
+    },
+  },
+  defaultVariants: {
+    container: "default",
+    verticalPadding: "md",
+    bgColor: "default",
+  },
+});
+const { base, inner } = layoutWrapperVariants({
+  container: props.container[0],
+  verticalPadding: props.verticalPadding[0],
+  bgColor: props.bgColor[0],
+} as VariantProps<typeof layoutWrapperVariants>);
+</script>
+
+<template>
+  <section :class="base()">
+    <div :class="inner()">
+      <slot />
+    </div>
+  </section>
+</template>

wp-content/themes/moonshine/app/components/nodes/NodePage.fragment.gql

@@ -0,0 +1,7 @@
+fragment NodePage on Page {
+  title
+  isFrontPage
+  groupPostPage {
+    ... BuilderSections
+  }
+}

wp-content/themes/moonshine/app/components/nodes/NodePage.global.vue

@@ -0,0 +1,14 @@
+<script setup lang="ts">
+import type { NodePageFragment } from "#graphql/operations";
+
+defineProps<NodePageFragment>();
+</script>
+
+<template>
+  <div id="node-page">
+    <h1 v-if="!isFrontPage" class="font-bold text-4xl">
+      {{ title }}
+    </h1>
+    <BuilderSections :sections="groupPostPage?.sections || []" />
+  </div>
+</template>

wp-content/themes/moonshine/app/components/sections/SectionAuthConnexion.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+const { isLoggedIn } = useAuth();
+const { isRedirecting } = useAuthConnexion();
+</script>
+
+<template>
+  <section data-section-name="auth-connexion" class="py-12">
+    <div class="container-sm">
+      <AuthState>
+        <AuthRedirecting v-if="isRedirecting" />
+        <template v-else>
+          <AuthLogoutForm v-if="isLoggedIn" />
+          <AuthLoginForm v-else />
+        </template>
+      </AuthState>
+    </div>
+  </section>
+</template>

wp-content/themes/moonshine/app/components/sections/SectionTextBlock.fragment.gql

@@ -0,0 +1,6 @@
+fragment SectionTextBlock on GroupAbstractBuilderSectionsTextBlockLayout {
+  content
+  layoutSettings {
+    ...LayoutContained
+  }
+}

wp-content/themes/moonshine/app/components/sections/SectionTextBlock.global.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+import type { SectionTextBlockFragment } from "#graphql/operations";
+
+defineProps<SectionTextBlockFragment>();
+</script>
+
+<template>
+  <LayoutContained data-section-type="text-block" v-bind="layoutSettings!">
+    <UiProse :content="content" />
+  </LayoutContained>
+</template>

wp-content/themes/moonshine/app/components/site/SiteFooter.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+</script>
+
+<template>
+  <UFooter id="site-footer">
+    <template #left>
+      <SiteFooterCopyright />
+    </template>
+    <template #right>
+      <SiteFooterCredits />
+    </template>
+  </UFooter>
+</template>

wp-content/themes/moonshine/app/components/site/SiteFooterCopyright.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+const { data } = await useAsyncGraphQLQuery("GeneralSettings", undefined, { cache: { ttl: 0 } });
+</script>
+
+<template>
+  <div>
+    © {{ new Date().getFullYear() }}
+    <span v-if="data.generalSettings?.title">{{ data.generalSettings.title }}</span>
+  </div>
+</template>

wp-content/themes/moonshine/app/components/site/SiteFooterCredits.vue

@@ -0,0 +1,6 @@
+<template>
+  <div class="flex items-center gap-1">
+    Fait avec <UIcon name="i-lucide-heart" /> par
+    <ULink href="https://websimple.com" target="_blank" external title="Site web développé par Websimple">Websimple</ULink>
+  </div>
+</template>

wp-content/themes/moonshine/app/components/site/SiteHeader.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const title = "Moonshine";
+</script>
+
+<template>
+  <UHeader :title="title">
+    <template #right>
+      <AuthConnexionButton />
+    </template>
+  </UHeader>
+</template>

wp-content/themes/moonshine/app/components/ui/UiProse.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+defineProps<{ content: string }>();
+const refContent = useTemplateRef("refContent");
+useProseLinks(refContent);
+</script>
+
+<template>
+  <div ref="refContent" class="prose" v-html="content" />
+</template>

wp-content/themes/moonshine/app/composables/useAuth.ts

@@ -0,0 +1,6 @@
+export function useAuth() {
+  const { loggedIn: isLoggedIn, session } = useUserSession();
+  const hasRole = (role: string) => session.value?.user?.roles?.includes(role) || false;
+  const isAdmin = computed(() => hasRole("administrator"));
+  return { isLoggedIn, hasRole, isAdmin };
+}

wp-content/themes/moonshine/app/composables/useAuthConnexion.ts

@@ -0,0 +1,71 @@
+import type { FormSubmitEvent } from "@nuxt/ui";
+
+const isRedirecting = ref(false);
+
+export function useAuthConnexion() {
+  const toast = useToast();
+  const { fetch: refreshUserSession } = useUserSession();
+  const routeRedirect = useRoute().query.redirect as string || undefined;
+
+  // Helper: Redirect after login / logout
+  async function redirectTo(to: string | undefined) {
+    isRedirecting.value = true;
+    await delay(1000);
+    await refreshUserSession();
+    await navigateTo(to || routeRedirect || "/");
+  }
+
+  // Login
+  async function login({ data: body }: FormSubmitEvent<AuthLoginForm>, redirect?: string) {
+    try {
+      const { success, message } = await $fetch("/api/login", { method: "POST", body });
+      if (!success) {
+        throw new Error(message);
+      }
+      toast.add({
+        title: "Connexion réussie",
+        color: "success",
+        description: message,
+        duration: 3000,
+      });
+      await redirectTo(redirect);
+    }
+    catch (error) {
+      console.log(error);
+      toast.add({
+        title: "Erreur de connexion",
+        color: "error",
+        description: error instanceof Error ? error.message : "Une erreur est survenue lors de la connexion.",
+        duration: 5000,
+      });
+    }
+  }
+
+  // Logout
+  async function logout(redirect?: string) {
+    try {
+      const result = await $fetch("/api/logout", { method: "POST" });
+      if (!result.success) {
+        throw new Error("Échec de la déconnexion.");
+      }
+      toast.add({
+        title: "Déconnexion réussie",
+        color: "success",
+        description: "Vous avez été déconnecté avec succès.",
+        duration: 3000,
+      });
+      await redirectTo(redirect);
+    }
+    catch (error) {
+      console.log(error);
+      toast.add({
+        title: "Erreur de déconnexion",
+        color: "error",
+        description: error instanceof Error ? error.message : "Une erreur est survenue lors de la déconnexion.",
+        duration: 5000,
+      });
+    }
+  }
+
+  return { isRedirecting, login, logout };
+}

wp-content/themes/moonshine/app/composables/useNodeSeo.ts

@@ -0,0 +1,20 @@
+import type { NodeByUriQueryResult, NodeSeoFragment } from "#graphql/operations";
+
+export function useNodeSeo(node: NodeByUriQueryResult["nodeByUri"]) {
+  // Check if node has SEO data
+  if (!node || !("seo" in node) || !node.seo) {
+    return;
+  }
+  const { seo } = node as NodeSeoFragment;
+
+  useSeoMeta({
+    title: seo?.title || undefined,
+    description: seo?.description || undefined,
+    robots: (seo?.robots || []).join(", "),
+    ogTitle: seo?.openGraph?.title || undefined,
+    ogDescription: seo?.openGraph?.description || undefined,
+    ogImage: seo?.openGraph?.image?.url || undefined,
+    ogUrl: seo?.canonicalUrl || undefined,
+    twitterCard: "summary_large_image",
+  });
+}

wp-content/themes/moonshine/app/composables/useProseLinks.ts

@@ -0,0 +1,65 @@
+export function useProseLinks(refContent: Ref<HTMLElement | null>) {
+  const router = useRouter();
+  const { url } = useSiteConfig();
+  const siteUrl = new URL(url);
+
+  // Determine if the href is internal
+  const isInternal = (href: string) => {
+    if (!href) return false;
+    if (href.startsWith("/")) return true;
+    if (href.startsWith("#")) return false;
+    try {
+      const hrefUrl = new URL(href);
+      return hrefUrl.hostname === siteUrl.hostname;
+    }
+    catch {
+      return false;
+    }
+  };
+
+  // Convert href to relative path
+  const convertToRelative = (href: string) => {
+    if (href.startsWith("/")) return href;
+    try {
+      const hrefUrl = new URL(href);
+      if (hrefUrl.hostname === siteUrl.hostname) {
+        return hrefUrl.pathname + hrefUrl.search + hrefUrl.hash;
+      }
+    }
+    catch {
+      // Invalid URL
+    }
+    return href;
+  };
+
+  // Highjack click events to use router for internal links
+  const handleClick = (e: MouseEvent) => {
+    const target = e.target as HTMLElement;
+    const link = target.closest("a");
+    if (!link) return;
+    const href = link.getAttribute("href");
+    if (!href) return;
+    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || link.target === "_blank" || link.hasAttribute("download")) {
+      return;
+    }
+    if (isInternal(href)) {
+      e.preventDefault();
+      const path = convertToRelative(href);
+      router.push(path);
+    }
+  };
+
+  // Attach and detach event listeners
+  onMounted(() => {
+    const element = unref(refContent);
+    if (element) {
+      element.addEventListener("click", handleClick);
+    }
+  });
+  onBeforeUnmount(() => {
+    const element = unref(refContent);
+    if (element) {
+      element.removeEventListener("click", handleClick);
+    }
+  });
+}

wp-content/themes/moonshine/app/composables/useReponsive.ts

@@ -0,0 +1,9 @@
+import { breakpointsTailwind, useBreakpoints } from "@vueuse/core";
+
+export function useResponsive() {
+  const { isMobileOrTablet } = useDevice();
+  const breakpoints = useBreakpoints(breakpointsTailwind, { ssrWidth: isMobileOrTablet ? 375 : 1024 });
+  const isDesktop = breakpoints.greaterOrEqual("lg");
+
+  return { breakpoints, isDesktop };
+}

wp-content/themes/moonshine/app/error.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { fr } from "@nuxt/ui/locale";
+import type { NuxtError } from "#app";
+
+const props = defineProps<{ error: NuxtError }>();
+const formattedError = computed(() => {
+  const error = {
+    statusCode: props.error.statusCode,
+    statusMessage: props.error.statusMessage,
+    message: props.error.message,
+  };
+  switch (error.statusCode) {
+    case 404:
+      error.statusMessage = "Page non trouvée";
+      break;
+    case 500:
+      error.message = "Erreur interne du serveur.";
+      break;
+  }
+  return error;
+});
+</script>
+
+<template>
+  <UApp :locale="fr">
+    <UError :error="formattedError" />
+  </UApp>
+</template>

wp-content/themes/moonshine/app/graphql/AuthLogin.mutation.gql

@@ -0,0 +1,19 @@
+fragment AuthUser on User {
+	id
+	email
+	roles {
+		nodes {
+			name
+		}
+	}
+}
+
+mutation AuthLogin($username: String!, $password: String!) {
+login( input: { provider: PASSWORD, credentials: { username: $username, password: $password }}) {
+    authToken
+    refreshToken
+    user {
+      ... AuthUser
+    }
+  }
+}

wp-content/themes/moonshine/app/graphql/AuthRefreshToken.mutation.gql

@@ -0,0 +1,5 @@
+mutation AuthRefreshToken($refreshToken: String!) {
+	refreshToken( input: { refreshToken: $refreshToken }) {
+		authToken
+	}
+}

wp-content/themes/moonshine/app/graphql/GeneralSettings.query.gql

@@ -0,0 +1,10 @@
+fragment GeneralSettings on GeneralSettings {
+  title
+  description
+}
+
+query GeneralSettings {
+  generalSettings {
+    ... GeneralSettings
+  }
+}

wp-content/themes/moonshine/app/graphql/NodebyUri.query.gql

@@ -0,0 +1,27 @@
+fragment NodeSeo on NodeWithRankMathSeo {
+  seo {
+    title
+    description
+    robots
+    canonicalUrl
+    openGraph {
+      title
+      description
+      image {
+        url
+      }
+    }
+  }
+}
+
+query NodeByUri($uri: String!) {
+  nodeByUri(uri: $uri) {
+    __typename
+    ... on Page {
+      ... NodePage
+    }
+    ... on NodeWithRankMathSeo {
+      ... NodeSeo
+    }
+  }
+}

wp-content/themes/moonshine/app/graphql/OptionsSite.query.gql

@@ -0,0 +1,11 @@
+fragment SiteOptions on GroupSite_Fields {
+  email
+}
+
+query OptionsSite {
+  optionsSite {
+    groupSite {
+      ... SiteOptions
+    }
+  }
+}

wp-content/themes/moonshine/app/layouts/default.vue

@@ -1,8 +1,13 @@
 <script setup lang="ts">
+import { fr } from "@nuxt/ui/locale";
 </script>
 
 <template>
-  <div id="layout-default">
+  <UApp id="layout-default" :locale="fr">
-    <NuxtPage />
+    <SiteHeader />
-  </div>
+    <UMain>
+      <slot />
+    </UMain>
+    <SiteFooter />
+  </UApp>
 </template>

wp-content/themes/moonshine/app/pages/[...uri].vue

@@ -1,8 +1,20 @@
 <script setup lang="ts">
+// Resolve Node component from URI
+const { path: uri } = useRoute();
+const { data } = await useAsyncGraphQLQuery("NodeByUri", { uri });
+if (!data.value?.nodeByUri) {
+  throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true });
+}
+const componentName = `Node${data.value.nodeByUri.__typename}`;
+if (!useNuxtApp().vueApp.component(componentName)) {
+  throw createError({ statusCode: 404, message: `La page demandée ne peut pas être affichée correctement: ${componentName}`, fatal: true });
+}
+
+useNodeSeo(data.value.nodeByUri);
 </script>
 
 <template>
-  <div id="page-node-from-uri">
+  <div v-if="data?.nodeByUri" id="page-node-from-uri">
-    <h1>Moonshine</h1>
+    <Component :is="componentName" v-bind="data.nodeByUri" />
   </div>
 </template>

wp-content/themes/moonshine/app/pages/connexion.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+const { isRedirecting } = useAuthConnexion();
+onBeforeMount(() => {
+  isRedirecting.value = false;
+});
+</script>
+
+<template>
+  <div id="page-connexion">
+    <SectionAuthConnexion />
+  </div>
+</template>

wp-content/themes/moonshine/functions.php

@@ -1 +1,13 @@
 <?php
+
+// Core
+require_once __DIR__ . '/includes/core/theme-setup.php';
+
+// Vendors
+require_once __DIR__ . '/includes/vendors/acf.php';
+require_once __DIR__ . '/includes/vendors/rankmath.php';
+require_once __DIR__ . '/includes/vendors/tinymce.php';
+require_once __DIR__ . '/includes/vendors/wpgraphql.php';
+
+// WPGraphQL
+require_once __DIR__ . '/includes/wpgraphql/term-connection.php';

wp-content/themes/moonshine/graphql.config.json

@@ -0,0 +1,4 @@
+{
+  "schema": "./server/graphql/schema.graphql",
+  "documents": "**/*.gql"
+}

wp-content/themes/moonshine/includes/core/theme-setup.php

@@ -0,0 +1,27 @@
+<?php
+
+// Setup theme
+add_action( 'after_setup_theme', 'moonshine_after_setup_theme' );
+function moonshine_after_setup_theme() {
+	// Load textdomain
+	load_theme_textdomain( 'moonshine', get_theme_file_path( 'languages' ) );
+
+	// Theme features
+	add_theme_support( 'custom-logo' );
+	add_theme_support( 'editor-styles' );
+	remove_theme_support( 'core-block-patterns' );
+
+	// Register menus
+	register_nav_menu( 'main', __( "Main menu", 'moonshine' ) );
+
+	// Register sidebars
+}
+
+// Display theme version in admin footer
+add_filter( 'update_footer', 'moonshine_update_footer', 100 );
+function moonshine_update_footer() {
+	$package_json = json_decode( file_get_contents( get_theme_file_path( 'package.json' ) ), true );
+	$name         = $package_json['name'] ?? 'moonshine';
+	$version      = $package_json['version'] ?? '(unknown)';
+	return sprintf( '%s v%s', esc_html( $name ), esc_html( $version ) );
+}

wp-content/themes/moonshine/includes/vendors/acf.php

@@ -0,0 +1,15 @@
+<?php
+
+// Disable ACF / ACFE modules
+add_filter( 'acf/settings/enable_post_types', '__return_false' );
+add_action( 'acf/init', 'moonshine_acf_init' );
+function moonshine_acf_init() {
+	acf_update_setting( 'acfe/modules/block_types', false );
+	acf_update_setting( 'acfe/modules/categories', false );
+	acf_update_setting( 'acfe/modules/forms', false );
+	acf_update_setting( 'acfe/modules/options', false );
+	acf_update_setting( 'acfe/modules/options_pages', false );
+	acf_update_setting( 'acfe/modules/post_types', false );
+	acf_update_setting( 'acfe/modules/taxonomies', false );
+	acf_update_setting( 'acfe/modules/templates', false );
+}

wp-content/themes/moonshine/includes/vendors/rankmath.php

@@ -0,0 +1 @@
+<?php

wp-content/themes/moonshine/includes/vendors/tinymce.php

@@ -0,0 +1,129 @@
+<?php
+
+// Enable formats (styleselect) in TinyMCE
+add_filter( 'mce_buttons', 'moonshine_tinymce_styleselect' );
+function moonshine_tinymce_styleselect( $buttons ) {
+	array_unshift( $buttons, 'styleselect' );
+	return $buttons;
+}
+
+// Configure TinyMCE
+add_filter( 'tiny_mce_before_init', 'moonshine_tiny_mce_before_init' );
+function moonshine_tiny_mce_before_init( $settings ) {
+	// Reset TinyMCE editor CSS
+	if ( isset( $settings['content_css'] ) ) {
+		$content_css = explode( ',', $settings['content_css'] );
+		unset( $content_css[1] ); // wp-content.min.css
+		$settings['content_css'] = implode( ',', $content_css );
+	}
+
+	// Format styles
+	$settings['style_formats'] = wp_json_encode(
+		array(
+			array(
+				'title' => __( "Link styles", 'moonshine' ),
+				'items' => array(// Link styles
+					array(
+						'title'    => "Lien (opacité)",
+						'selector' => 'a',
+						'classes'  => 'link-opacity',
+					),
+				),
+			),
+			array(
+				'title' => __( "Inline styles", 'moonshine' ),
+				'items' => array(// Inline styles
+					array(
+						'title'   => __( "Semi-bold", 'moonshine' ),
+						'inline'  => 'span',
+						'classes' => 'font-semibold',
+					),
+				),
+			),
+			array(
+				'title' => __( "Paragraph styles", 'moonshine' ),
+				'items' => array(// Paragraph styles
+					array(
+						'title'   => "Paragraphe vedette",
+						'block'   => 'p',
+						'classes' => 'paragraph-lead',
+					),
+				),
+			),
+			array(
+				'title' => __( "Heading styles", 'moonshine' ),
+				'items' => array(// Heading styles
+					array(
+						'title'    => "Titre 1",
+						'selector' => 'h1,h2,h3,h4',
+						'classes'  => 'heading-1',
+					),
+					array(
+						'title'    => "Titre 2",
+						'selector' => 'h1,h2,h3,h4',
+						'classes'  => 'heading-2',
+					),
+					array(
+						'title'    => "Titre 3",
+						'selector' => 'h1,h2,h3,h4',
+						'classes'  => 'heading-3',
+					),
+					array(
+						'title'    => "Titre 4",
+						'selector' => 'h1,h2,h3,h4',
+						'classes'  => 'heading-4',
+					),
+				),
+			),
+		)
+	);
+
+	// Block styles
+	$settings['block_formats'] = implode(
+		';',
+		array(
+			'Paragraph=p',
+			'Heading 1=h1',
+			'Heading 2=h2',
+			'Heading 3=h3',
+			'Heading 4=h4',
+		)
+	);
+
+	return $settings;
+}
+
+// Override TinyMCE editor styles
+add_filter( 'mce_css', 'moonshine_override_editor_styles' );
+function moonshine_override_editor_styles() {
+	return get_stylesheet_directory_uri() . '/editor-style.css';
+}
+
+// Remove default TinyMCE styles for all editors (WordPress & ACF)
+add_action( 'admin_print_footer_scripts', 'moonshine_remove_tinymce_default_styles', 99 );
+function moonshine_remove_tinymce_default_styles() {
+	?>
+	<script>
+	(function($) {
+		if (typeof tinymce !== 'undefined') {
+			tinymce.on('AddEditor', function({editor}) {
+				editor.on('init', function() {
+					$(editor.iframeElement).contents().find("link[href*='content.min.css']").remove();
+				});
+			});
+		}
+	})(jQuery);
+	</script>
+	<?php
+}
+// Convert absolute URLs to relative in link query
+add_filter( 'wp_link_query', 'moonshine_tinymce_relative_urls' );
+function moonshine_tinymce_relative_urls( $results ) {
+	foreach ( $results as &$result ) {
+		if ( empty( $result['permalink'] ) ) {
+			continue;
+		}
+		$result['permalink'] = str_replace( get_home_url(), '', $result['permalink'] );
+	}
+	return $results;
+}

wp-content/themes/moonshine/includes/vendors/wpgraphql.php

@@ -0,0 +1,17 @@
+<?php
+
+// Default WPGraphQL settings
+add_filter( 'graphql_get_setting_section_field_value', 'moonshine_wpgraphql_settings', 10, 5 );
+function moonshine_wpgraphql_settings( $value, $default_value, $option_name, $section_fields, $section_name ) {
+	if ( $section_name === 'graphql_general_settings' ) {
+		switch ( $option_name ) {
+			case 'graphql_endpoint':
+				$value = 'graphql';
+				break;
+			case "public_introspection_enabled":
+					$value = "on";
+				break;
+		}
+	}
+	return $value;
+}

wp-content/themes/moonshine/includes/wpgraphql/term-connection.php

@@ -0,0 +1,13 @@
+<?php
+
+// Override TermConnection query args
+add_filter( 'graphql_term_object_connection_query_args', 'moonshine_graphql_term_object_connection_query_args', 10, 3 );
+function moonshine_graphql_term_object_connection_query_args( $query_args, $source, $args ) {
+	// Sort by 'order' meta value instead of legacy 'term_order' field
+	if ( 'term_order' === $args['where']['orderby'] ?? false ) {
+		$query_args['meta_key'] = 'order';
+		$query_args['orderby']  = 'meta_value_num';
+	}
+
+	return $query_args;
+}

wp-content/themes/moonshine/languages/fr_CA.l10n.php

@@ -0,0 +1,2 @@
+<?php
+return ['project-id-version'=>'Moonshine','report-msgid-bugs-to'=>'','pot-creation-date'=>'2026-01-13 15:52+0000','po-revision-date'=>'2026-01-29 02:55+0000','last-translator'=>'','language-team'=>'Français du Canada','language'=>'fr_CA','plural-forms'=>'nplurals=2; plural=n > 1;','mime-version'=>'1.0','content-type'=>'text/plain; charset=UTF-8','content-transfer-encoding'=>'8bit','x-generator'=>'Loco https://localise.biz/','x-loco-version'=>'2.8.1; wp-6.9; php-8.3.27','x-domain'=>'moonshine','messages'=>['Heading styles'=>'Styles de titres','Headless WordPress theme based on Nuxt.'=>'Thème Wordpress headless basé sur Nuxt.','https://websimple.com/'=>'https://websimple.com/','Inline styles'=>'Styles de caractères','Link styles'=>'Styles de liens','Main menu'=>'Menu principal','Moonshine'=>'Moonshine','Paragraph styles'=>'Styles de paragraphes','Pascal Martineau '=>'Pascal Martineau ','Semi-bold'=>'Semi-gras']];

wp-content/themes/moonshine/languages/fr_CA.po

@@ -0,0 +1,56 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: Moonshine\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2026-01-13 15:52+0000\n"
+"PO-Revision-Date: 2026-01-29 02:55+0000\n"
+"Last-Translator: \n"
+"Language-Team: Français du Canada\n"
+"Language: fr_CA\n"
+"Plural-Forms: nplurals=2; plural=n > 1;\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Loco https://localise.biz/\n"
+"X-Loco-Version: 2.8.1; wp-6.9; php-8.3.27\n"
+"X-Domain: moonshine"
+
+#: includes/vendors/tinymce.php:54
+msgid "Heading styles"
+msgstr "Styles de titres"
+
+#. Description of the theme
+msgid "Headless WordPress theme based on Nuxt."
+msgstr "Thème Wordpress headless basé sur Nuxt."
+
+#. Author URI of the theme
+msgid "https://websimple.com/"
+msgstr "https://websimple.com/"
+
+#: includes/vendors/tinymce.php:34
+msgid "Inline styles"
+msgstr "Styles de caractères"
+
+#: includes/vendors/tinymce.php:24
+msgid "Link styles"
+msgstr "Styles de liens"
+
+#: includes/core/theme-setup.php:15
+msgid "Main menu"
+msgstr "Menu principal"
+
+#. Name of the theme
+msgid "Moonshine"
+msgstr "Moonshine"
+
+#: includes/vendors/tinymce.php:44
+msgid "Paragraph styles"
+msgstr "Styles de paragraphes"
+
+#. Author of the theme
+msgid "Pascal Martineau "
+msgstr "Pascal Martineau "
+
+#: includes/vendors/tinymce.php:37
+msgid "Semi-bold"
+msgstr "Semi-gras"

wp-content/themes/moonshine/languages/moonshine.pot

@@ -0,0 +1,57 @@
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: Moonshine\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2026-01-29 02:55+0000\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: \n"
+"Language: \n"
+"Plural-Forms: nplurals=INTEGER; plural=EXPRESSION;\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: Loco https://localise.biz/\n"
+"X-Loco-Version: 2.8.1; wp-6.9; php-8.3.27\n"
+"X-Domain: moonshine"
+
+#: includes/vendors/tinymce.php:54
+msgid "Heading styles"
+msgstr ""
+
+#. Description of the theme
+msgid "Headless WordPress theme based on Nuxt."
+msgstr ""
+
+#. Author URI of the theme
+msgid "https://websimple.com/"
+msgstr ""
+
+#: includes/vendors/tinymce.php:34
+msgid "Inline styles"
+msgstr ""
+
+#: includes/vendors/tinymce.php:24
+msgid "Link styles"
+msgstr ""
+
+#: includes/core/theme-setup.php:15
+msgid "Main menu"
+msgstr ""
+
+#. Name of the theme
+msgid "Moonshine"
+msgstr ""
+
+#: includes/vendors/tinymce.php:44
+msgid "Paragraph styles"
+msgstr ""
+
+#. Author of the theme
+msgid "Pascal Martineau "
+msgstr ""
+
+#: includes/vendors/tinymce.php:37
+msgid "Semi-bold"
+msgstr ""

wp-content/themes/moonshine/nuxt.config.ts

@@ -1,14 +1,82 @@
+import { version } from "./package.json";
+
+const siteUrl = process.env.NUXT_SITE_URL;
+if (!siteUrl) {
+  throw new Error(`NUXT_SITE_URL is not defined. Make sure to set it in your build environment variables.`);
+}
+
+const wpUrl = process.env.NUXT_WP_URL;
+if (!wpUrl) {
+  throw new Error(`NUXT_WP_URL is not defined. Make sure to set it in your build environment variables.`);
+}
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
 
   modules: [
+    "@lewebsimple/nuxt-graphql",
     "@nuxt/eslint",
+    "@nuxt/ui",
+    "@nuxtjs/device",
+    "@nuxtjs/seo",
+    "nuxt-auth-utils",
+    "nuxt-svgo",
   ],
 
+  components: {
+    dirs: [
+      { path: "~/components", pathPrefix: false },
+    ],
+  },
+
   devtools: { enabled: true },
 
+  css: ["~/assets/css/_main.css"],
+
+  site: {
+    url: siteUrl,
+    name: "WP Headless",
+    defaultLocale: "fr",
+  },
+
+  ui: {
+    colorMode: false,
+  },
+
+  runtimeConfig: {
+    wpUrl,
+  },
+
   compatibilityDate: "2026-01-01",
 
+  nitro: {
+    preset: "cloudflare_module",
+    cloudflare: {
+      deployConfig: true,
+      nodeCompat: true,
+      wrangler: {
+        // Project name
+        name: "moonshine",
+        // Cloudflare Workers settings
+        compatibility_date: "2026-01-27",
+        main: "./.output/server/index.mjs",
+        observability: { enabled: true },
+        preview_urls: false,
+        // Environment variables
+        vars: {
+          NODE_ENV: "staging",
+          NUXT_SITE_URL: siteUrl,
+          NUXT_WP_URL: wpUrl,
+        },
+        // Bindings
+        assets: {
+          binding: "ASSETS",
+          directory: "./.output/public/",
+        },
+      },
+    },
+  },
+
   eslint: {
     config: {
       stylistic: {
@@ -21,4 +89,30 @@ export default defineNuxtConfig({
     },
   },
 
+  graphql: {
+    client: {
+      cache: {
+        keyVersion: version,
+      },
+    },
+    server: {
+      context: ["server/graphql/context"],
+      schema: {
+        wp: { type: "remote", endpoint: `${wpUrl}/graphql`, hooks: ["server/graphql/wp-hooks"] },
+      },
+    },
+  },
+
+  robots: {
+    sitemap: `${wpUrl}/sitemap_index.xml`,
+  },
+
+  sitemap: false,
+
+  svgo: {
+    autoImportPath: "~/assets/svg/",
+    componentPrefix: "Svg",
+    defaultImport: "component",
+  },
+
 });

wp-content/themes/moonshine/package.json

@@ -1,27 +1,55 @@
 {
   "name": "@lewebsimple/moonshine",
   "description": "Headless WordPress theme based on Nuxt.",
-  "version": "0.1.1",
+  "version": "0.1.8",
   "type": "module",
   "private": true,
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev --host 0.0.0.0",
+    "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
+    "dev": "nuxt dev",
     "lint": "eslint --fix .",
-    "postinstall": "pnpm --sequential /postinstall:.*/",
+    "postinstall": "nuxt prepare",
-    "postinstall:nuxt": "nuxt prepare",
+    "preview": "pnpm run build && wrangler dev --port 3000",
-    "preview": "nuxt preview",
+    "release": "pnpm lint && changelogen --noAuthors --release --push",
-    "release": "pnpm lint && changelogen --release --push"
+    "typecheck": "nuxt typecheck"
   },
   "dependencies": {
-    "nuxt": "^4.2.2",
+    "@iconify-json/lucide": "^1.2.87",
-    "vue": "^3.5.26",
+    "@lewebsimple/nuxt-graphql": "^0.6.7",
-    "vue-router": "^4.6.4"
+    "@nuxt/ui": "4.3.0",
+    "@nuxtjs/device": "4.0.0",
+    "@nuxtjs/seo": "^3.4.0",
+    "jwt-decode": "^4.0.0",
+    "nuxt": "^4.3.0",
+    "nuxt-auth-utils": "^0.5.28",
+    "nuxt-svgo": "^4.2.6",
+    "tailwindcss": "^4.1.18",
+    "vue": "^3.5.27",
+    "vue-router": "^4.6.4",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@nuxt/eslint": "^1.12.1",
+    "@nuxt/eslint": "^1.13.0",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.2"
+    "eslint": "^9.39.2",
+    "typescript": "^5.9.3",
+    "vue-tsc": "^3.2.4",
+    "wrangler": "^4.61.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "@tiptap/core": "3.14.0",
+      "@tiptap/pm": "3.14.0"
+    },
+    "onlyBuiltDependencies": [
+      "@parcel/watcher",
+      "esbuild",
+      "sharp",
+      "unrs-resolver",
+      "vue-demi",
+      "workerd"
+    ]
   },
   "changelog": {
     "types": {

wp-content/themes/moonshine/public/robots.txt

@@ -1,2 +0,0 @@
-User-Agent: *
-Disallow:

wp-content/themes/moonshine/server/api/login.post.ts

@@ -0,0 +1,21 @@
+export default defineEventHandler(async (event) => {
+  try {
+    const variables = await readBody<AuthLoginForm>(event);
+    const { data } = await useGraphQLOperation(event, "AuthLogin", variables);
+    if (!data?.login) {
+      throw new Error("INVALID_LOGIN");
+    }
+    if (!await handleLogin(event, data)) {
+      throw new Error("LOGIN_FAILED");
+    }
+    return { success: true, message: "Connexion réussie" };
+  }
+  catch (error) {
+    const messages = {
+      INVALID_LOGIN: "Identifiants invalides. Veuillez réessayer.",
+      LOGIN_FAILED: "Une erreur est survenue lors de la connexion. Veuillez réessayer plus tard.",
+    };
+    const message = (error instanceof Error && error.message in messages) ? error.message : "LOGIN_FAILED";
+    return { success: false, message: messages[message as keyof typeof messages] };
+  }
+});

wp-content/themes/moonshine/server/api/logout.post.ts

@@ -0,0 +1,12 @@
+import { defineEventHandler } from "h3";
+
+export default defineEventHandler(async (event) => {
+  try {
+    await handleLogout(event);
+    return { success: true, message: "Déconnexion réussie" };
+  }
+  catch (error) {
+    const message = error instanceof Error ? error.message : "Une erreur est survenue lors de la déconnexion.";
+    return { success: false, message };
+  }
+});

wp-content/themes/moonshine/server/graphql/context.ts

@@ -0,0 +1,6 @@
+export default defineGraphQLContext(async (event) => {
+  const authToken = await getAuthToken(event);
+  return {
+    authToken,
+  };
+});

wp-content/themes/moonshine/server/graphql/wp-hooks.ts

@@ -0,0 +1,10 @@
+import { defu } from "defu";
+
+export default defineRemoteExecutorHooks({
+  onRequest(request) {
+    // Attach the Authorization header if an authToken is present in the context
+    if (request.context?.authToken) {
+      request.extensions = defu(request.extensions, { headers: { Authorization: `Bearer ${request.context.authToken}` } });
+    }
+  },
+});

wp-content/themes/moonshine/server/utils/auth.ts

@@ -0,0 +1,102 @@
+import type { H3Event } from "h3";
+import { jwtDecode } from "jwt-decode";
+import type { User } from "#auth-utils";
+import type { AuthUserFragment, AuthLoginMutationResult } from "#graphql/operations";
+import { AuthRefreshTokenDocument } from "#graphql/operations";
+import type { ResultOf } from "#graphql/registry";
+
+// Handle login result and store user session
+export async function handleLogin(event: H3Event, loginResult: AuthLoginMutationResult) {
+  if (!loginResult?.login) {
+    return false;
+  }
+  const { user, authToken, refreshToken } = loginResult.login;
+  if (!user || !authToken || !refreshToken) {
+    return false;
+  }
+  await setUserSession(event, {
+    user: getAuthUser(user),
+    secure: {
+      authToken,
+      refreshToken,
+    },
+    loggedInAt: new Date().toISOString(),
+  });
+  return true;
+}
+
+// Handle user logout by clearing session
+export async function handleLogout(event: H3Event) {
+  await clearUserSession(event);
+  return true;
+}
+
+// Convert AuthUserFragment to nuxt-auth-utils User
+function getAuthUser(user: AuthUserFragment): User {
+  return {
+    id: Number(user.id),
+    email: user.email!,
+    roles: extractNodes(user.roles).map(({ name }) => name!) || [],
+  };
+}
+
+// Track in-flight refreshAuthToken calls to prevent duplicate requests
+const refreshTokenPromises = new Map<string, Promise<string | undefined>>();
+
+// Refresh auth token by calling remote GraphQL endpoint directly
+export async function refreshAuthToken(refreshToken: string): Promise<string | undefined> {
+  // Return existing in-flight promise if available
+  const inFlight = refreshTokenPromises.get(refreshToken);
+  if (inFlight) {
+    return inFlight;
+  }
+
+  const refreshPromise = (async () => {
+    const { wpUrl } = useRuntimeConfig();
+    const endpoint = `${wpUrl}/graphql`;
+    const { data } = await executeGraphQLHTTP<ResultOf<"AuthRefreshToken">>({
+      query: AuthRefreshTokenDocument,
+      variables: { refreshToken },
+    }, { endpoint });
+    return data?.refreshToken?.authToken || undefined;
+  })();
+
+  refreshTokenPromises.set(refreshToken, refreshPromise);
+
+  return refreshPromise.finally(() => {
+    const current = refreshTokenPromises.get(refreshToken);
+    if (current === refreshPromise) {
+      refreshTokenPromises.delete(refreshToken);
+    }
+  });
+}
+
+// Get auth token from user session (refresh if needed)
+export async function getAuthToken(event: H3Event): Promise<string | undefined> {
+  // Retrieve user session, return if none
+  const session = await getUserSession(event);
+  if (!session.secure) {
+    return;
+  }
+
+  // Extract tokens and check expiration
+  const { authToken, refreshToken } = session.secure;
+  const decoded = jwtDecode<{ exp: number }>(authToken);
+  const isExpired = decoded.exp * 1000 < Date.now();
+  if (isExpired) {
+    try {
+      const newAuthToken = await refreshAuthToken(refreshToken);
+      if (!newAuthToken) {
+        throw new Error("Impossible de rafraîchir le jeton d'authentification.");
+      }
+      session.secure.authToken = newAuthToken;
+      await setUserSession(event, session);
+    }
+    catch {
+      await clearUserSession(event);
+      return;
+    }
+  }
+
+  return session.secure.authToken;
+}

wp-content/themes/moonshine/shared/types/auth.d.ts

@@ -0,0 +1,19 @@
+// auth.d.ts
+declare module "#auth-utils" {
+  interface User {
+    id: number;
+    email: string;
+    roles: string[];
+  }
+
+  interface UserSession {
+    loggedInAt: string;
+  }
+
+  interface SecureSessionData {
+    authToken: string;
+    refreshToken: string;
+  }
+}
+
+export { };

wp-content/themes/moonshine/shared/utils/auth-login-form.ts

@@ -0,0 +1,8 @@
+import z from "zod";
+
+export const authLoginFormSchema = z.object({
+  username: z.email("Courriel invalide"),
+  password: z.string("Veuillez saisir votre mot de passe"),
+});
+
+export type AuthLoginForm = z.infer<typeof authLoginFormSchema>;

wp-content/themes/moonshine/shared/utils/delay.ts

@@ -0,0 +1,3 @@
+export async function delay(ms: number) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}

wp-content/themes/moonshine/shared/utils/graphql.ts

@@ -0,0 +1,4 @@
+// Helper: Extracts nodes from a GraphQL connection object, returning an empty array if nodes are absent.
+export function extractNodes<T>(connection: { nodes?: T[] } | undefined): T[] {
+  return connection?.nodes ?? [];
+}

wp-content/themes/moonshine/style.css

@@ -3,7 +3,6 @@ Theme Name:  Moonshine
 Author:      Pascal Martineau <pascal@lewebsimple.ca>
 Author URI:  https://websimple.com/
 Description: Headless WordPress theme based on Nuxt.
-Version:     0.1.0
 Text Domain: moonshine
 Template:    kaliroots
 */