chore: update plugins / deps

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode"]
+}

.vscode/launch.json

@@ -0,0 +1,27 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Nuxt server",
+      "type": "node",
+      "request": "launch",
+      "program": "${workspaceFolder}/wp-content/themes/moonshine/node_modules/nuxt/bin/nuxt.mjs",
+      "runtimeArgs": ["--inspect"],
+      "args": ["dev"],
+      "cwd": "${workspaceFolder}/wp-content/themes/moonshine",
+      "autoAttachChildProcesses": true,
+      "console": "integratedTerminal",
+      "skipFiles": ["<node_internals>/**"]
+    },
+    {
+      "name": "Nuxt client",
+      "type": "chrome",
+      "request": "launch",
+      "sourceMaps": true,
+      "trace": false,
+      "url": "http://localhost:3000",
+      "userDataDir": "${env:HOME}/.vscode/chromium-profile",
+      "webRoot": "${workspaceFolder}/wp-content/themes/moonshine"
+    }
+  ]
+}

.vscode/settings.json

@@ -1,4 +1,34 @@
 {
+  "[css]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[postcss]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[scss]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll.oxc": "always"
+  },
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
   "editor.quickSuggestions": {
     "strings": "on"
   },
@@ -6,15 +36,11 @@
     "*.css": "tailwindcss"
   },
   "graphql-config.load.rootDir": "wp-content/themes/moonshine",
-  "tailwindCSS.classAttributes": [
+  "oxc.fmt.configPath": "wp-content/themes/moonshine/.oxfmtrc.json",
-    "class",
+  "oxc.path.oxfmt": "wp-content/themes/moonshine/node_modules/.bin/oxfmt",
-    "ui"
+  "oxc.path.oxlint": "wp-content/themes/moonshine/node_modules/.bin/oxlint",
-  ],
+  "oxc.tsConfigPath": "wp-content/themes/moonshine/tsconfig.json",
-  "tailwindCSS.experimental.classRegex": [
+  "tailwindCSS.classAttributes": ["class", "ui"],
-    [
+  "tailwindCSS.experimental.classRegex": [["ui:\\s*{([^)]*)\\s*}", "(?:'|\"|`)([^']*)(?:'|\"|`)"]],
-      "ui:\\s*{([^)]*)\\s*}",
-      "(?:'|\"|`)([^']*)(?:'|\"|`)"
-    ]
-  ],
   "typescript.tsdk": "wp-content/themes/moonshine/node_modules/typescript/lib"
 }

README.md

@@ -3,4 +3,3 @@
 Headless WordPress project boilerplate using Nuxt.
 
 [✨  Release notes](/wp-content/themes/moonshine/CHANGELOG.md)
- 

composer.lock

@@ -493,15 +493,15 @@
         },
         {
             "name": "wpackagist-plugin/wp-graphql",
-            "version": "2.7.0",
+            "version": "2.8.0",
             "source": {
                 "type": "svn",
                 "url": "https://plugins.svn.wordpress.org/wp-graphql/",
-                "reference": "tags/2.7.0"
+                "reference": "tags/2.8.0"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.7.0.zip"
+                "url": "https://downloads.wordpress.org/plugin/wp-graphql.2.8.0.zip"
             },
             "require": {
                 "composer/installers": "^1.0 || ^2.0"

wp-content/themes/moonshine/.gitignore

@@ -25,3 +25,4 @@ logs
 
 # Wrangler files
 .wrangler
+server/types/cloudflare.d.ts

wp-content/themes/moonshine/.oxfmtrc.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "experimentalSortImports": {
+    "groups": [
+      ["side-effect"],
+      ["builtin"],
+      ["external", "type-external"],
+      ["internal", "type-internal"],
+      ["parent", "type-parent"],
+      ["sibling", "type-sibling"],
+      ["index", "type-index"]
+    ]
+  },
+  "experimentalTailwindcss": {
+    "attributes": ["class"],
+    "functions": ["tv"],
+    "preserveWhitespace": true,
+    "stylesheet": "./app/assets/css/_main.css"
+  }
+}

wp-content/themes/moonshine/.oxlintrc.json

@@ -0,0 +1,22 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "categories": {},
+  "env": {
+    "builtin": true,
+    "browser": true,
+    "node": true
+  },
+  "globals": {},
+  "ignorePatterns": [],
+  "plugins": ["import", "vue"],
+  "rules": {
+    "vue/define-emits-declaration": ["error", "type-based"],
+    "vue/define-props-declaration": ["error", "type-based"],
+    "vue/require-typed-ref": "error"
+  },
+  "settings": {
+    "vitest": {
+      "typecheck": false
+    }
+  }
+}

wp-content/themes/moonshine/CHANGELOG.md

@@ -1,5 +1,49 @@
 # Changelog
 
