Compare commits
89 Commits
84138e09b1
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 193b357d9c | |||
| 470857305b | |||
| 431433a3a0 | |||
| b0c5e4c20f | |||
| 2304d855b7 | |||
| b45d3a02f0 | |||
| e9d6ca2f96 | |||
| fc6168e5a4 | |||
| 3ec98fdc2d | |||
| 71a48de945 | |||
| 289b777cad | |||
| 18306c28b9 | |||
| 36e7d8ad8b | |||
| fdf32bbc78 | |||
| 2c44d8137c | |||
| db831700f0 | |||
| 9bb09b89d9 | |||
| 58dbcdd25a | |||
| 8ae6dafb62 | |||
| faf39ca182 | |||
| 8d350bb092 | |||
| 4338028c60 | |||
| ab563a7b37 | |||
| 2cfc1a0047 | |||
| 98e8d971e8 | |||
| 87be06ecea | |||
| 28f6e1ae7c | |||
| 27380290e1 | |||
| 7e44554767 | |||
| 9c3dceef84 | |||
| ba8d8e00a8 | |||
| 8f037b5950 | |||
| 291fa6eaa4 | |||
| 4079e4ecfb | |||
| eea020b136 | |||
| 5161bff624 | |||
| 3199835e83 | |||
| 6dd13ead91 | |||
| 980c5271ac | |||
| 115a5d2d38 | |||
| 6b17201f60 | |||
| ad3c53c5dd | |||
| fefa98021b | |||
| 1e58b1f1e7 | |||
| 0bafc3a9dd | |||
| 8bd544b5c3 | |||
| 4918c638ab | |||
| bff7bce1f1 | |||
| 0fbd2bf7ac | |||
| 238aa29bd4 | |||
| f268bdc3c3 | |||
| 11641a00d1 | |||
| 6a5d60e34c | |||
| 80e6555c88 | |||
| ff866e2078 | |||
| 5e39b53a44 | |||
| 2d93d44a93 | |||
| ec64a42c2e | |||
| 5f9c29c39a | |||
| 27f4f73148 | |||
| 21a7036ef5 | |||
| b1b1aa47c9 | |||
| 54fea5f64a | |||
| a27e6af5db | |||
| 2c86905c91 | |||
| 065b729a2f | |||
| c82bf47e98 | |||
| 51f594baa5 | |||
| 3e56ba7eb3 | |||
| aaea0b062a | |||
| b886585be1 | |||
| c6dfbeb247 | |||
| a1a8114f49 | |||
| 63f8e443cf | |||
| 5b8c50c758 | |||
| c5ce607fae | |||
| 9cd99c36db | |||
| 108269e3fe | |||
| 4492d760bb | |||
| 489ac82faa | |||
| d7cf08db00 | |||
| 4ae9b67b9c | |||
| 3b706c0092 | |||
| baa3061685 | |||
| fd61895bbd | |||
| cdcb09e24b | |||
| 341b0d6e9d | |||
| 58d1dc0045 | |||
| 5e0df227f3 |
56
.gitea/workflows/deploy.yaml
Normal file
56
.gitea/workflows/deploy.yaml
Normal file
@@ -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 }}
|
||||
1
.gitignore
vendored
1
.gitignore
vendored
@@ -8,6 +8,7 @@
|
||||
!/README.md
|
||||
!/composer.*
|
||||
!/phpcs.xml
|
||||
!/project.code-workspace
|
||||
!/wp-content/
|
||||
/wp-content/*
|
||||
|
||||
|
||||
20
.vscode/settings.json
vendored
20
.vscode/settings.json
vendored
@@ -1,20 +0,0 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
@@ -3,4 +3,3 @@
|
||||
Headless WordPress project boilerplate using Nuxt.
|
||||
|
||||
[✨ Release notes](/wp-content/themes/moonshine/CHANGELOG.md)
|
||||
|
||||
@@ -32,12 +32,16 @@
|
||||
"lintfix": "vendor/bin/phpcbf"
|
||||
},
|
||||
"require": {
|
||||
"axepress/wp-graphql-rank-math": "*",
|
||||
"lewebsimple/acf-phone": "*",
|
||||
"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/media-focus-point": "*",
|
||||
"wpackagist-plugin/seo-by-rank-math": "*",
|
||||
"wpackagist-plugin/wp-graphql": "*",
|
||||
"wpackagist-plugin/wpgraphql-acf": "*"
|
||||
},
|
||||
@@ -45,4 +49,4 @@
|
||||
"lewebsimple/wp-phpcs-ruleset": "*",
|
||||
"squizlabs/php_codesniffer": "*"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
258
composer.lock
generated
258
composer.lock
generated
@@ -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": "e3ce417e8c09ed84502559af141f6530",
|
||||
"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",
|
||||
@@ -152,6 +313,43 @@
|
||||
],
|
||||
"time": "2024-06-24T20:46:46+00:00"
|
||||
},
|
||||
{
|
||||
"name": "lewebsimple/acf-phone",
|
||||
"version": "v3.1.1",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/lewebsimple/acf-phone.git",
|
||||
"reference": "f9cb86eacb26eb92a40eb5e4366cff3e58e01f47"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://satis.ledevsimple.ca/dist/lewebsimple/acf-phone/lewebsimple-acf-phone-f9cb86eacb26eb92a40eb5e4366cff3e58e01f47-zip-606a09.zip",
|
||||
"reference": "f9cb86eacb26eb92a40eb5e4366cff3e58e01f47",
|
||||
"shasum": "2bbbc7d7f917e278d7d913bcb9da07a30f4662e6"
|
||||
},
|
||||
"require-dev": {
|
||||
"lewebsimple/wp-phpcs-ruleset": "*",
|
||||
"php-stubs/acf-pro-stubs": "*",
|
||||
"squizlabs/php_codesniffer": "*"
|
||||
},
|
||||
"type": "wordpress-plugin",
|
||||
"scripts": {
|
||||
"post-create-project-cmd": [
|
||||
"./scripts/post-create.sh"
|
||||
],
|
||||
"lint": [
|
||||
"vendor/bin/phpcs"
|
||||
],
|
||||
"lintfix": [
|
||||
"vendor/bin/phpcbf"
|
||||
]
|
||||
},
|
||||
"support": {
|
||||
"source": "https://github.com/lewebsimple/acf-phone/tree/v3.1.1",
|
||||
"issues": "https://github.com/lewebsimple/acf-phone/issues"
|
||||
},
|
||||
"time": "2026-02-10T17:56:38+00:00"
|
||||
},
|
||||
{
|
||||
"name": "lewebsimple/advanced-custom-fields-pro",
|
||||
"version": "v6.7.0.2",
|
||||
@@ -171,20 +369,20 @@
|
||||
},
|
||||
{
|
||||
"name": "lewebsimple/kaliroots",
|
||||
"version": "v0.9.18",
|
||||
"version": "v0.9.19",
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "ssh://git@gitea.websimple.com:222/wp-themes/kaliroots.git",
|
||||
"reference": "720554dff6ea45216b52187b7e8d5b87200d55a4"
|
||||
"reference": "40789468328e126cec9bd2f85a6a9923663a8d91"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://satis.ledevsimple.ca/dist/lewebsimple/kaliroots/lewebsimple-kaliroots-v0.9.18-77d6cf.zip",
|
||||
"reference": "720554dff6ea45216b52187b7e8d5b87200d55a4",
|
||||
"shasum": "fd6aea0ef1bc160bc183eb7239cc9adf2fd88169"
|
||||
"url": "https://satis.ledevsimple.ca/dist/lewebsimple/kaliroots/lewebsimple-kaliroots-v0.9.19-12b0b3.zip",
|
||||
"reference": "40789468328e126cec9bd2f85a6a9923663a8d91",
|
||||
"shasum": "0a4cadbbc7719ee7de94b5cff4b2bb9c436f6416"
|
||||
},
|
||||
"type": "wordpress-theme",
|
||||
"time": "2025-10-10T12:11:22+00:00"
|
||||
"time": "2026-02-09T15:07:56+00:00"
|
||||
},
|
||||
{
|
||||
"name": "lewebsimple/wp-graphql-headless-login",
|
||||
@@ -258,16 +456,52 @@
|
||||
"homepage": "https://wordpress.org/plugins/disable-comments/"
|
||||
},
|
||||
{
|
||||
"name": "wpackagist-plugin/wp-graphql",
|
||||
"version": "2.6.0",
|
||||
"name": "wpackagist-plugin/media-focus-point",
|
||||
"version": "2.0.5",
|
||||
"source": {
|
||||
"type": "svn",
|
||||
"url": "https://plugins.svn.wordpress.org/wp-graphql/",
|
||||
"reference": "tags/2.6.0"
|
||||
"url": "https://plugins.svn.wordpress.org/media-focus-point/",
|
||||
"reference": "tags/2.0.5"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://downloads.wordpress.org/plugin/wp-graphql.2.6.0.zip"
|
||||
"url": "https://downloads.wordpress.org/plugin/media-focus-point.2.0.5.zip"
|
||||
},
|
||||
"require": {
|
||||
"composer/installers": "^1.0 || ^2.0"
|
||||
},
|
||||
"type": "wordpress-plugin",
|
||||
"homepage": "https://wordpress.org/plugins/media-focus-point/"
|
||||
},
|
||||
{
|
||||
"name": "wpackagist-plugin/seo-by-rank-math",
|
||||
"version": "1.0.264",
|
||||
"source": {
|
||||
"type": "svn",
|
||||
"url": "https://plugins.svn.wordpress.org/seo-by-rank-math/",
|
||||
"reference": "tags/1.0.264"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://downloads.wordpress.org/plugin/seo-by-rank-math.1.0.264.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.8.0",
|
||||
"source": {
|
||||
"type": "svn",
|
||||
"url": "https://plugins.svn.wordpress.org/wp-graphql/",
|
||||
"reference": "tags/2.8.0"
|
||||
},
|
||||
"dist": {
|
||||
"type": "zip",
|
||||
"url": "https://downloads.wordpress.org/plugin/wp-graphql.2.8.0.zip"
|
||||
},
|
||||
"require": {
|
||||
"composer/installers": "^1.0 || ^2.0"
|
||||
|
||||
30
project.code-workspace
Normal file
30
project.code-workspace
Normal file
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"folders": [
|
||||
{
|
||||
"name": "Nuxt",
|
||||
"path": "wp-content/themes/moonshine"
|
||||
},
|
||||
{
|
||||
"name": "WordPress",
|
||||
"path": "."
|
||||
}
|
||||
],
|
||||
"settings": {
|
||||
"files.associations": {
|
||||
"*.css": "tailwindcss"
|
||||
},
|
||||
"editor.quickSuggestions": {
|
||||
"strings": "on"
|
||||
},
|
||||
"tailwindCSS.classAttributes": [
|
||||
"class",
|
||||
"ui"
|
||||
],
|
||||
"tailwindCSS.experimental.classRegex": [
|
||||
[
|
||||
"ui:\\s*{([^)]*)\\s*}",
|
||||
"(?:'|\"|`)([^']*)(?:'|\"|`)"
|
||||
]
|
||||
]
|
||||
}
|
||||
}
|
||||
20
wp-content/mu-plugins/headless-home-url.php
Normal file
20
wp-content/mu-plugins/headless-home-url.php
Normal file
@@ -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 );
|
||||
}
|
||||
4
wp-content/themes/moonshine/.gitignore
vendored
4
wp-content/themes/moonshine/.gitignore
vendored
@@ -22,3 +22,7 @@ logs
|
||||
.env
|
||||
.env.*
|
||||
!.env.example
|
||||
|
||||
# Wrangler files
|
||||
.wrangler
|
||||
server/types/cloudflare.d.ts
|
||||
|
||||
19
wp-content/themes/moonshine/.oxfmtrc.json
Normal file
19
wp-content/themes/moonshine/.oxfmtrc.json
Normal file
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"$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"],
|
||||
"stylesheet": "./app/assets/css/_main.css"
|
||||
}
|
||||
}
|
||||
22
wp-content/themes/moonshine/.oxlintrc.json
Normal file
22
wp-content/themes/moonshine/.oxlintrc.json
Normal file
@@ -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
|
||||
}
|
||||
}
|
||||
}
|
||||
3
wp-content/themes/moonshine/.vscode/extensions.json
vendored
Normal file
3
wp-content/themes/moonshine/.vscode/extensions.json
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"recommendations": ["oxc.oxc-vscode"]
|
||||
}
|
||||
25
wp-content/themes/moonshine/.vscode/launch.json
vendored
Normal file
25
wp-content/themes/moonshine/.vscode/launch.json
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"version": "0.2.0",
|
||||
"configurations": [
|
||||
{
|
||||
"name": "Nuxt server",
|
||||
"type": "node",
|
||||
"request": "launch",
|
||||
"program": "${workspaceFolder}/node_modules/nuxt/bin/nuxt.mjs",
|
||||
"runtimeArgs": ["--inspect"],
|
||||
"args": ["dev"],
|
||||
"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"
|
||||
}
|
||||
]
|
||||
}
|
||||
35
wp-content/themes/moonshine/.vscode/settings.json
vendored
Normal file
35
wp-content/themes/moonshine/.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
{
|
||||
"[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": "always"
|
||||
},
|
||||
"editor.defaultFormatter": "oxc.oxc-vscode",
|
||||
"editor.formatOnSave": true,
|
||||
"editor.quickSuggestions": {
|
||||
"strings": "on"
|
||||
},
|
||||
"eslint.enable": false
|
||||
}
|
||||
@@ -1,5 +1,196 @@
|
||||
# Changelog
|
||||
|
||||
## v0.1.14
|
||||
|
||||
[compare changes](https://gitea.websimple.com/wp-sites/wp-headless/compare/v0.1.13...v0.1.14)
|
||||
|
||||
### 🚀 Enhancements
|
||||
|
||||
- Replace eslint => oxlint + oxfmt (9bb09b8)
|
||||
- VSCode launch configurations (fdf32bb)
|
||||
- Project.code-workspace (71a48de)
|
||||
- UseLayoutWrapper (3ec98fd)
|
||||
- Auth middleware (fc6168e)
|
||||
- UiLoadMore (e9d6ca2)
|
||||
|
||||
### 🩹 Fixes
|
||||
|
||||
- Wrangler config (db83170)
|
||||
- Abstract social profiles should not be non-null (b0c5e4c)
|
||||
|
||||
## 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)
|
||||
|
||||
### 🚀 Enhancements
|
||||
|
||||
- GroupSiteOptions.phoneNumber (ad3c53c)
|
||||
- AcfPhone component (6b17201)
|
||||
- AcfLink / AcfLinkButton components (115a5d2)
|
||||
|
||||
### 💅 Refactors
|
||||
|
||||
- OptionsSite => SiteOptions for clearer naming (fefa980)
|
||||
|
||||
## v0.1.9
|
||||
|
||||
[compare changes](https://gitea.websimple.com/templates/wp-headless/compare/v0.1.8...v0.1.9)
|
||||
|
||||
### 🚀 Enhancements
|
||||
|
||||
- Enhance refreshAuthToken to prevent duplicate requests (5e39b53)
|
||||
- Default site-logo.svg (238aa29)
|
||||
- Initial Media / HeroSplit acf groups (0fbd2bf)
|
||||
- Media Focus Point plugin integration (bff7bce)
|
||||
- AcfImage component based on @nuxt/image (4918c63)
|
||||
- AcfMedia component (image + aspect + object-fit) (8bd544b)
|
||||
- HeroSplit section (0bafc3a)
|
||||
|
||||
## 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)
|
||||
@@ -17,7 +208,6 @@
|
||||
|
||||
## v0.1.1
|
||||
|
||||
|
||||
### 🚀 Enhancements
|
||||
|
||||
- Initial Moonshine theme - Headless WordPress theme based on Nuxt (b3134fe)
|
||||
|
||||
@@ -1,3 +1,19 @@
|
||||
# Moonshine
|
||||
|
||||
Headless WordPress theme based on Nuxt.
|
||||
Thème WordPress en headless basé sur Nuxt.
|
||||
|
||||
## Variables d'environnement
|
||||
|
||||
| Nom | Description | Exemple | Requise |
|
||||
| --------------- | ------------------------ | ----------------------- | ------- |
|
||||
| `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
|
||||
```
|
||||
|
||||
@@ -1,156 +1,244 @@
|
||||
{
|
||||
"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": {
|
||||
"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": ""
|
||||
},
|
||||
"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"
|
||||
},
|
||||
"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": []
|
||||
}
|
||||
]
|
||||
],
|
||||
"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
|
||||
],
|
||||
"min": "",
|
||||
"max": "",
|
||||
"acfe_flexible_modal_edit_size": "",
|
||||
"acfe_flexible_settings": [
|
||||
"group_layout_colored",
|
||||
"group_layout_contained",
|
||||
"group_layout_padded"
|
||||
],
|
||||
"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
|
||||
},
|
||||
"layout_697caf9a3e05b": {
|
||||
"key": "layout_697caf9a3e05b",
|
||||
"name": "hero_split",
|
||||
"label": "Héro en moitié",
|
||||
"display": "block",
|
||||
"sub_fields": [
|
||||
{
|
||||
"key": "field_697cafb13e05d",
|
||||
"label": "Content",
|
||||
"name": "content",
|
||||
"aria-label": "",
|
||||
"type": "wysiwyg",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"default_value": "",
|
||||
"allow_in_bindings": 0,
|
||||
"tabs": "all",
|
||||
"toolbar": "full",
|
||||
"media_upload": 0,
|
||||
"delay": 0,
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "content",
|
||||
"graphql_non_null": 1
|
||||
},
|
||||
{
|
||||
"key": "field_697cafc43e05e",
|
||||
"label": "Media",
|
||||
"name": "media",
|
||||
"aria-label": "",
|
||||
"type": "clone",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"graphql_field_name": "media",
|
||||
"clone": ["group_abstract_media"],
|
||||
"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_697cafdc3e05f",
|
||||
"label": "Position de l'image",
|
||||
"name": "reverse",
|
||||
"aria-label": "",
|
||||
"type": "true_false",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"message": "",
|
||||
"default_value": 0,
|
||||
"allow_in_bindings": 0,
|
||||
"ui_on_text": "Gauche",
|
||||
"ui_off_text": "Droite",
|
||||
"ui": 1,
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "reverse",
|
||||
"graphql_non_null": 1
|
||||
}
|
||||
],
|
||||
"min": "",
|
||||
"max": "",
|
||||
"acfe_flexible_modal_edit_size": "",
|
||||
"acfe_flexible_settings": ["group_layout_colored", "group_layout_padded"],
|
||||
"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": 1770740697
|
||||
}
|
||||
|
||||
121
wp-content/themes/moonshine/acf-json/group_abstract_media.json
Normal file
121
wp-content/themes/moonshine/acf-json/group_abstract_media.json
Normal file
@@ -0,0 +1,121 @@
|
||||
{
|
||||
"key": "group_abstract_media",
|
||||
"title": "Abstract - Media",
|
||||
"fields": [
|
||||
{
|
||||
"key": "field_697caec68536d",
|
||||
"label": "Image",
|
||||
"name": "image",
|
||||
"aria-label": "",
|
||||
"type": "image",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "33",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"uploader": "",
|
||||
"return_format": "array",
|
||||
"library": "all",
|
||||
"acfe_thumbnail": 0,
|
||||
"min_width": "",
|
||||
"min_height": "",
|
||||
"min_size": "",
|
||||
"max_width": "",
|
||||
"max_height": "",
|
||||
"max_size": "",
|
||||
"mime_types": "",
|
||||
"allow_in_bindings": 0,
|
||||
"preview_size": "medium",
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "image"
|
||||
},
|
||||
{
|
||||
"key": "field_697caf018536e",
|
||||
"label": "Ratio d'aspect",
|
||||
"name": "aspect_ratio",
|
||||
"aria-label": "",
|
||||
"type": "button_group",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "33",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"choices": {
|
||||
"square": "Carré (1:1)",
|
||||
"video": "Vidéo (16:9)",
|
||||
"portrait": "Portrait (2:3)",
|
||||
"auto": "Aspect d'origine"
|
||||
},
|
||||
"default_value": "auto",
|
||||
"return_format": "value",
|
||||
"allow_null": 0,
|
||||
"allow_in_bindings": 0,
|
||||
"layout": "horizontal",
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "aspectRatio",
|
||||
"graphql_non_null": 1
|
||||
},
|
||||
{
|
||||
"key": "field_697caf378536f",
|
||||
"label": "Ajustement de l'image",
|
||||
"name": "object_fit",
|
||||
"aria-label": "",
|
||||
"type": "button_group",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "33",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"choices": {
|
||||
"cover": "Recadrer si nécessaire",
|
||||
"contain": "Contenir sans recadrage"
|
||||
},
|
||||
"default_value": "cover",
|
||||
"return_format": "value",
|
||||
"allow_null": 0,
|
||||
"allow_in_bindings": 0,
|
||||
"layout": "horizontal",
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "objectFit",
|
||||
"graphql_non_null": 1
|
||||
}
|
||||
],
|
||||
"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": "GroupAbstractMedia",
|
||||
"map_graphql_types_from_location_rules": 0,
|
||||
"graphql_types": "",
|
||||
"acfe_meta": "",
|
||||
"acfe_note": "",
|
||||
"modified": 1769779078
|
||||
}
|
||||
@@ -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": 0,
|
||||
"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": 1770821599
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
{
|
||||
"key": "group_layout_colored",
|
||||
"title": "Layout - Colored",
|
||||
"fields": [
|
||||
{
|
||||
"key": "field_693c8c945ce51",
|
||||
"label": "Variante de couleur",
|
||||
"name": "color",
|
||||
"aria-label": "",
|
||||
"type": "button_group",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"choices": {
|
||||
"default": "Par défaut",
|
||||
"muted": "Atténué",
|
||||
"elevated": "Surélevé",
|
||||
"accented": "Accentué",
|
||||
"inverted": "Inversé",
|
||||
"primary": "Couleur principale"
|
||||
},
|
||||
"default_value": "default",
|
||||
"return_format": "value",
|
||||
"allow_null": 0,
|
||||
"allow_in_bindings": 0,
|
||||
"layout": "horizontal",
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "color",
|
||||
"graphql_non_null": 1
|
||||
}
|
||||
],
|
||||
"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": "GroupLayoutColored",
|
||||
"map_graphql_types_from_location_rules": 0,
|
||||
"graphql_types": "",
|
||||
"acfe_meta": "",
|
||||
"acfe_note": "",
|
||||
"modified": 1770132035
|
||||
}
|
||||
@@ -1,149 +1,63 @@
|
||||
{
|
||||
"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
|
||||
"key": "group_layout_contained",
|
||||
"title": "Layout - Contained",
|
||||
"fields": [
|
||||
{
|
||||
"key": "field_68dc29d78941c",
|
||||
"label": "Largeur du contenu",
|
||||
"name": "container",
|
||||
"aria-label": "",
|
||||
"type": "button_group",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"choices": {
|
||||
"default": "1536px",
|
||||
"xl": "1280px",
|
||||
"lg": "1024px",
|
||||
"fluid": "Largeur fluide",
|
||||
"fullbleed": "Pleine largeur"
|
||||
},
|
||||
"default_value": "default",
|
||||
"return_format": "value",
|
||||
"allow_null": 0,
|
||||
"allow_in_bindings": 0,
|
||||
"layout": "horizontal",
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "container",
|
||||
"graphql_non_null": 1
|
||||
}
|
||||
],
|
||||
"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": 1770740626
|
||||
}
|
||||
|
||||
@@ -0,0 +1,62 @@
|
||||
{
|
||||
"key": "group_layout_padded",
|
||||
"title": "Layout - Padded",
|
||||
"fields": [
|
||||
{
|
||||
"key": "field_693c8c3b5ce50",
|
||||
"label": "Espacement intérieur vertical",
|
||||
"name": "vertical_padding",
|
||||
"aria-label": "",
|
||||
"type": "button_group",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"choices": {
|
||||
"none": "Aucun",
|
||||
"sm": "Petit (12px)",
|
||||
"md": "Medium (24px)",
|
||||
"lg": "Grand (48px)"
|
||||
},
|
||||
"default_value": "md",
|
||||
"return_format": "value",
|
||||
"allow_null": 0,
|
||||
"allow_in_bindings": 0,
|
||||
"layout": "horizontal",
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "verticalPadding",
|
||||
"graphql_non_null": 1
|
||||
}
|
||||
],
|
||||
"location": [
|
||||
[
|
||||
{
|
||||
"param": "abstract"
|
||||
}
|
||||
]
|
||||
],
|
||||
"menu_order": 0,
|
||||
"position": "normal",
|
||||
"style": "default",
|
||||
"label_placement": "left",
|
||||
"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": "GroupLayoutPadded",
|
||||
"map_graphql_types_from_location_rules": 0,
|
||||
"graphql_types": "",
|
||||
"acfe_meta": "",
|
||||
"acfe_note": "",
|
||||
"modified": 1770740636
|
||||
}
|
||||
154
wp-content/themes/moonshine/acf-json/group_options_site.json
Normal file
154
wp-content/themes/moonshine/acf-json/group_options_site.json
Normal file
@@ -0,0 +1,154 @@
|
||||
{
|
||||
"key": "group_options_site",
|
||||
"title": "Options - Site",
|
||||
"fields": [
|
||||
{
|
||||
"key": "field_697220310aaaf",
|
||||
"label": "Courriel",
|
||||
"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
|
||||
},
|
||||
{
|
||||
"key": "field_697cbf414fdd5",
|
||||
"label": "Numéro de téléphone",
|
||||
"name": "phone_number",
|
||||
"aria-label": "",
|
||||
"type": "phone",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"initial_country": "CA",
|
||||
"return_format": "national",
|
||||
"allow_in_bindings": 0,
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "phoneNumber",
|
||||
"graphql_non_null": 1
|
||||
},
|
||||
{
|
||||
"key": "field_697cd4c5fc56a",
|
||||
"label": "Médias sociaux",
|
||||
"name": "social",
|
||||
"aria-label": "",
|
||||
"type": "clone",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"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",
|
||||
"name": "links",
|
||||
"aria-label": "",
|
||||
"type": "group",
|
||||
"instructions": "",
|
||||
"required": 0,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"layout": "row",
|
||||
"acfe_seamless_style": 0,
|
||||
"acfe_group_modal": 0,
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "links",
|
||||
"graphql_non_null": 0,
|
||||
"acfe_group_modal_close": 0,
|
||||
"acfe_group_modal_button": "",
|
||||
"acfe_group_modal_size": "large",
|
||||
"sub_fields": [
|
||||
{
|
||||
"key": "field_697cc93e234cd",
|
||||
"label": "Contact",
|
||||
"name": "contact",
|
||||
"aria-label": "",
|
||||
"type": "link",
|
||||
"instructions": "",
|
||||
"required": 1,
|
||||
"conditional_logic": 0,
|
||||
"wrapper": {
|
||||
"width": "",
|
||||
"class": "",
|
||||
"id": ""
|
||||
},
|
||||
"return_format": "array",
|
||||
"allow_in_bindings": 0,
|
||||
"show_in_graphql": 1,
|
||||
"graphql_description": "",
|
||||
"graphql_field_name": "contact",
|
||||
"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": "GroupSiteOptions",
|
||||
"map_graphql_types_from_location_rules": 0,
|
||||
"graphql_types": "",
|
||||
"acfe_meta": "",
|
||||
"acfe_note": "",
|
||||
"modified": 1770820358
|
||||
}
|
||||
@@ -1,66 +1,60 @@
|
||||
{
|
||||
"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
|
||||
"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
|
||||
}
|
||||
|
||||
@@ -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": "SiteOptions",
|
||||
"modified": 1769693948
|
||||
}
|
||||
@@ -9,5 +9,15 @@ export default defineAppConfig({
|
||||
base: "cursor-pointer",
|
||||
},
|
||||
},
|
||||
input: {
|
||||
slots: {
|
||||
root: "w-full",
|
||||
},
|
||||
},
|
||||
textarea: {
|
||||
slots: {
|
||||
root: "w-full",
|
||||
},
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
@import "tailwindcss" theme(static) source("../../..");
|
||||
@import "tailwindcss" theme(static) source("../../..");
|
||||
@import "@nuxt/ui";
|
||||
|
||||
@import "./a11y.css";
|
||||
@import "./containers.css";
|
||||
@import "./links.css";
|
||||
@import "./lists.css";
|
||||
@import "./prose.css";
|
||||
@import "./typography.css";
|
||||
|
||||
|
||||
@@ -8,13 +8,27 @@
|
||||
}
|
||||
|
||||
/* 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; }
|
||||
@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 {
|
||||
@@ -42,6 +56,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
@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);}
|
||||
@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);
|
||||
}
|
||||
|
||||
@@ -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-underline { @apply link-base underline hover:decoration-primary; }
|
||||
@utility link-opacity { @apply link-base hover:opacity-80; }
|
||||
@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;
|
||||
}
|
||||
|
||||
3
wp-content/themes/moonshine/app/assets/css/lists.css
Normal file
3
wp-content/themes/moonshine/app/assets/css/lists.css
Normal file
@@ -0,0 +1,3 @@
|
||||
@utility list-horizontal {
|
||||
@apply list-none flex flex-wrap items-center gap-3;
|
||||
}
|
||||
@@ -1,15 +1,25 @@
|
||||
@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; }
|
||||
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; }
|
||||
p:not([class*="paragraph-"]) {
|
||||
@apply paragraph-base;
|
||||
}
|
||||
|
||||
/* Spacing */
|
||||
@apply space-y-2;
|
||||
|
||||
@@ -1,10 +1,24 @@
|
||||
/* 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; }
|
||||
@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; }
|
||||
@utility paragraph-base {
|
||||
@apply font-sans;
|
||||
}
|
||||
@utility paragraph-lead {
|
||||
@apply paragraph-base text-2xl;
|
||||
}
|
||||
|
||||
4
wp-content/themes/moonshine/app/assets/svg/site-logo.svg
Normal file
4
wp-content/themes/moonshine/app/assets/svg/site-logo.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg version="1.1" viewBox="0 0 490.3 86.763" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m10.344 1.5312a10.208 10.208 0 0 0-9.0195 15.207l36.1 64.801a10.2 10.2 0 0 0 13.9 3.9004 10.415 10.415 0 0 0 4-14l-36.201-64.701a10.208 10.208 0 0 0-8.7793-5.207zm221.33 12.51v51.84h11.52v-2.8789a16.277 16.277 0 0 0 11.232 3.959c9.576 0 17.641-7.7004 17.641-19.152 0-11.376-8.0656-19.152-17.641-19.152a16.277 16.277 0 0 0-11.232 3.9609v-18.576h-11.52zm206 0v51.84h11.52v-51.84h-11.52zm-127.3 0.070312v11.145h11.521v-11.145h-11.521zm-21.229 14.535c-8.6942-0.004836-14.866 4.5403-15.109 11.721-0.193 5.685 3.5014 9.4123 10.15 10.863l7.291 1.6875c2.645 0.594 3.5488 1.5612 3.5078 2.7852-0.054 1.583-1.7534 2.8227-4.7754 2.7207-3.094-0.105-5.8618-1.3519-6.2598-4.4629l-11.305 1.9199c0.972 7.453 8.133 10.795 16.625 11.084 9.5 0.322 16.549-3.6186 16.82-11.602 0.181-5.325-2.8478-9.5341-9.6348-11.205l-8.4316-2.0137c-2.286-0.582-2.6824-1.6003-2.6484-2.6113 0.044-1.295 1.0992-2.773 4.1992-2.668 3.526 0.12 5.6164 2.2082 5.9004 4.4512l10.574-1.7363c-1.227-6.309-7.0597-10.613-16.055-10.918-0.28559-0.009687-0.56915-0.015469-0.84961-0.015625zm-79.43 0.009766c-10.512 0-19.152 7.7764-19.152 19.152 0 11.448 8.6401 19.152 19.08 19.152 8.28 0 14.832-3.6728 17.928-11.301l-10.225-2.0879c-1.944 3.528-5.0392 4.1758-7.6992 4.1758-3.888 0-6.8414-2.6624-7.7774-6.9824h26.5v-2.957h-0.00781c-0.216-11.808-8.4225-19.152-18.646-19.152zm140.62 0a13.682 13.682 0 0 0-10.656 4.3926v-3.3125h-11.52v36.145h11.52v-17.711c0-6.048 2.7361-9.1445 6.9121-9.1445 3.456 0 6.1191 2.5912 6.1191 6.6992v20.156h11.521v-17.711c0-6.048 2.8067-9.1445 7.0547-9.1445 3.384 0 6.0488 2.5912 6.0488 6.6992v20.156h11.447v-22.607c0-8.784-6.1202-14.617-13.824-14.617a15.58 15.58 0 0 0-12.814 6.1211c-2.448-3.96-6.7686-6.1211-11.809-6.1211zm66.391 0a16.277 16.277 0 0 0-11.232 3.9609v-2.8809h-11.52v48.385h11.52v-15.119a16.277 16.277 0 0 0 11.232 3.959c9.576 0 17.639-7.7004 17.639-19.152 0-11.376-8.0627-19.152-17.639-19.152zm54.936 0c-10.512 0-19.15 7.7764-19.15 19.152 0 11.448 8.6381 19.152 19.078 19.152 8.28 0 14.834-3.6728 17.93-11.301l-10.225-2.0879c-1.944 3.528-5.0392 4.1758-7.6992 4.1758-3.888 0-6.8414-2.6624-7.7774-6.9824h26.5v-2.957h-0.00781c-0.216-11.808-8.4244-19.152-18.648-19.152zm-336.16 1.0801 11.592 36.217h10.008l6.5527-19.584 6.4805 19.584h10.008l11.576-36.217h-11.301l-5.9004 19.512-6.8398-19.512h-8.1367l-6.8398 19.441-5.8984-19.441h-11.301zm174.88 0v36.145h11.521v-36.145h-11.521zm-100.66 8.2812a7.221 7.221 0 0 1 7.2715 5.6875h-14.9a7.918 7.918 0 0 1 7.6289-5.6875zm261.94 0a7.221 7.221 0 0 1 7.2715 5.6875h-14.9a7.918 7.918 0 0 1 7.6289-5.6875zm-219.6 0.43164c5.04 0 8.7109 3.8154 8.7109 9.3594 0 5.616-3.6709 9.3613-8.7109 9.3613a8.972 8.972 0 0 1-8.8574-9.3613 9.016 9.016 0 0 1 8.8574-9.3594zm162.29 0c5.04 0 8.7129 3.8154 8.7129 9.3594 0 5.616-3.6729 9.3613-8.7129 9.3613a8.972 8.972 0 0 1-8.8555-9.3613 9.016 9.016 0 0 1 8.8555-9.3594z" fill="#212121"/>
|
||||
<path d="m123.02 1.939-.7-.5a9.735 9.735 0 0 0-13.4 3.2l-29.1 47.3a2.253 2.253 0 0 1-3.9-.1l-11.3-20.3a9.82 9.82 0 0 0-13.3-3.8l-.8.4a9.82 9.82 0 0 0-3.8 13.3l21.8 39a9.983 9.983 0 0 0 8.3 5 9.83 9.83 0 0 0 9.1-4.6l40.4-65.6a9.668 9.668 0 0 0-3.3-13.3" fill="#0ad2b7" data-name="Tracé 22516"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
@@ -0,0 +1,9 @@
|
||||
fragment AcfImage on MediaItem {
|
||||
src: sourceUrl
|
||||
alt: altText
|
||||
mediaDetails {
|
||||
width
|
||||
height
|
||||
}
|
||||
objectPosition
|
||||
}
|
||||
17
wp-content/themes/moonshine/app/components/acf/AcfImage.vue
Normal file
17
wp-content/themes/moonshine/app/components/acf/AcfImage.vue
Normal file
@@ -0,0 +1,17 @@
|
||||
<script setup lang="ts">
|
||||
import type { AcfImageFragment } from "#graphql/operations";
|
||||
|
||||
defineProps<{ image?: AcfImageFragment }>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<NuxtImg
|
||||
v-if="image"
|
||||
:src="image.src"
|
||||
:alt="image.alt"
|
||||
:width="image.mediaDetails?.width"
|
||||
:height="image.mediaDetails?.height"
|
||||
:style="{ objectPosition: image.objectPosition || 'center' }"
|
||||
placeholder
|
||||
/>
|
||||
</template>
|
||||
@@ -0,0 +1,5 @@
|
||||
fragment AcfLink on AcfLink {
|
||||
title
|
||||
url
|
||||
target
|
||||
}
|
||||
23
wp-content/themes/moonshine/app/components/acf/AcfLink.vue
Normal file
23
wp-content/themes/moonshine/app/components/acf/AcfLink.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<script setup lang="ts">
|
||||
import type { AcfLinkFragment } from "#graphql/operations";
|
||||
import type { LinkProps } from "@nuxt/ui";
|
||||
|
||||
type AcfLinkProps = Omit<LinkProps, "to" | "target" | "href"> & {
|
||||
link?: AcfLinkFragment;
|
||||
};
|
||||
|
||||
const { link, ...linkProps } = defineProps<AcfLinkProps>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ULink
|
||||
v-if="link?.url && link?.title"
|
||||
v-bind="linkProps"
|
||||
:to="link.url"
|
||||
:target="link.target"
|
||||
:external="link.target === '_blank'"
|
||||
:rel="link.target === '_blank' ? 'noopener noreferrer' : undefined"
|
||||
>
|
||||
<slot>{{ link.title }}</slot>
|
||||
</ULink>
|
||||
</template>
|
||||
@@ -0,0 +1,24 @@
|
||||
<script setup lang="ts">
|
||||
import type { AcfLinkFragment } from "#graphql/operations";
|
||||
import type { ButtonProps } from "@nuxt/ui";
|
||||
|
||||
type AcfLinkButtonProps = Omit<ButtonProps, "to" | "target" | "href"> & {
|
||||
link?: AcfLinkFragment;
|
||||
showLabel?: boolean;
|
||||
};
|
||||
|
||||
const { link, showLabel, ...buttonProps } = defineProps<AcfLinkButtonProps>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<UButton
|
||||
v-if="link?.url && link?.title"
|
||||
v-bind="buttonProps"
|
||||
:to="link.url"
|
||||
:target="link.target"
|
||||
:external="link.target === '_blank'"
|
||||
:rel="link.target === '_blank' ? 'noopener noreferrer' : undefined"
|
||||
>
|
||||
<slot>{{ showLabel ? link.title : "" }}</slot>
|
||||
</UButton>
|
||||
</template>
|
||||
@@ -0,0 +1,9 @@
|
||||
fragment AcfMedia on GroupAbstractMedia_Fields {
|
||||
image {
|
||||
node {
|
||||
...AcfImage
|
||||
}
|
||||
}
|
||||
aspectRatio
|
||||
objectFit
|
||||
}
|
||||
36
wp-content/themes/moonshine/app/components/acf/AcfMedia.vue
Normal file
36
wp-content/themes/moonshine/app/components/acf/AcfMedia.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<script setup lang="ts">
|
||||
import { tv, type VariantProps } from "tailwind-variants";
|
||||
import type { AcfMediaFragment } from "#graphql/operations";
|
||||
|
||||
const tvAcfMedia = tv({
|
||||
slots: {
|
||||
image: "w-full",
|
||||
},
|
||||
variants: {
|
||||
aspectRatio: {
|
||||
square: { image: "aspect-[1/1]" },
|
||||
video: { image: "aspect-video" },
|
||||
portrait: { image: "aspect-[2/3]" },
|
||||
auto: { image: "aspect-auto" },
|
||||
},
|
||||
objectFit: {
|
||||
cover: { image: "object-cover" },
|
||||
contain: { image: "object-contain" },
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
aspectRatio: "auto",
|
||||
objectFit: "cover",
|
||||
},
|
||||
});
|
||||
|
||||
const props = defineProps<{ media?: AcfMediaFragment }>();
|
||||
const classes = tvAcfMedia({
|
||||
aspectRatio: props.media?.aspectRatio,
|
||||
objectFit: props.media?.objectFit,
|
||||
} as VariantProps<typeof tvAcfMedia>);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<AcfImage v-if="media?.image?.node" :image="media.image.node" :class="classes.image()" />
|
||||
</template>
|
||||
@@ -0,0 +1,5 @@
|
||||
fragment AcfPhone on AcfPhone {
|
||||
national
|
||||
e164
|
||||
extension
|
||||
}
|
||||
14
wp-content/themes/moonshine/app/components/acf/AcfPhone.vue
Normal file
14
wp-content/themes/moonshine/app/components/acf/AcfPhone.vue
Normal file
@@ -0,0 +1,14 @@
|
||||
<script setup lang="ts">
|
||||
import type { AcfPhoneFragment } from "#graphql/operations";
|
||||
|
||||
defineProps<{
|
||||
phone?: AcfPhoneFragment;
|
||||
link?: boolean;
|
||||
}>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Component :is="link ? 'a' : 'span'" v-if="phone" :href="link ? `tel:${phone.e164}` : undefined">
|
||||
{{ phone.national }}{{ phone.extension ? ` ext. ${phone.extension}` : "" }}
|
||||
</Component>
|
||||
</template>
|
||||
@@ -0,0 +1,5 @@
|
||||
fragment AcfSocial on GroupAbstractSocial_Fields {
|
||||
profiles {
|
||||
url
|
||||
}
|
||||
}
|
||||
18
wp-content/themes/moonshine/app/components/acf/AcfSocial.vue
Normal file
18
wp-content/themes/moonshine/app/components/acf/AcfSocial.vue
Normal file
@@ -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>
|
||||
@@ -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>
|
||||
@@ -7,7 +7,8 @@ const fields = [
|
||||
label: "Courriel",
|
||||
placeholder: "Entrez votre courriel",
|
||||
required: true,
|
||||
}, {
|
||||
},
|
||||
{
|
||||
name: "password",
|
||||
label: "Mot de passe",
|
||||
type: "password" as const,
|
||||
|
||||
@@ -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">
|
||||
Déconnexion
|
||||
</div>
|
||||
<div class="mt-1 text-base text-pretty text-muted">
|
||||
Veuillez confirmer la déconnexion.
|
||||
</div>
|
||||
<div class="text-xl font-semibold text-pretty 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"
|
||||
|
||||
@@ -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">
|
||||
Redirection en cours
|
||||
</div>
|
||||
<div class="mt-1 text-base text-pretty text-muted">
|
||||
Veuillez patienter...
|
||||
</div>
|
||||
<div class="text-xl font-semibold text-pretty text-highlighted">Redirection en cours</div>
|
||||
<div class="mt-1 text-base text-pretty text-muted">Veuillez patienter...</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,8 +1,11 @@
|
||||
fragment BuilderSections on GroupAbstractBuilder_Fields {
|
||||
sections {
|
||||
__typename
|
||||
... on GroupAbstractBuilderSectionsHeroSplitLayout {
|
||||
...SectionHeroSplit
|
||||
}
|
||||
... on GroupAbstractBuilderSectionsTextBlockLayout {
|
||||
... SectionTextBlock
|
||||
...SectionTextBlock
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<script setup lang="ts">
|
||||
import type { BuilderSectionsFragment } from "#graphql/fragments";
|
||||
import type { BuilderSectionsFragment } from "#graphql/operations";
|
||||
|
||||
const props = defineProps<BuilderSectionsFragment>();
|
||||
const sections = computed(() => {
|
||||
|
||||
@@ -0,0 +1,3 @@
|
||||
fragment LayoutColored on GroupLayoutColored_Fields {
|
||||
color
|
||||
}
|
||||
@@ -1,5 +1,3 @@
|
||||
fragment LayoutContained on GroupLayoutContained_Fields {
|
||||
container
|
||||
verticalPadding
|
||||
bgColor
|
||||
}
|
||||
|
||||
@@ -1,50 +0,0 @@
|
||||
<script setup lang="ts">
|
||||
import type { LayoutContainedFragment } from "#graphql/fragments";
|
||||
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>
|
||||
@@ -0,0 +1,3 @@
|
||||
fragment LayoutPadded on GroupLayoutPadded_Fields {
|
||||
verticalPadding
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
<script setup lang="ts">
|
||||
const props = defineProps<{ layoutSettings?: LayoutSettings }>();
|
||||
const { base, inner } = useLayoutWrapper(props.layoutSettings);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section :class="base()">
|
||||
<div :class="inner()">
|
||||
<slot />
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
@@ -1,6 +1,7 @@
|
||||
fragment NodePage on Page {
|
||||
title
|
||||
isFrontPage
|
||||
groupPostPage {
|
||||
... BuilderSections
|
||||
...BuilderSections
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,14 +1,12 @@
|
||||
<script setup lang="ts">
|
||||
import type { NodePageFragment } from "#graphql/fragments";
|
||||
import type { NodePageFragment } from "#graphql/operations";
|
||||
|
||||
defineProps<NodePageFragment>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div id="node-page">
|
||||
<h1 class="font-bold text-4xl">
|
||||
{{ title }}
|
||||
</h1>
|
||||
<BuilderSections v-bind="groupPostPage" />
|
||||
<PageHeader v-if="!isFrontPage" :title="title"></PageHeader>
|
||||
<BuilderSections :sections="groupPostPage?.sections || []" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{
|
||||
title?: string;
|
||||
}>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<header v-if="title" class="bg-accented py-6">
|
||||
<div class="container">
|
||||
<h1 class="heading-1">
|
||||
{{ title }}
|
||||
</h1>
|
||||
</div>
|
||||
</header>
|
||||
</template>
|
||||
@@ -1,18 +1,19 @@
|
||||
<script setup lang="ts">
|
||||
const { isLoggedIn } = useAuth();
|
||||
const { isRedirecting } = useAuthConnexion();
|
||||
const layoutSettings: LayoutWrapperProps = {
|
||||
container: "lg",
|
||||
};
|
||||
</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>
|
||||
<LayoutWrapper data-section-name="auth-connexion" :layout-settings="layoutSettings">
|
||||
<AuthState>
|
||||
<AuthRedirecting v-if="isRedirecting" />
|
||||
<template v-else>
|
||||
<AuthLogoutForm v-if="isLoggedIn" />
|
||||
<AuthLoginForm v-else />
|
||||
</template>
|
||||
</AuthState>
|
||||
</LayoutWrapper>
|
||||
</template>
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
fragment SectionHeroSplit on GroupAbstractBuilderSectionsHeroSplitLayout {
|
||||
content
|
||||
reverse
|
||||
...AcfMedia
|
||||
layoutSettings {
|
||||
...LayoutColored
|
||||
...LayoutPadded
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
<script setup lang="ts">
|
||||
import { tv, type VariantProps } from "tailwind-variants";
|
||||
import type { SectionHeroSplitFragment } from "#graphql/operations";
|
||||
|
||||
const tvSectionHeroSplit = tv({
|
||||
extend: tvLayoutWrapper,
|
||||
slots: {
|
||||
container: "container flex flex-col items-center gap-6",
|
||||
content: "flex-1",
|
||||
media: "w-full basis-1/2",
|
||||
},
|
||||
variants: {
|
||||
reverse: {
|
||||
false: {
|
||||
container: "lg:flex-row",
|
||||
},
|
||||
true: {
|
||||
container: "lg:flex-row-reverse",
|
||||
},
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
reverse: false,
|
||||
},
|
||||
});
|
||||
|
||||
const props = defineProps<SectionHeroSplitFragment>();
|
||||
const classes = tvSectionHeroSplit({
|
||||
reverse: props.reverse,
|
||||
...props.layoutSettings,
|
||||
} as VariantProps<typeof tvSectionHeroSplit>);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<section :class="classes.base()">
|
||||
<div :class="classes.container()">
|
||||
<UiProse :content="content" :class="classes.content()" />
|
||||
<AcfMedia :media="parseAcfMedia(props)" :class="classes.media()" />
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
@@ -1,6 +1,8 @@
|
||||
fragment SectionTextBlock on GroupAbstractBuilderSectionsTextBlockLayout {
|
||||
content
|
||||
layoutSettings {
|
||||
...LayoutColored
|
||||
...LayoutContained
|
||||
...LayoutPadded
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
<script setup lang="ts">
|
||||
import type { SectionTextBlockFragment } from "#graphql/fragments";
|
||||
import type { SectionTextBlockFragment } from "#graphql/operations";
|
||||
|
||||
defineProps<SectionTextBlockFragment>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<LayoutContained data-section-type="text-block" v-bind="layoutSettings!">
|
||||
<LayoutWrapper data-section-type="text-block" :layout-settings="layoutSettings">
|
||||
<UiProse :content="content" />
|
||||
</LayoutContained>
|
||||
</LayoutWrapper>
|
||||
</template>
|
||||
|
||||
@@ -1,13 +1,12 @@
|
||||
<script setup lang="ts">
|
||||
const { data: siteOptions } = await useSiteOptions();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<UFooter id="site-footer">
|
||||
<template #left>
|
||||
<SiteFooterCopyright />
|
||||
</template>
|
||||
<template #right>
|
||||
<SiteFooterCredits />
|
||||
</template>
|
||||
</UFooter>
|
||||
<footer class="links:link-prose bg-accented">
|
||||
<div class="container py-6">
|
||||
<AcfSocial :social="parseAcfSocial(siteOptions)" />
|
||||
</div>
|
||||
<SiteFooterBottom />
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
@@ -0,0 +1,20 @@
|
||||
<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" />
|
||||
<AuthState>
|
||||
<AcfLinkButton
|
||||
:link="connexionButton.link"
|
||||
:icon="connexionButton.icon"
|
||||
color="neutral"
|
||||
variant="link"
|
||||
/>
|
||||
</AuthState>
|
||||
<SiteFooterCredits />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@@ -1,10 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
const { data } = await useAsyncGraphQLQuery("GeneralSettings", undefined, { cache: { ttl: 0 } });
|
||||
const { data: generalSettings } = await useGeneralSettings();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
© {{ new Date().getFullYear() }}
|
||||
<span v-if="data.generalSettings?.title">{{ data.generalSettings.title }}</span>
|
||||
<span v-if="generalSettings?.title">{{ generalSettings.title }}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1,11 +1,9 @@
|
||||
<script setup lang="ts">
|
||||
const title = "Moonshine";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<UHeader :title="title">
|
||||
<template #right>
|
||||
<AuthConnexionButton />
|
||||
<UHeader mode="slideover">
|
||||
<template #left>
|
||||
<NuxtLink to="/">
|
||||
<SvgSiteLogo class="h-12 w-auto" />
|
||||
</NuxtLink>
|
||||
</template>
|
||||
</UHeader>
|
||||
</template>
|
||||
|
||||
10
wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue
Normal file
10
wp-content/themes/moonshine/app/components/ui/UiLoadMore.vue
Normal file
@@ -0,0 +1,10 @@
|
||||
<script setup lang="ts">
|
||||
defineProps<{ hasNextPage: boolean; isLoadingMore: boolean }>();
|
||||
defineEmits<{ loadMore: [] }>();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div v-if="hasNextPage" class="flex justify-center">
|
||||
<UButton @click="$emit('loadMore')" :loading="isLoadingMore"> En voir plus </UButton>
|
||||
</div>
|
||||
</template>
|
||||
@@ -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 };
|
||||
}
|
||||
|
||||
@@ -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,28 @@ 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 / icon
|
||||
const connexionButton = computed(() => ({
|
||||
link: parseAcfLink({
|
||||
title: isLoggedIn.value ? "Déconnexion" : "Connexion",
|
||||
url: "/connexion",
|
||||
}),
|
||||
icon: isLoggedIn.value ? "i-lucide-log-out" : "i-lucide-log-in",
|
||||
}));
|
||||
|
||||
return { isRedirecting, login, logout, connexionButton };
|
||||
}
|
||||
|
||||
@@ -0,0 +1,8 @@
|
||||
export const useGeneralSettings = () =>
|
||||
useAsyncGraphQLQuery(
|
||||
"GeneralSettings",
|
||||
{},
|
||||
{
|
||||
transform: ({ generalSettings }) => generalSettings,
|
||||
},
|
||||
);
|
||||
@@ -0,0 +1,64 @@
|
||||
import { tv, type VariantProps } from "tailwind-variants";
|
||||
import * as z from "zod";
|
||||
|
||||
// Tailwind Variants for LayoutWrapper
|
||||
export const tvLayoutWrapper = tv({
|
||||
slots: {
|
||||
base: "",
|
||||
inner: "",
|
||||
},
|
||||
variants: {
|
||||
// LayoutColored
|
||||
color: {
|
||||
default: { base: "bg-default" },
|
||||
muted: { base: "bg-muted" },
|
||||
elevated: { base: "bg-elevated" },
|
||||
accented: { base: "bg-accented" },
|
||||
inverted: { base: "bg-inverted text-inverted" },
|
||||
primary: { base: "bg-primary text-inverted" },
|
||||
},
|
||||
// LayoutContained
|
||||
container: {
|
||||
default: { inner: "container" },
|
||||
xl: { inner: "container-xl" },
|
||||
lg: { inner: "container-lg" },
|
||||
fluid: { inner: "container-fluid" },
|
||||
fullbleed: { inner: "container-fullbleed" },
|
||||
},
|
||||
// LayoutPadded
|
||||
verticalPadding: {
|
||||
sm: { base: "py-3" },
|
||||
md: { base: "py-6" },
|
||||
lg: { base: "py-12" },
|
||||
none: {},
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
color: "default",
|
||||
container: "default",
|
||||
verticalPadding: "md",
|
||||
},
|
||||
});
|
||||
|
||||
export type LayoutWrapperProps = VariantProps<typeof tvLayoutWrapper>;
|
||||
|
||||
// Zod schemas for validating layout settings
|
||||
const colorEnum = z.enum(["default", "muted", "elevated", "accented", "inverted", "primary"]);
|
||||
const containerEnum = z.enum(["default", "xl", "lg", "fluid", "fullbleed"]);
|
||||
const verticalPaddingEnum = z.enum(["sm", "md", "lg", "none"]);
|
||||
|
||||
const layoutSettingsSchema = z.object({
|
||||
color: z.string().pipe(colorEnum).optional(),
|
||||
container: z.string().pipe(containerEnum).optional(),
|
||||
verticalPadding: z.string().pipe(verticalPaddingEnum).optional(),
|
||||
});
|
||||
|
||||
export type LayoutSettings = z.input<typeof layoutSettingsSchema>;
|
||||
|
||||
export function useLayoutWrapper(input?: LayoutSettings) {
|
||||
try {
|
||||
return tvLayoutWrapper(layoutSettingsSchema.parse(input));
|
||||
} catch {
|
||||
return tvLayoutWrapper();
|
||||
}
|
||||
}
|
||||
20
wp-content/themes/moonshine/app/composables/useNodeSeo.ts
Normal file
20
wp-content/themes/moonshine/app/composables/useNodeSeo.ts
Normal file
@@ -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",
|
||||
});
|
||||
}
|
||||
@@ -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)) {
|
||||
|
||||
11
wp-content/themes/moonshine/app/composables/useReponsive.ts
Normal file
11
wp-content/themes/moonshine/app/composables/useReponsive.ts
Normal file
@@ -0,0 +1,11 @@
|
||||
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 };
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
export const useSiteOptions = () =>
|
||||
useAsyncGraphQLQuery(
|
||||
"SiteOptions",
|
||||
{},
|
||||
{
|
||||
transform: ({ siteOptions }) => siteOptions?.groupSiteOptions,
|
||||
},
|
||||
);
|
||||
@@ -1,15 +1,15 @@
|
||||
fragment AuthUser on User {
|
||||
id
|
||||
email
|
||||
roles {
|
||||
nodes {
|
||||
name
|
||||
}
|
||||
}
|
||||
id
|
||||
email
|
||||
roles {
|
||||
nodes {
|
||||
name
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
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 {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
mutation AuthRefreshToken($refreshToken: String!) {
|
||||
refreshToken( input: { refreshToken: $refreshToken }) {
|
||||
authToken
|
||||
}
|
||||
}
|
||||
refreshToken(input: { refreshToken: $refreshToken }) {
|
||||
authToken
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,10 @@
|
||||
fragment GeneralSettings on GeneralSettings {
|
||||
title
|
||||
description
|
||||
}
|
||||
|
||||
query GeneralSettings {
|
||||
generalSettings {
|
||||
title
|
||||
description
|
||||
...GeneralSettings
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,8 +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
|
||||
...NodePage
|
||||
}
|
||||
... on NodeWithRankMathSeo {
|
||||
...NodeSeo
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,4 @@
|
||||
fragment PageInfo on WPPageInfo {
|
||||
hasNextPage
|
||||
endCursor
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
fragment SiteOptions on GroupSiteOptions {
|
||||
email
|
||||
phoneNumber {
|
||||
...AcfPhone
|
||||
}
|
||||
...AcfSocial
|
||||
links {
|
||||
contact {
|
||||
...AcfLink
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
query SiteOptions {
|
||||
siteOptions {
|
||||
groupSiteOptions {
|
||||
...SiteOptions
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
18
wp-content/themes/moonshine/app/middleware/hasRole.ts
Normal file
18
wp-content/themes/moonshine/app/middleware/hasRole.ts
Normal file
@@ -0,0 +1,18 @@
|
||||
export default defineNuxtRouteMiddleware((to) => {
|
||||
const { hasRole, isLoggedIn } = useAuth();
|
||||
if (!isLoggedIn.value) {
|
||||
return navigateTo({ path: "/connexion", query: { redirect: to.fullPath } });
|
||||
}
|
||||
if (!hasRole(to.meta.hasRole || "")) {
|
||||
return abortNavigation({
|
||||
statusCode: 403,
|
||||
message: "Vous n'avez pas les permissions requises pour accéder à cette page.",
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
declare module "#app" {
|
||||
interface PageMeta {
|
||||
hasRole?: string;
|
||||
}
|
||||
}
|
||||
12
wp-content/themes/moonshine/app/middleware/isAdmin.ts
Normal file
12
wp-content/themes/moonshine/app/middleware/isAdmin.ts
Normal file
@@ -0,0 +1,12 @@
|
||||
export default defineNuxtRouteMiddleware((to) => {
|
||||
const { isAdmin, isLoggedIn } = useAuth();
|
||||
if (!isLoggedIn.value) {
|
||||
return navigateTo({ path: "/connexion", query: { redirect: to.fullPath } });
|
||||
}
|
||||
if (!isAdmin.value) {
|
||||
return abortNavigation({
|
||||
statusCode: 403,
|
||||
message: "Vous n'avez pas les permissions requises pour accéder à cette page.",
|
||||
});
|
||||
}
|
||||
});
|
||||
6
wp-content/themes/moonshine/app/middleware/isLoggedIn.ts
Normal file
6
wp-content/themes/moonshine/app/middleware/isLoggedIn.ts
Normal file
@@ -0,0 +1,6 @@
|
||||
export default defineNuxtRouteMiddleware((to) => {
|
||||
const { isLoggedIn } = useAuth();
|
||||
if (!isLoggedIn.value) {
|
||||
return navigateTo({ path: "/connexion", query: { redirect: to.fullPath } });
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,6 @@
|
||||
export default defineNuxtRouteMiddleware((to) => {
|
||||
const { isLoggedIn } = useAuth();
|
||||
if (isLoggedIn.value) {
|
||||
return navigateTo({ path: "/connexion", query: { redirect: to.fullPath } });
|
||||
}
|
||||
});
|
||||
@@ -1,19 +1,31 @@
|
||||
<script setup lang="ts">
|
||||
// Fetch node by URI and handle query errors
|
||||
const { path: uri } = useRoute();
|
||||
const { data } = await useAsyncGraphQLQuery("NodeByUri", { uri });
|
||||
|
||||
// Resolve and validate Node component
|
||||
if (!data.value.nodeByUri) {
|
||||
throw createError({ statusCode: 404, message: `La page demandée est introuvable: ${uri}`, fatal: true });
|
||||
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,
|
||||
});
|
||||
}
|
||||
|
||||
// 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);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div v-if="data.nodeByUri" id="page-node-from-uri">
|
||||
<div v-if="data?.nodeByUri" id="page-node-from-uri">
|
||||
<Component :is="componentName" v-bind="data.nodeByUri" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
17
wp-content/themes/moonshine/app/utils/acf-link.ts
Normal file
17
wp-content/themes/moonshine/app/utils/acf-link.ts
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
28
wp-content/themes/moonshine/app/utils/acf-media.ts
Normal file
28
wp-content/themes/moonshine/app/utils/acf-media.ts
Normal file
@@ -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;
|
||||
}
|
||||
}
|
||||
33
wp-content/themes/moonshine/app/utils/acf-social.ts
Normal file
33
wp-content/themes/moonshine/app/utils/acf-social.ts
Normal file
@@ -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";
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -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",
|
||||
} },
|
||||
);
|
||||
@@ -4,4 +4,11 @@
|
||||
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/media-focus-point.php';
|
||||
require_once __DIR__ . '/includes/wpgraphql/term-connection.php';
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
{
|
||||
"schema": "./server/graphql/schema.graphql",
|
||||
"schema": "./.nuxt/graphql/schema.gql",
|
||||
"documents": "**/*.gql"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16,3 +16,12 @@ function moonshine_after_setup_theme() {
|
||||
|
||||
// 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 ) );
|
||||
}
|
||||
|
||||
15
wp-content/themes/moonshine/includes/vendors/acf.php
vendored
Normal file
15
wp-content/themes/moonshine/includes/vendors/acf.php
vendored
Normal file
@@ -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 );
|
||||
}
|
||||
1
wp-content/themes/moonshine/includes/vendors/rankmath.php
vendored
Normal file
1
wp-content/themes/moonshine/includes/vendors/rankmath.php
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<?php
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user