chore(release): v0.1.13

README.md

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

wp-content/themes/moonshine/.gitignore

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

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)

wp-content/themes/moonshine/README.md

@@ -6,7 +6,14 @@ Thème WordPress en headless basé sur Nuxt.
 
 | 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/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/lists.css

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

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

@@ -4,9 +4,10 @@ import type { ButtonProps } from "@nuxt/ui";
 
 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/AcfMedia.fragment.gql

@@ -1,9 +1,5 @@
 fragment AcfMedia on GroupAbstractMedia_Fields {
-  image {
-    node {
-      ...AcfImage
-    }
-  }
+  image { node { ... AcfImage } }
   aspectRatio
   objectFit
-}
+}

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/sections/SectionHeroSplit.global.vue

@@ -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/SiteFooterBottom.vue

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

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

@@ -8,8 +8,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,6 +3,7 @@ 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;
@@ -67,5 +68,12 @@ export function useAuthConnexion() {
     }
   }
 
-  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/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/utils/acf-link.ts

@@ -0,0 +1,18 @@
+import * as z from "zod";
+import type { AcfLinkFragment } from "#graphql/operations";
+
+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,29 @@
+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/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/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,7 +1,5 @@
 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.`);
@@ -13,6 +11,8 @@ if (!wpUrl) {
 }
 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({
 
@@ -57,15 +57,8 @@ export default defineNuxtConfig({
     preset: "cloudflare_module",
     cloudflare: {
       deployConfig: true,
-      nodeCompat: true,
       wrangler: {
-        // Project name
-        name: "moonshine",
-        // Cloudflare Workers settings
-        compatibility_date: "2026-01-27",
-        observability: { enabled: true },
-        preview_urls: false,
-        // Environment variables
+        name: "wp-headless",
         vars: {
           NODE_ENV: "staging",
           NUXT_SITE_URL: siteUrl,
@@ -102,7 +95,7 @@ export default defineNuxtConfig({
   },
 
   image: {
-    provider: isDev ? "ipx" : "cloudflare",
+    provider: enableCloudflareImages ? "cloudflare" : "none",
     cloudflare: { baseURL: `${siteUrl}/` },
     domains: [wpDomain],
     format: ["avif", "webp"],
@@ -119,4 +112,5 @@ export default defineNuxtConfig({
     componentPrefix: "Svg",
     defaultImport: "component",
   },
+
 });

wp-content/themes/moonshine/package.json

@@ -1,18 +1,25 @@
 {
   "name": "@lewebsimple/moonshine",
   "description": "Headless WordPress theme based on Nuxt.",
-  "version": "0.1.10",
+  "version": "0.1.13",
   "type": "module",
   "private": true,
   "scripts": {
-    "build": "nuxt build",
-    "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
+    "build": "pnpm --sequential /build:.*/",
+    "build:nuxt": "nuxt build",
     "dev": "nuxt dev",
-    "lint": "eslint --fix .",
-    "postinstall": "nuxt prepare",
-    "preview": "pnpm run build && wrangler dev --port 3000",
-    "release": "pnpm lint && changelogen --noAuthors --release --push",
-    "typecheck": "nuxt typecheck"
+    "editor-style": "pnpx @tailwindcss/cli -i ./app/assets/css/_main.css -o ./editor-style.css --minify",
+    "lint": "eslint . --fix",
+    "postinstall": "pnpm --sequential /postinstall:.*/",
+    "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": "eslint .",
+    "release:typecheck": "nuxt typecheck",
+    "release:changelogen": "changelogen --noAuthors --release --push"
   },
   "dependencies": {
     "@iconify-json/cib": "^1.2.3",

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/wrangler.json

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