+## v0.1.13
+
+[compare changes](https://gitea.websimple.com/wp-sites/wp-headless/compare/v0.1.12...v0.1.13)
+
+### 🚀 Enhancements
+
+- TinyMCE list style (8ae6daf)
+
+### 🩹 Fixes
+
+- Wrangler.json needed for wrangler types before build (faf39ca)
+
+## v0.1.12
+
+[compare changes](https://gitea.websimple.com/wp-sites/wp-headless/compare/v0.1.11...v0.1.12)
+
+### 🚀 Enhancements
+
+- ConnexionButton (87be06e)
+- ShowLabel (98e8d97)
+- ParseAcfLink (2cfc1a0)
+- ParseAcfMedia (ab563a7)
+- Event context type for Cloudflare environment (4338028)
+
+### 🩹 Fixes
+
+- UApp in app.vue (28f6e1a)
+
+## v0.1.11
+
+[compare changes](https://gitea.websimple.com/wp-sites/wp-headless/compare/v0.1.10...v0.1.11)
+
+### 🚀 Enhancements
+
+- MapSocialIcon (6dd13ea)
+- AcfSocial / parseAcfSocial (3199835)
+
+### 🩹 Fixes
+
+- Remove unneeded wrangler main / assets (eea020b)
+- Cloudflare image provider only in production (291fa6e)
+- Wrangler project name (8f037b5)
+- ENABLE_CLOUDFLARE_IMAGE (9c3dcee)
+
 ## v0.1.10
 
 [compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.9...v0.1.10)
@@ -146,7 +190,6 @@
 
 ## v0.1.1
 
-
 ### 🚀 Enhancements
 
 - Initial Moonshine theme - Headless WordPress theme based on Nuxt (b3134fe)

wp-content/themes/moonshine/README.md

@@ -5,8 +5,15 @@ 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   | ➖      |
+| `NUXT_SITE_URL` | URL du frontend Nuxt     | https://www.example.com | ➖      |
+| `NUXT_WP_URL`   | URL du backend WordPress | https://wp.exemple.com  | ✅      |
+
+## Secrets
+
+Configurer les secrets nécessaires au projet:
+
+```sh
+pnpm wrangler secret put NUXT_SESSION_PASSWORD
+```

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

@@ -24,11 +24,7 @@
       "acfe_flexible_layouts_placeholder": 0,
       "acfe_flexible_layouts_thumbnails": 0,
       "acfe_flexible_async": [],
-            "acfe_flexible_add_actions": [
+      "acfe_flexible_add_actions": ["copy", "title", "toggle"],
-                "copy",
-                "title",
-                "toggle"
-            ],
       "acfe_flexible_remove_button": [],
       "acfe_flexible_remove_top_actions": [],
       "acfe_flexible_modal_edit": {
@@ -100,9 +96,7 @@
           "min": "",
           "max": "",
           "acfe_flexible_modal_edit_size": "",
-                    "acfe_flexible_settings": [
+          "acfe_flexible_settings": ["group_layout_contained"],
-                        "group_layout_contained"
-                    ],
           "acfe_flexible_settings_size": "large",
           "acfe_flexible_render_template": false,
           "acfe_flexible_render_style": false,
@@ -156,9 +150,7 @@
                 "id": ""
               },
               "graphql_field_name": "media",
-                            "clone": [
+              "clone": ["group_abstract_media"],
-                                "group_abstract_media"
-                            ],
               "display": "seamless",
               "layout": "block",
               "prefix_label": 0,
@@ -231,16 +223,12 @@
   "style": "seamless",
   "label_placement": "top",
   "instruction_placement": "label",
-    "hide_on_screen": [
+  "hide_on_screen": ["the_content"],
-        "the_content"
-    ],
   "active": true,
   "description": "",
   "show_in_rest": 0,
   "display_title": "",
-    "acfe_autosync": [
+  "acfe_autosync": ["json"],
-        "json"
-    ],
   "acfe_form": 0,
   "show_in_graphql": 1,
   "graphql_field_name": "GroupAbstractBuilder",

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

@@ -109,9 +109,7 @@
   "description": "",
   "show_in_rest": 0,
   "display_title": "",
-    "acfe_autosync": [
+  "acfe_autosync": ["json"],
-        "json"
-    ],
   "acfe_form": 0,
   "show_in_graphql": 1,
   "graphql_field_name": "GroupAbstractMedia",

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

@@ -0,0 +1,84 @@
+{
+  "key": "group_abstract_social",
+  "title": "Abstract - Social",
+  "fields": [
+    {
+      "key": "field_6855a1d643408",
+      "label": "Médias sociaux",
+      "name": "profiles",
+      "aria-label": "",
+      "type": "repeater",
+      "instructions": "",
+      "required": 0,
+      "conditional_logic": 0,
+      "wrapper": {
+        "width": "",
+        "class": "",
+        "id": ""
+      },
+      "acfe_repeater_stylised_button": 0,
+      "layout": "table",
+      "pagination": 0,
+      "min": 0,
+      "max": 0,
+      "collapsed": "",
+      "button_label": "Ajouter un élément",
+      "show_in_graphql": 1,
+      "graphql_description": "",
+      "graphql_field_name": "profiles",
+      "graphql_non_null": 1,
+      "rows_per_page": 20,
+      "sub_fields": [
+        {
+          "key": "field_6855a7e143409",
+          "label": "URL",
+          "name": "url",
+          "aria-label": "",
+          "type": "url",
+          "instructions": "",
+          "required": 1,
+          "conditional_logic": 0,
+          "wrapper": {
+            "width": "",
+            "class": "",
+            "id": ""
+          },
+          "default_value": "",
+          "allow_in_bindings": 0,
+          "placeholder": "",
+          "show_in_graphql": 1,
+          "graphql_description": "",
+          "graphql_field_name": "url",
+          "graphql_non_null": 1,
+          "parent_repeater": "field_6855a1d643408"
+        }
+      ]
+    }
+  ],
+  "location": [
+    [
+      {
+        "param": "abstract"
+      }
+    ]
+  ],
+  "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": "GroupAbstractSocial",
+  "map_graphql_types_from_location_rules": 0,
+  "graphql_types": "",
+  "acfe_meta": "",
+  "acfe_note": "",
+  "modified": 1769788591
+}

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

@@ -135,9 +135,7 @@
   "description": "",
   "show_in_rest": 0,
   "display_title": "",
-    "acfe_autosync": [
+  "acfe_autosync": ["json"],
-        "json"
-    ],
   "acfe_form": 0,
   "show_in_graphql": 1,
   "graphql_field_name": "GroupLayoutContained",

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

@@ -48,6 +48,32 @@
       "graphql_field_name": "phoneNumber",
       "graphql_non_null": 1
     },
+    {
+      "key": "field_697cd4c5fc56a",
+      "label": "Médias sociaux",
+      "name": "social",
+      "aria-label": "",
+      "type": "clone",
+      "instructions": "",
+      "required": 1,
+      "conditional_logic": 0,
+      "wrapper": {
+        "width": "",
+        "class": "",
+        "id": ""
+      },
+      "graphql_field_name": "social",
+      "clone": ["group_abstract_social"],
+      "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"
+    },
     {
       "key": "field_697cc921234cc",
       "label": "Liens globaux",
@@ -116,9 +142,7 @@
   "description": "",
   "show_in_rest": 0,
   "display_title": "",
-    "acfe_autosync": [
+  "acfe_autosync": ["json"],
-        "json"
-    ],
   "acfe_form": 0,
   "show_in_graphql": 1,
   "graphql_field_name": "GroupSiteOptions",
@@ -126,5 +150,5 @@
   "graphql_types": "",
   "acfe_meta": "",
   "acfe_note": "",
-    "modified": 1769785750
+  "modified": 1769788698
 }

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

@@ -17,9 +17,7 @@
         "id": ""
       },
       "graphql_field_name": "builder",
-            "clone": [
+      "clone": ["group_abstract_builder"],
-                "group_abstract_builder"
-            ],
       "display": "seamless",
       "layout": "block",
       "prefix_label": 0,
@@ -45,16 +43,12 @@
   "style": "seamless",
   "label_placement": "top",
   "instruction_placement": "label",
-    "hide_on_screen": [
+  "hide_on_screen": ["the_content"],
-        "the_content"
-    ],
   "active": true,
   "description": "",
   "show_in_rest": 0,
   "display_title": "",
-    "acfe_autosync": [
+  "acfe_autosync": ["json"],
-        "json"
-    ],
   "acfe_form": 0,
   "show_in_graphql": 1,
   "graphql_field_name": "GroupPostPage",

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

@@ -1,9 +1,13 @@
+<script setup lang="ts">
+import { fr } from "@nuxt/ui/locale";
+</script>
+
 <template>
-  <div>
+  <UApp :locale="fr">
     <NuxtRouteAnnouncer />
     <NuxtLoadingIndicator />
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
-  </div>
+  </UApp>
 </template>

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

@@ -4,6 +4,7 @@
 @import "./a11y.css";
 @import "./containers.css";
 @import "./links.css";
+@import "./lists.css";
 @import "./prose.css";
 @import "./typography.css";
 

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

@@ -8,13 +8,27 @@
 }
 
 /* Container sizes */
-@utility container { @apply mx-auto px-container max-w-(--breakpoint-2xl); }
+@utility container {
-@utility container-xl { @apply container max-w-(--breakpoint-xl); }
+  @apply mx-auto px-container max-w-(--breakpoint-2xl);
-@utility container-lg { @apply container max-w-(--breakpoint-lg); }
+}
-@utility container-md { @apply container max-w-(--breakpoint-md); }
+@utility container-xl {
-@utility container-sm { @apply container max-w-(--breakpoint-sm); }
+  @apply container max-w-(--breakpoint-xl);
-@utility container-fluid { @apply container max-w-screen; }
+}
-@utility container-none { @apply w-full max-w-screen; }
+@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 {
@@ -42,6 +56,12 @@
   }
 }
 
-@utility container-left { @apply ml-(--container-outside-margin) px-container;}
+@utility container-left {
-@utility container-right { @apply mr-(--container-outside-margin) px-container;}
+  @apply ml-(--container-outside-margin) px-container;
-@utility container-half {  width: calc(var(--container-width) / 2);}
+}
+@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

@@ -2,6 +2,12 @@
 @custom-variant links (& a:not([class*='link-']):not([class*='button-']));
 
 /* Link styles */
-@utility link-base { @apply cursor-pointer disabled-default transition; }
+@utility link-base {
-@utility link-underline { @apply link-base underline hover:decoration-primary; }
+  @apply cursor-pointer disabled-default transition;
-@utility link-opacity { @apply link-base hover:opacity-80; }
+}
+@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/lists.css

@@ -0,0 +1,3 @@
+@utility list-horizontal {
+  @apply list-none flex flex-wrap items-center gap-3;
+}

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

@@ -1,15 +1,25 @@
 @utility prose {
   /* Headings (allow class overrides) */
-  h1:not([class*="heading-"]) { @apply heading-1; }
+  h1:not([class*="heading-"]) {
-  h2:not([class*="heading-"]) { @apply heading-2; }
+    @apply heading-1;
-  h3:not([class*="heading-"]) { @apply heading-3; }
+  }
-  h4:not([class*="heading-"]) { @apply heading-4; }
+  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; }
+  p:not([class*="paragraph-"]) {
+    @apply paragraph-base;
+  }
 
   /* Spacing */
   @apply space-y-2;

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

@@ -1,10 +1,24 @@
 /* Heading styles */
-@utility heading-base { @apply font-bold tracking-tight };
+@utility heading-base {
-@utility heading-1 { @apply heading-base text-4xl; }
+  @apply font-bold tracking-tight;
-@utility heading-2 { @apply heading-base text-3xl; }
+}
-@utility heading-3 { @apply heading-base text-2xl; }
+@utility heading-1 {
-@utility heading-4 { @apply heading-base text-xl; }
+  @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-base {
-@utility paragraph-lead { @apply paragraph-base text-2xl; }
+  @apply font-sans;
+}
+@utility paragraph-lead {
+  @apply paragraph-base text-2xl;
+}

wp-content/themes/moonshine/app/components/acf/AcfImage.vue

@@ -12,7 +12,6 @@ defineProps<{ image?: AcfImageFragment }>();
     :width="image.mediaDetails?.width"
     :height="image.mediaDetails?.height"
     :style="{ objectPosition: image.objectPosition || 'center' }"
-    format="avif,webp"
     placeholder
   />
 </template>

wp-content/themes/moonshine/app/components/acf/AcfLinkButton.vue

@@ -2,11 +2,12 @@
 import type { AcfLinkFragment } from "#graphql/operations";
 import type { ButtonProps } from "@nuxt/ui";
 
-type AcfLinkButtonProps = & Omit<ButtonProps, "to" | "target" | "href"> & {
+type AcfLinkButtonProps = Omit<ButtonProps, "to" | "target" | "href"> & {
   link?: AcfLinkFragment;
+  showLabel?: boolean;
 };
 
-const { link, ...buttonProps } = defineProps<AcfLinkButtonProps>();
+const { link, showLabel, ...buttonProps } = defineProps<AcfLinkButtonProps>();
 </script>
 
 <template>
@@ -18,6 +19,6 @@ const { link, ...buttonProps } = defineProps<AcfLinkButtonProps>();
     :external="link.target === '_blank'"
     :rel="link.target === '_blank' ? 'noopener noreferrer' : undefined"
   >
-    <slot>{{ link.title }}</slot>
+    <slot>{{ showLabel ? link.title : "" }}</slot>
   </UButton>
 </template>

wp-content/themes/moonshine/app/components/acf/AcfSocial.fragment.gql

@@ -0,0 +1,5 @@
+fragment AcfSocial on GroupAbstractSocial_Fields {
+  profiles {
+    url
+  }
+}

wp-content/themes/moonshine/app/components/acf/AcfSocial.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+defineProps<{ social?: AcfSocialOutput }>();
+</script>
+
+<template>
+  <div v-if="social?.profiles" class="flex gap-1.5">
+    <a
+      v-for="({ url, icon }, key) in social.profiles"
+      :key="key"
+      :href="url"
+      target="_blank"
+      rel="noopener noreferrer"
+      class="flex"
+    >
+      <UIcon :name="icon" />
+    </a>
+  </div>
+</template>

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

@@ -1,20 +0,0 @@
-<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

@@ -7,7 +7,8 @@ const fields = [
     label: "Courriel",
     placeholder: "Entrez votre courriel",
     required: true,
-  }, {
+  },
+  {
     name: "password",
     label: "Mot de passe",
     type: "password" as const,

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

@@ -5,12 +5,8 @@ const { logout } = useAuthConnexion();
 <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">
+      <div class="text-xl font-semibold text-pretty text-highlighted">Déconnexion</div>
-        Déconnexion
+      <div class="mt-1 text-base text-pretty text-muted">Veuillez confirmer la déconnexion.</div>
-      </div>
-      <div class="mt-1 text-base text-pretty text-muted">
-        Veuillez confirmer la déconnexion.
-      </div>
     </div>
     <UButton
       icon="i-lucide-log-out"

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

@@ -1,12 +1,8 @@
 <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">
+      <div class="text-xl font-semibold text-pretty text-highlighted">Redirection en cours</div>
-        Redirection en cours
+      <div class="mt-1 text-base text-pretty text-muted">Veuillez patienter...</div>
-      </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

@@ -1,7 +1,11 @@
 fragment BuilderSections on GroupAbstractBuilder_Fields {
   sections {
     __typename
-    ... on GroupAbstractBuilderSectionsHeroSplitLayout { ... SectionHeroSplit }
+    ... on GroupAbstractBuilderSectionsHeroSplitLayout {
-    ... on GroupAbstractBuilderSectionsTextBlockLayout { ... SectionTextBlock }
+      ...SectionHeroSplit
+    }
+    ... on GroupAbstractBuilderSectionsTextBlockLayout {
+      ...SectionTextBlock
+    }
   }
 }

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

@@ -2,6 +2,6 @@ fragment NodePage on Page {
   title
   isFrontPage
   groupPostPage {
-    ... BuilderSections
+    ...BuilderSections
   }
 }

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

@@ -6,7 +6,7 @@ defineProps<NodePageFragment>();
 
 <template>
   <div id="node-page">
-    <h1 v-if="!isFrontPage" class="font-bold text-4xl">
+    <h1 v-if="!isFrontPage" class="text-4xl font-bold">
       {{ title }}
     </h1>
     <BuilderSections :sections="groupPostPage?.sections || []" />

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

@@ -3,4 +3,3 @@ fragment SectionHeroSplit on GroupAbstractBuilderSectionsHeroSplitLayout {
   reverse
   ...AcfMedia
 }
- 

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

@@ -5,7 +5,7 @@ import type { SectionHeroSplitFragment } from "#graphql/operations";
 const tvSectionHeroSplit = tv({
   slots: {
     base: "py-6",
-    container: "container flex flex-col gap-6 items-center",
+    container: "container flex flex-col items-center gap-6",
     content: "flex-1",
     media: "w-full basis-1/2",
   },
@@ -34,7 +34,7 @@ const classes = tvSectionHeroSplit({
   <section :class="classes.base()">
     <div :class="classes.container()">
       <UiProse :content="content" :class="classes.content()" />
-      <AcfMedia :media="$props" :class="classes.media()" />
+      <AcfMedia :media="parseAcfMedia(props)" :class="classes.media()" />
     </div>
   </section>
 </template>

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

@@ -1,13 +1,12 @@
 <script setup lang="ts">
+const { data: siteOptions } = await useSiteOptions();
 </script>
 
 <template>
-  <UFooter id="site-footer">
+  <footer class="links:link-prose bg-accented">
-    <template #left>
+    <div class="container py-6">
-      <SiteFooterCopyright />
+      <AcfSocial :social="parseAcfSocial(siteOptions)" />
-    </template>
+    </div>
-    <template #right>
+    <SiteFooterBottom />
-      <SiteFooterCredits />
+  </footer>
-    </template>
-  </UFooter>
 </template>

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

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const { connexionButton } = useAuthConnexion();
+</script>
+
+<template>
+  <div class="bg-inverted py-1.5 text-inverted">
+    <div class="container flex flex-col items-center gap-3 sm:flex-row">
+      <SiteFooterCopyright class="sm:mr-auto" />
+      <UButton v-bind="connexionButton" color="neutral" variant="link" />
+      <SiteFooterCredits />
+    </div>
+  </div>
+</template>

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

@@ -1,6 +1,12 @@
 <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>
+    <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

@@ -1,6 +1,3 @@
-<script setup lang="ts">
-</script>
-
 <template>
   <UHeader mode="slideover">
     <template #left>
@@ -8,8 +5,5 @@
         <SvgSiteLogo class="h-12 w-auto" />
       </NuxtLink>
     </template>
-    <template #right>
-      <AuthConnexionButton />
-    </template>
   </UHeader>
 </template>

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

@@ -2,5 +2,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

@@ -3,9 +3,10 @@ import type { FormSubmitEvent } from "@nuxt/ui";
 const isRedirecting = ref(false);
 
 export function useAuthConnexion() {
+  const { isLoggedIn } = useAuth();
   const toast = useToast();
   const { fetch: refreshUserSession } = useUserSession();
-  const routeRedirect = useRoute().query.redirect as string || undefined;
+  const routeRedirect = (useRoute().query.redirect as string) || undefined;
 
   // Helper: Redirect after login / logout
   async function redirectTo(to: string | undefined) {
@@ -29,13 +30,13 @@ export function useAuthConnexion() {
         duration: 3000,
       });
       await redirectTo(redirect);
-    }
+    } catch (error) {
-    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.",
+        description:
+          error instanceof Error ? error.message : "Une erreur est survenue lors de la connexion.",
         duration: 5000,
       });
     }
@@ -55,17 +56,26 @@ export function useAuthConnexion() {
         duration: 3000,
       });
       await redirectTo(redirect);
-    }
+    } catch (error) {
-    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.",
+        description:
+          error instanceof Error
+            ? error.message
+            : "Une erreur est survenue lors de la déconnexion.",
         duration: 5000,
       });
     }
   }
 
-  return { isRedirecting, login, logout };
+  // Dynamic connexion link
+  const connexionButton = computed(() => ({
+    label: isLoggedIn.value ? "Déconnexion" : "Connexion",
+    icon: isLoggedIn.value ? "i-lucide-log-out" : "i-lucide-log-in",
+    to: "/connexion",
+  }));
+
+  return { isRedirecting, login, logout, connexionButton };
 }

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

@@ -1,3 +1,8 @@
-export const useGeneralSettings = () => useAsyncGraphQLQuery("GeneralSettings", {}, {
+export const useGeneralSettings = () =>
+  useAsyncGraphQLQuery(
+    "GeneralSettings",
+    {},
+    {
       transform: ({ generalSettings }) => generalSettings,
-});
+    },
+  );

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

@@ -11,8 +11,7 @@ export function useProseLinks(refContent: Ref<HTMLElement | null>) {
     try {
       const hrefUrl = new URL(href);
       return hrefUrl.hostname === siteUrl.hostname;
-    }
+    } catch {
-    catch {
       return false;
     }
   };
@@ -25,8 +24,7 @@ export function useProseLinks(refContent: Ref<HTMLElement | null>) {
       if (hrefUrl.hostname === siteUrl.hostname) {
         return hrefUrl.pathname + hrefUrl.search + hrefUrl.hash;
       }
-    }
+    } catch {
-    catch {
       // Invalid URL
     }
     return href;
@@ -39,7 +37,14 @@ export function useProseLinks(refContent: Ref<HTMLElement | null>) {
     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")) {
+    if (
+      e.metaKey ||
+      e.ctrlKey ||
+      e.shiftKey ||
+      e.altKey ||
+      link.target === "_blank" ||
+      link.hasAttribute("download")
+    ) {
       return;
     }
     if (isInternal(href)) {

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

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

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

@@ -1,3 +1,8 @@
-export const useSiteOptions = () => useAsyncGraphQLQuery("SiteOptions", {}, {
+export const useSiteOptions = () =>
+  useAsyncGraphQLQuery(
+    "SiteOptions",
+    {},
+    {
       transform: ({ siteOptions }) => siteOptions?.groupSiteOptions,
-});
+    },
+  );

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

@@ -9,11 +9,11 @@ fragment AuthUser on User {
 }
 
 mutation AuthLogin($username: String!, $password: String!) {
-login( input: { provider: PASSWORD, credentials: { username: $username, password: $password }}) {
+  login(input: { provider: PASSWORD, credentials: { username: $username, password: $password } }) {
     authToken
     refreshToken
     user {
-      ... AuthUser
+      ...AuthUser
     }
   }
 }

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

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

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

@@ -5,6 +5,6 @@ fragment GeneralSettings on GeneralSettings {
 
 query GeneralSettings {
   generalSettings {
-    ... GeneralSettings
+    ...GeneralSettings
   }
 }

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

@@ -18,10 +18,10 @@ query NodeByUri($uri: String!) {
   nodeByUri(uri: $uri) {
     __typename
     ... on Page {
-      ... NodePage
+      ...NodePage
     }
     ... on NodeWithRankMathSeo {
-      ... NodeSeo
+      ...NodeSeo
     }
   }
 }

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

@@ -1,15 +1,20 @@
 fragment SiteOptions on GroupSiteOptions {
   email
-  phoneNumber { ... AcfPhone }
+  phoneNumber {
+    ...AcfPhone
+  }
+  ...AcfSocial
   links {
-    contact { ... AcfLink}
+    contact {
+      ...AcfLink
+    }
   }
 }
 
 query SiteOptions {
   siteOptions {
     groupSiteOptions {
-      ... SiteOptions
+      ...SiteOptions
     }
   }
 }

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

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

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

@@ -4,13 +4,21 @@ const { path: uri } = useRoute();
 const { data, error } = await useAsyncGraphQLQuery("NodeByUri", { uri });
 if (!data.value?.nodeByUri) {
   console.error("NodeByUri query error:", error.value);
-  throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true });
+  throw createError({
+    statusCode: 404,
+    message: `La page demandée est introuvable: ${uri}`,
+    fatal: true,
+  });
 }
 
 // Dynamically resolve component based on node type
 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 });
+  throw createError({
+    statusCode: 404,
+    message: `La page demandée ne peut pas être affichée correctement: ${componentName}`,
+    fatal: true,
+  });
 }
 
 useNodeSeo(data.value.nodeByUri);

wp-content/themes/moonshine/app/utils/acf-link.ts

@@ -0,0 +1,17 @@
+import type { AcfLinkFragment } from "#graphql/operations";
+import * as z from "zod";
+
+const acfLinkSchema = z.object({
+  title: z.string(),
+  url: z.string(),
+  target: z.string().optional().default(""),
+});
+export type AcfLinkOutput = z.infer<typeof acfLinkSchema>;
+
+export function parseAcfLink(data?: Partial<AcfLinkFragment>) {
+  try {
+    return acfLinkSchema.parse(data);
+  } catch {
+    return undefined;
+  }
+}

wp-content/themes/moonshine/app/utils/acf-media.ts

@@ -0,0 +1,28 @@
+import type { AcfMediaFragment } from "#graphql/operations";
+import * as z from "zod";
+
+export const acfImageSchema = z.object({
+  src: z.url(),
+  alt: z.string(),
+  mediaDetails: z.object({
+    width: z.number(),
+    height: z.number(),
+  }),
+  objectPosition: z.string().optional().default("center"),
+});
+
+export const acfMediaSchema = z.object({
+  image: z.object({
+    node: acfImageSchema,
+  }),
+  aspectRatio: z.enum(["square", "video", "portrait", "auto"]).optional().default("auto"),
+  objectFit: z.enum(["cover", "contain"]).optional().default("cover"),
+});
+
+export function parseAcfMedia(data?: Partial<AcfMediaFragment>) {
+  try {
+    return acfMediaSchema.parse(data);
+  } catch {
+    return undefined;
+  }
+}

wp-content/themes/moonshine/app/utils/acf-social.ts

@@ -0,0 +1,33 @@
+import type { AcfSocialFragment } from "#graphql/operations";
+import * as z from "zod";
+
+const socialProfile = z
+  .object({ url: z.url() })
+  .transform(({ url }) => ({ url, icon: getSocialIcon(url) }));
+const acfSocialSchema = z.object({
+  profiles: z.array(socialProfile),
+});
+export type AcfSocialOutput = z.infer<typeof acfSocialSchema>;
+
+export function parseAcfSocial(data?: AcfSocialFragment) {
+  try {
+    return acfSocialSchema.parse(data);
+  } catch {
+    return undefined;
+  }
+}
+
+const socialIconMap = {
+  "facebook.com": "i-cib-facebook-f",
+  "twitter.com": "i-cib-twitter",
+  "x.com": "i-cib-twitter",
+  "instagram.com": "i-cib-instagram",
+  "youtube.com": "i-cib-youtube",
+  "linkedin.com": "i-cib-linkedin",
+  "tiktok.com": "i-cib-tiktok",
+};
+
+function getSocialIcon(url: string): string {
+  const domain = new URL(url).hostname.toLowerCase().replace(/^www\./, "");
+  return socialIconMap[domain as keyof typeof socialIconMap] ?? "i-lucide-globe";
+}

wp-content/themes/moonshine/eslint.config.mjs

@@ -1,8 +0,0 @@
-// @ts-check
-import withNuxt from "./.nuxt/eslint.config.mjs";
-
-export default withNuxt({ rules: {
-  "vue/max-attributes-per-line": "off",
-  "vue/no-v-html": "off",
-} },
-);

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

@@ -50,6 +50,16 @@ function moonshine_tiny_mce_before_init( $settings ) {
 					),
 				),
 			),
+			array(
+				'title' => __( "List styles", 'moonshine' ),
+				'items' => array(// List styles
+					array(
+						'title'    => "Liste horizontale",
+						'selector' => 'ul,ol',
+						'classes'  => 'list-horizontal',
+					),
+				),
+			),
 			array(
 				'title' => __( "Heading styles", 'moonshine' ),
 				'items' => array(// Heading styles

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

@@ -1,6 +1,6 @@
 <?php
 
-// Override TermConnection query args
+// Override term connection 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

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

@@ -1,2 +1,29 @@
 <?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']];
+return array(
+	'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'                  => array(
+		'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/nuxt.config.ts

@@ -1,24 +1,26 @@
 import { version } from "./package.json";
 
-const isDev = process.env.NODE_ENV !== "production";
-
 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.`);
+  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.`);
+  throw new Error(
+    `NUXT_WP_URL is not defined. Make sure to set it in your build environment variables.`,
+  );
 }
 const wpDomain = new URL(wpUrl).hostname;
 
+const enableCloudflareImages = Boolean(process.env.ENABLE_CLOUDFLARE_IMAGES);
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-
   modules: [
     "@lewebsimple/nuxt-graphql",
-    "@nuxt/eslint",
     "@nuxt/image",
     "@nuxt/ui",
     "@nuxtjs/device",
@@ -28,9 +30,7 @@ export default defineNuxtConfig({
   ],
 
   components: {
-    dirs: [
+    dirs: [{ path: "~/components", pathPrefix: false }],
-      { path: "~/components", pathPrefix: false },
-    ],
   },
 
   devtools: { enabled: true },
@@ -56,39 +56,12 @@ export default defineNuxtConfig({
   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: {
-        arrowParens: true,
-        commaDangle: "always-multiline",
-        indent: 2,
-        quotes: "double",
-        semi: true,
       },
     },
   },
@@ -108,8 +81,10 @@ export default defineNuxtConfig({
   },
 
   image: {
-    ...isDev ? {} : { provider: "cloudflare", cloudflare: { baseURL: "/" } },
+    provider: enableCloudflareImages ? "cloudflare" : "none",
+    cloudflare: { baseURL: `${siteUrl}/` },
     domains: [wpDomain],
+    format: ["avif", "webp"],
   },
 
   robots: {

wp-content/themes/moonshine/package.json

@@ -1,22 +1,31 @@
 {
   "name": "@lewebsimple/moonshine",
-  "description": "Headless WordPress theme based on Nuxt.",
+  "version": "0.1.13",
-  "version": "0.1.10",
-  "type": "module",
   "private": true,
+  "description": "Headless WordPress theme based on Nuxt.",
+  "type": "module",
   "scripts": {
-    "build": "nuxt build",
+    "build": "pnpm --sequential /build:.*/",
-    "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
+    "build:nuxt": "nuxt build",
     "dev": "nuxt dev",
-    "lint": "eslint --fix .",
+    "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
-    "postinstall": "nuxt prepare",
+    "format": "oxfmt .",
-    "preview": "pnpm run build && wrangler dev --port 3000",
+    "lint": "oxlint . --fix",
-    "release": "pnpm lint && changelogen --noAuthors --release --push",
+    "postinstall": "pnpm --sequential /postinstall:.*/",
-    "typecheck": "nuxt typecheck"
+    "postinstall:wrangler-types": "wrangler types ./server/types/cloudflare.d.ts",
+    "postinstall:nuxt": "nuxt prepare",
+    "preview": "pnpm --sequential /preview:.*/",
+    "preview:build": "pnpm run build",
+    "preview:wrangler-dev": "wrangler dev --port 3000",
+    "release": "pnpm --sequential /release:.*/",
+    "release:lint": "oxlint .",
+    "release:typecheck": "nuxt typecheck",
+    "release:changelogen": "changelogen --noAuthors --release --push"
   },
   "dependencies": {
-    "@iconify-json/lucide": "^1.2.87",
+    "@iconify-json/cib": "^1.2.3",
-    "@lewebsimple/nuxt-graphql": "^0.6.7",
+    "@iconify-json/lucide": "^1.2.88",
+    "@lewebsimple/nuxt-graphql": "^0.6.8",
     "@nuxt/image": "^2.0.0",
     "@nuxt/ui": "4.3.0",
     "@nuxtjs/device": "4.0.0",
@@ -31,12 +40,12 @@
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@nuxt/eslint": "^1.13.0",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.2",
+    "oxfmt": "^0.28.0",
+    "oxlint": "^1.43.0",
     "typescript": "^5.9.3",
     "vue-tsc": "^3.2.4",
-    "wrangler": "^4.61.1"
+    "wrangler": "^4.62.0"
   },
   "pnpm": {
     "overrides": {

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

@@ -5,17 +5,17 @@ export default defineEventHandler(async (event) => {
     if (!data?.login) {
       throw new Error("INVALID_LOGIN");
     }
-    if (!await handleLogin(event, data)) {
+    if (!(await handleLogin(event, data))) {
       throw new Error("LOGIN_FAILED");
     }
     return { success: true, message: "Connexion réussie" };
-  }
+  } catch (error) {
-  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";
+    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

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

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

@@ -4,7 +4,9 @@ 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}` } });
+      request.extensions = defu(request.extensions, {
+        headers: { Authorization: `Bearer ${request.context.authToken}` },
+      });
     }
   },
 });

wp-content/themes/moonshine/server/types/h3.d.ts

@@ -0,0 +1,9 @@
+import "h3";
+
+declare module "h3" {
+  interface H3EventContext {
+    cloudflare: {
+      env: Cloudflare.Env;
+    };
+  }
+}

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

@@ -1,9 +1,9 @@
-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";
+import type { H3Event } from "h3";
+import { jwtDecode } from "jwt-decode";
 
 // Handle login result and store user session
 export async function handleLogin(event: H3Event, loginResult: AuthLoginMutationResult) {
@@ -54,10 +54,13 @@ export async function refreshAuthToken(refreshToken: string): Promise<string | u
   const refreshPromise = (async () => {
     const { wpUrl } = useRuntimeConfig();
     const endpoint = `${wpUrl}/graphql`;
-    const { data } = await executeGraphQLHTTP<ResultOf<"AuthRefreshToken">>({
+    const { data } = await executeGraphQLHTTP<ResultOf<"AuthRefreshToken">>(
+      {
         query: AuthRefreshTokenDocument,
         variables: { refreshToken },
-    }, { endpoint });
+      },
+      { endpoint },
+    );
     return data?.refreshToken?.authToken || undefined;
   })();
 
@@ -91,8 +94,7 @@ export async function getAuthToken(event: H3Event): Promise<string | undefined>
       }
       session.secure.authToken = newAuthToken;
       await setUserSession(event, session);
-    }
+    } catch {
-    catch {
       await clearUserSession(event);
       return;
     }

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

@@ -16,4 +16,4 @@ declare module "#auth-utils" {
   }
 }
 
-export { };
+export {};

wp-content/themes/moonshine/wrangler.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "wp-headless",
+  "main": ".output/server/index.mjs",
+  "compatibility_date": "2026-02-01",
+  "compatibility_flags": ["nodejs_compat", "no_nodejs_compat_v2"],
+  "observability": {
+    "enabled": true
+  },
+  "preview_urls": false,
+  "assets": {
+    "binding": "ASSETS",
+    "directory": ".output/public"
+  }
+}