Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 137e13ef81 | |||
| fdff95f140 |
@@ -5,10 +5,10 @@
|
||||
-->
|
||||
<moko-platform xmlns="https://standards.mokoconsulting.tech/moko-platform/1.0" schema-version="1.0">
|
||||
<identity>
|
||||
<name>Template - MokoOnyx</name>
|
||||
<name>MokoOnyx</name>
|
||||
<org>MokoConsulting</org>
|
||||
<description>MokoOnyx - Joomla site template (successor to MokoCassiopeia)</description>
|
||||
<version>02.09.00</version>
|
||||
<version>02.08.00-dev</version>
|
||||
<license spdx="GPL-3.0-or-later">GNU General Public License v3</license>
|
||||
</identity>
|
||||
<governance>
|
||||
|
||||
@@ -74,8 +74,6 @@ jobs:
|
||||
if ! command -v composer &> /dev/null; then
|
||||
sudo apt-get update -qq && sudo apt-get install -y -qq php-cli php-mbstring php-xml php-zip php-curl composer >/dev/null 2>&1
|
||||
fi
|
||||
# Always fetch latest CLI tools — never use stale cache from previous runs
|
||||
rm -rf /tmp/moko-platform-api
|
||||
git clone --depth 1 --branch main --quiet \
|
||||
"https://x-access-token:${MOKO_CLONE_TOKEN}@${MOKO_CLONE_HOST}/moko-platform.git" \
|
||||
/tmp/moko-platform-api
|
||||
@@ -137,8 +135,6 @@ jobs:
|
||||
if ! command -v composer &> /dev/null; then
|
||||
sudo apt-get update -qq && sudo apt-get install -y -qq php-cli php-mbstring php-xml php-zip php-curl composer >/dev/null 2>&1
|
||||
fi
|
||||
# Always fetch latest CLI tools — never use stale cache from previous runs
|
||||
rm -rf /tmp/moko-platform-api
|
||||
git clone --depth 1 --branch main --quiet \
|
||||
"https://x-access-token:${MOKO_CLONE_TOKEN}@${MOKO_CLONE_HOST}/moko-platform.git" \
|
||||
/tmp/moko-platform-api
|
||||
@@ -201,8 +197,6 @@ jobs:
|
||||
MOKO_API="/tmp/moko-platform-api/cli"
|
||||
php ${MOKO_API}/version_bump.php --path . --minor 2>&1 || true
|
||||
VERSION=$(php ${MOKO_API}/version_read.php --path .)
|
||||
# Strip any pre-release suffix — stable releases have no suffix
|
||||
VERSION=$(echo "$VERSION" | sed 's/-\(dev\|alpha\|beta\|rc\)$//')
|
||||
echo "version=${VERSION}" >> "$GITHUB_OUTPUT"
|
||||
echo "Bumped to: ${VERSION}"
|
||||
|
||||
@@ -300,8 +294,7 @@ jobs:
|
||||
git add -A
|
||||
git commit -m "chore(release): build ${VERSION} [skip ci]" \
|
||||
--author="gitea-actions[bot] <gitea-actions[bot]@mokoconsulting.tech>"
|
||||
# Detached HEAD on PR merge — push explicitly to main
|
||||
git push origin HEAD:refs/heads/main
|
||||
git push -u origin HEAD
|
||||
|
||||
# -- STEP 6: Create tag ---------------------------------------------------
|
||||
- name: "Step 6: Create git tag"
|
||||
@@ -392,7 +385,7 @@ jobs:
|
||||
git add updates.xml
|
||||
git commit -m "chore: update stable channel ${VERSION} [skip ci]" \
|
||||
--author="gitea-actions[bot] <gitea-actions[bot]@mokoconsulting.tech>"
|
||||
git push origin HEAD:refs/heads/main 2>&1 || true
|
||||
git push origin HEAD 2>&1 || true
|
||||
fi
|
||||
|
||||
# -- STEP 8b: Update release description with changelog ----------------------
|
||||
|
||||
@@ -43,9 +43,9 @@ jobs:
|
||||
|
||||
- name: Clone MokoStandards
|
||||
env:
|
||||
GA_TOKEN: ${{ secrets.MOKOGITEA_TOKEN || secrets.MOKOGITEA_TOKEN || github.token }}
|
||||
MOKO_CLONE_TOKEN: ${{ secrets.MOKOGITEA_TOKEN || secrets.MOKOGITEA_TOKEN || github.token }}
|
||||
MOKO_CLONE_HOST: ${{ secrets.MOKOGITEA_TOKEN && 'git.mokoconsulting.tech/MokoConsulting' || 'github.com/mokoconsulting-tech' }}
|
||||
GA_TOKEN: ${{ secrets.GA_TOKEN || secrets.GA_TOKEN || github.token }}
|
||||
MOKO_CLONE_TOKEN: ${{ secrets.GA_TOKEN || secrets.GA_TOKEN || github.token }}
|
||||
MOKO_CLONE_HOST: ${{ secrets.GA_TOKEN && 'git.mokoconsulting.tech/MokoConsulting' || 'github.com/mokoconsulting-tech' }}
|
||||
run: |
|
||||
git clone --depth 1 --branch main --quiet \
|
||||
"https://x-access-token:${MOKO_CLONE_TOKEN}@${MOKO_CLONE_HOST}/MokoStandards-API.git" \
|
||||
@@ -53,7 +53,7 @@ jobs:
|
||||
|
||||
- name: Install dependencies
|
||||
env:
|
||||
COMPOSER_AUTH: '{"github-oauth":{"github.com":"${{ secrets.MOKOGITEA_TOKEN || github.token }}"}}'
|
||||
COMPOSER_AUTH: '{"github-oauth":{"github.com":"${{ secrets.GA_TOKEN || github.token }}"}}'
|
||||
run: |
|
||||
if [ -f "composer.json" ]; then
|
||||
composer install \
|
||||
@@ -346,7 +346,7 @@ jobs:
|
||||
|
||||
- name: Install dependencies
|
||||
env:
|
||||
COMPOSER_AUTH: '{"github-oauth":{"github.com":"${{ secrets.MOKOGITEA_TOKEN || github.token }}"}}'
|
||||
COMPOSER_AUTH: '{"github-oauth":{"github.com":"${{ secrets.GA_TOKEN || github.token }}"}}'
|
||||
run: |
|
||||
if [ -f "composer.json" ]; then
|
||||
composer install \
|
||||
@@ -391,7 +391,7 @@ jobs:
|
||||
|
||||
- name: Install dependencies
|
||||
env:
|
||||
COMPOSER_AUTH: '{"github-oauth":{"github.com":"${{ secrets.MOKOGITEA_TOKEN || github.token }}"}}'
|
||||
COMPOSER_AUTH: '{"github-oauth":{"github.com":"${{ secrets.GA_TOKEN || github.token }}"}}'
|
||||
run: |
|
||||
if [ -f "composer.json" ]; then
|
||||
composer install --no-interaction --prefer-dist --optimize-autoloader
|
||||
@@ -458,10 +458,10 @@ jobs:
|
||||
steps:
|
||||
- name: Trigger pre-release build
|
||||
env:
|
||||
GA_TOKEN: ${{ secrets.MOKOGITEA_TOKEN }}
|
||||
GA_TOKEN: ${{ secrets.GA_TOKEN }}
|
||||
REPO: ${{ github.repository }}
|
||||
BRANCH: ${{ github.head_ref }}
|
||||
run: |
|
||||
curl -s -X POST "${GITEA_URL:-https://git.mokoconsulting.tech}/api/v1/repos/${REPO}/actions/workflows/pre-release.yml/dispatches" -H "Authorization: token ${GITEA_TOKEN}" -H "Content-Type: application/json" -d "{\"ref\":\"${BRANCH}\",\"inputs\":{\"stability\":\"release-candidate\"}}"
|
||||
curl -s -X POST "${GITEA_URL:-https://git.mokoconsulting.tech}/api/v1/repos/${REPO}/actions/workflows/pre-release.yml/dispatches" -H "Authorization: token ${GA_TOKEN}" -H "Content-Type: application/json" -d "{\"ref\":\"${BRANCH}\",\"inputs\":{\"stability\":\"release-candidate\"}}"
|
||||
echo "### Pre-Release" >> $GITHUB_STEP_SUMMARY
|
||||
echo "Triggered RC build on branch \`${BRANCH}\`" >> $GITHUB_STEP_SUMMARY
|
||||
|
||||
@@ -60,8 +60,6 @@ jobs:
|
||||
if ! command -v composer &> /dev/null; then
|
||||
sudo apt-get update -qq && sudo apt-get install -y -qq php-cli php-mbstring php-xml php-zip php-curl composer >/dev/null 2>&1
|
||||
fi
|
||||
# Always fetch latest CLI tools — never use stale cache from previous runs
|
||||
rm -rf /tmp/moko-platform-api
|
||||
git clone --depth 1 --branch main --quiet \
|
||||
"https://x-access-token:${MOKO_CLONE_TOKEN}@${MOKO_CLONE_HOST}/moko-platform.git" \
|
||||
/tmp/moko-platform-api
|
||||
|
||||
@@ -85,11 +85,13 @@ jobs:
|
||||
if ! command -v composer &> /dev/null; then
|
||||
sudo apt-get update -qq && sudo apt-get install -y -qq php-cli php-mbstring php-xml php-zip php-curl composer >/dev/null 2>&1
|
||||
fi
|
||||
# Always fetch latest CLI tools — never use stale cache from previous runs
|
||||
rm -rf /tmp/moko-platform
|
||||
git clone --depth 1 --branch main --quiet \
|
||||
"https://x-access-token:${MOKO_CLONE_TOKEN}@${MOKO_CLONE_HOST}/moko-platform.git" \
|
||||
/tmp/moko-platform 2>/dev/null || true
|
||||
if [ -d "/tmp/moko-platform" ]; then
|
||||
echo "moko-platform already available — skipping clone"
|
||||
else
|
||||
git clone --depth 1 --branch main --quiet \
|
||||
"https://x-access-token:${MOKO_CLONE_TOKEN}@${MOKO_CLONE_HOST}/moko-platform.git" \
|
||||
/tmp/moko-platform 2>/dev/null || true
|
||||
fi
|
||||
if [ -d "/tmp/moko-platform" ] && [ -f "/tmp/moko-platform/composer.json" ]; then
|
||||
cd /tmp/moko-platform && composer install --no-dev --no-interaction --quiet 2>/dev/null || true
|
||||
fi
|
||||
@@ -114,9 +116,6 @@ jobs:
|
||||
|
||||
VERSION=$(php ${MOKO_CLI}/version_read.php --path . 2>/dev/null || echo "0.0.0")
|
||||
|
||||
# Strip any existing suffix before applying stability
|
||||
VERSION=$(echo "$VERSION" | sed 's/-\(dev\|alpha\|beta\|rc\)$//')
|
||||
|
||||
# Determine stability from branch or manual input
|
||||
if [ "${{ github.event_name }}" = "workflow_dispatch" ]; then
|
||||
STABILITY="${{ inputs.stability }}"
|
||||
|
||||
+125
-10
@@ -15,18 +15,133 @@
|
||||
# Changelog — MokoOnyx (VERSION: 03.09.03)
|
||||
## [Unreleased]
|
||||
|
||||
## [02.09.00] --- 2026-05-29
|
||||
|
||||
## [02.08.00] --- 2026-05-29
|
||||
|
||||
## [02.08.00] --- 2026-05-29
|
||||
|
||||
## [02.08.00] --- 2026-05-29
|
||||
|
||||
## [02.08.00] --- 2026-05-28
|
||||
|
||||
|
||||
All notable changes to the MokoOnyx Joomla template are documented in this file.
|
||||
|
||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
||||
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||
|
||||
## [02.08.00-dev] --- 2026-05-28
|
||||
|
||||
### Changed
|
||||
- Migrated all workflow and template paths from `.github/` to `.mokogitea/`
|
||||
- Template source paths updated: `templates/gitea/` to `templates/mokogitea/`
|
||||
- HCL definition files removed -- Template repos are now the canonical source
|
||||
|
||||
### Added
|
||||
- `branch-cleanup.yml`: auto-delete merged feature branches after PR merge
|
||||
|
||||
### Removed
|
||||
- Removed deploy-manual.yml workflow -- switching to Joomla update server method for extension distribution
|
||||
- Removed deploy variables and secrets (DEV_FTP_*)
|
||||
- **Theme preview removed** -- Removed unused language strings for theme preview feature (never wired into config)
|
||||
- **Repo cleanup** -- Removed 38 unused files: Fredoka/Pacifico fonts, dead npm tooling (package.json, scripts/), tmp-overrides/, placeholder tests, orphaned workflow copies, stale READMEs
|
||||
- **Broken font options removed** -- Removed Noto Sans and Fira Sans from font selector (CSS files never existed)
|
||||
- **Docs moved to wiki** -- CONTRIBUTING.md, CODE_OF_CONDUCT.md, GOVERNANCE.md migrated to Gitea wiki
|
||||
|
||||
### Changed
|
||||
- **repo-health.yml** -- Wiki-preferred documentation checks via Gitea API (wiki = full credit, repo file = advisory)
|
||||
- **auto-release.yml Step 8b** -- Replaced inline Python with release_body_update.php CLI tool (fixes SIGPIPE exit 141)
|
||||
- **pre-release.yml rewritten** -- Uses moko-platform CLI tools, PHP instead of Python, fixed broken platform detection
|
||||
- **All workflow YAML files** -- Stripped non-ASCII characters (em dashes, arrows, emoji) for Gitea YAML parser compatibility
|
||||
|
||||
### Fixed
|
||||
- **Menu icon padding removed** -- Removed hardcoded `p-2` class from all mod_menu icon spans (horizontal + mainmenu layouts); icons now inherit spacing from the parent link
|
||||
- **Runner checkout failures** -- Fixed MySQL deadlocks in Gitea actions scheduler by restarting Gitea and recreating runners with --privileged flag
|
||||
- **workflow_dispatch 500 error** -- Stripped UTF-8 multibyte characters from all YAML files that Gitea's Go parser rejected as control characters
|
||||
|
||||
## [02.06.00] - 2026-05-16
|
||||
|
||||
### Added
|
||||
- **Community Builder plugin type** — Auto-release detects `<cbplugin>` manifests and uses `cb_` prefix
|
||||
- **Platform auto-sense** — Workflow detects Joomla/Dolibarr/generic from file structure without manifest
|
||||
- **Font Awesome + Bootstrap in component view** — Print/modal view now loads FA7 and Bootstrap 5
|
||||
|
||||
### Changed
|
||||
- **Release workflow dispatch-only removed** — Auto-release triggers on PR merge to main (src/htdocs paths) + manual dispatch
|
||||
- **Version bump protocol** — Releases use version as-is from main; dev bumped to next minor after release (Step 11)
|
||||
- **GitHub mirror removed** — Gitea is the sole release platform
|
||||
- **update-server.yml removed** — Merged into auto-release (stable) and pre-release (dev/rc) workflows
|
||||
- **`.mokogitea/manifest.xml` precedence** — Platform detection reads .mokogitea first, falls back to .gitea
|
||||
|
||||
### Fixed
|
||||
- **CSS variable fallbacks** — 341 `var()` calls now have explicit light theme fallback values
|
||||
- **Dropdown menu background** — Uses `--nav-bg-color` instead of `--body-bg`
|
||||
|
||||
## [02.02.00] - 2026-05-16
|
||||
|
||||
### Fixed
|
||||
- **template.css fallback values** — All var() fallbacks aligned with light.standard.css values
|
||||
- **background-color mismatches** — Fixed 20+ properties incorrectly using `--body-color` as background
|
||||
|
||||
## [02.01.06] - 2026-05-16
|
||||
|
||||
### Added
|
||||
- **Article metadata footer** — Renders Joomla custom fields (`jcfields`) as a styled metadata footer on article layouts, grouped by field group with responsive grid and BEM styling
|
||||
- **Smart Visitor Detection** — Pushes anonymised visitor properties (login status, user group, page type) to the dataLayer for Google Analytics / Tag Manager. Sets GA4 `user_properties` for persistent session-scoped dimensions. No PII is sent. Default enabled when GTM or GA4 is active.
|
||||
- **Auto-cascade workflow** — Forward-merges `main` → `dev` after every push; auto-creates a PR on conflict
|
||||
- **Component/print-view stylesheet** — Dedicated `component.css` replaces `template.css` in the component view with print-optimised styles using theme variables
|
||||
- **Print-view GA4 tracking** — Component view sends `content_group=print_view` to Google Analytics for tracking print/modal usage
|
||||
- **Custom light theme in component view** — Component view now loads `light.custom.css` when configured
|
||||
- **Auto-minification** — `user.css`, `user.js`, and custom theme files are automatically minified on page load via `MokoMinifyHelper`
|
||||
- **Media folder cleanup on install/update** — `script.php` now removes stale `.min` files, deprecated assets, and unminified vendor files during install or update
|
||||
- **Changelog auto-bump in auto-release** — `[Unreleased]` is automatically promoted to the release version on stable release, with a fresh `[Unreleased]` section inserted above
|
||||
- **CI: PHPStan static analysis** — Added to CI pipeline
|
||||
- **CI: Gitleaks secret scanning** — Added to CI pipeline
|
||||
- **CI: CSS sync workflow** — Syncs CSS to template repo and checks client variable coverage
|
||||
|
||||
### Changed
|
||||
- **Custom head params replaced with user files** — Removed `custom_head_start` / `custom_head_end` template params in favour of `user.css` and `user.js` (loaded via Web Asset Manager)
|
||||
- **User override files added to .gitignore** — `user.css` and `user.js` are client-repo only; not committed to the template repo
|
||||
- **Asset registry simplified** — Removed duplicate `.min` entries from `joomla.asset.json`; Joomla's Web Asset Manager auto-resolves `.min` variants when debug is off
|
||||
- **Font Awesome vendor ships minified only** — Removed unminified FA7 Free CSS (saves ~21 kLOC); asset entries now point to `.min.css` directly
|
||||
- **Workflows restructured — CI/CD workflows and issue templates reorganized under `.gitea/` with template sync
|
||||
|
||||
### Removed
|
||||
- **Migration tab** — Removed MokoCassiopeia migration fieldset and associated language strings from template params
|
||||
- **Migration description** — Removed migration callout and "formerly MokoCassiopeia" reference from template description
|
||||
- **Custom head fields** — Removed `custom_head_start` / `custom_head_end` fields and `Custom Code` fieldset from template configuration
|
||||
- **Footer from component view** — Removed footer module positions from `component.php` (print/modal view)
|
||||
- **Unminified vendor CSS** — Removed `all.css`, `brands.css`, `fontawesome.css`, `regular.css`, `solid.css` from FA7 Free (21k+ lines)
|
||||
|
||||
## [03.10.00] - 2026-04-18
|
||||
|
||||
### Important
|
||||
- **Template Consolidation** — This release finalised the MokoOnyx identity, adding automatic migration from legacy MokoCassiopeia installations. Settings, menu assignments, and files are imported on first page load.
|
||||
|
||||
### Added
|
||||
- **Offline page redesign** — Full-viewport background from Joomla offline_image or header background, glass card overlay, centered logo with glow, login accordion, copyright footer
|
||||
- **CSS variable click-to-copy** — Text containing `--variable-name` patterns is wrapped in clickable chips that copy to clipboard with toast notification
|
||||
- **Brand-aside 3-column layout** — Flex columns like top-a with card style
|
||||
- **mod_stats table layout** — Converted from definition list to semantic table
|
||||
- **Favicon multi-format support** — Now handles PNG, JPEG, GIF, WebP, BMP (not just PNG)
|
||||
- **Theme variables** — `--theme-fab-bg`, `--theme-fab-color`, `--theme-fab-btn-bg`, `--theme-fab-border`, `--offline-card-bg`
|
||||
- **Footer CSS variables** — Added to CSS Variables reference tab
|
||||
- **Bridge migration script** — `helper/bridge.php` handles automatic MokoCassiopeia → MokoOnyx migration
|
||||
- **Dedicated release runner** — Release workflows run on isolated `release` label runner
|
||||
- **Runner fleet** — 3 CI + 1 release runner (12 concurrent jobs)
|
||||
|
||||
### Changed
|
||||
- **Gitea-primary CI/CD** — All workflows use Gitea API, GitHub is backup for stable/RC only
|
||||
- **Theme switcher** — Larger, bordered, theme-aware colors (off-white on dark, primary on light)
|
||||
- **Auto switch** — Red when off, green when on
|
||||
- **A11y toolbar** — Theme-aware colors for dark mode visibility
|
||||
- **Search button border** — Matches input border (`--input-border-color`)
|
||||
- **Offline message** — 0=hidden, 1=custom message, 2=system language string
|
||||
- **Light theme fonts** — Fixed trailing `)` syntax error, normalized quote style to match dark
|
||||
- **`--accent-color-secondary`** — Unified to `#6fb3ff` across both themes
|
||||
- **`--alert-color`** — Set to `#000` in light theme
|
||||
|
||||
### Removed
|
||||
- Brand showcase tab (redundant with theme preview)
|
||||
- Position selectors for a11y/theme FAB (forced to bottom-right)
|
||||
- Custom theme CSS from git tracking (site-specific, gitignored)
|
||||
|
||||
### Fixed
|
||||
- SHA-256 checksum format — Removed `sha256:` prefix (Joomla expects raw hex)
|
||||
- Favicon path resolution — Strips `#joomlaImage://` fragment, tries multiple path candidates
|
||||
- `REQUIRE_SIGNIN_VIEW` — Set to `false` for public release downloads
|
||||
- Release workflow — Uses Gitea API to update `updates.xml` on main (bypasses branch protection)
|
||||
- Language loading on offline page — `com_users` and core language files loaded explicitly
|
||||
|
||||
---
|
||||
|
||||
@@ -1,53 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
|
||||
*
|
||||
* This file is part of a Moko Consulting project.
|
||||
*
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
/**
|
||||
* Default menu — Component item layout (sidebar/footer vertical lists)
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
use Joomla\CMS\Filter\OutputFilter;
|
||||
use Joomla\CMS\HTML\HTMLHelper;
|
||||
|
||||
$attributes = [];
|
||||
|
||||
if ($item->anchor_title) {
|
||||
$attributes['title'] = $item->anchor_title;
|
||||
}
|
||||
|
||||
if ($item->anchor_css) {
|
||||
$attributes['class'] = $item->anchor_css;
|
||||
}
|
||||
|
||||
if ($item->anchor_rel) {
|
||||
$attributes['rel'] = $item->anchor_rel;
|
||||
}
|
||||
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
|
||||
if ($item->browserNav == 1) {
|
||||
$attributes['target'] = '_blank';
|
||||
$attributes['rel'] = 'noopener noreferrer';
|
||||
} elseif ($item->browserNav == 2) {
|
||||
$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,' . $params->get('window_open');
|
||||
$attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
|
||||
}
|
||||
|
||||
$attributes['class'] = 'nav-link mod-menu__link';
|
||||
|
||||
echo HTMLHelper::_('link', OutputFilter::ampReplace(htmlspecialchars($item->flink, ENT_COMPAT, 'UTF-8', false)), $linktype, $attributes);
|
||||
@@ -1,30 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
|
||||
*
|
||||
* This file is part of a Moko Consulting project.
|
||||
*
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
/**
|
||||
* Default menu — Heading item layout (sidebar/footer vertical lists)
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
$title = $item->anchor_title ? ' title="' . $item->anchor_title . '"' : '';
|
||||
$anchor_css = $item->anchor_css ?: '';
|
||||
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
<span class="nav-link mod-menu__heading <?php echo $anchor_css; ?>"<?php echo $title; ?>><?php echo $linktype; ?></span>
|
||||
@@ -1,30 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
|
||||
*
|
||||
* This file is part of a Moko Consulting project.
|
||||
*
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
/**
|
||||
* Default menu — Separator item layout (sidebar/footer vertical lists)
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
$title = $item->anchor_title ? ' title="' . $item->anchor_title . '"' : '';
|
||||
$anchor_css = $item->anchor_css ?: '';
|
||||
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
<hr class="mod-menu__separator <?php echo $anchor_css; ?>"<?php echo $title; ?> />
|
||||
@@ -1,59 +0,0 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright (C) 2025 Moko Consulting <hello@mokoconsulting.tech>
|
||||
*
|
||||
* This file is part of a Moko Consulting project.
|
||||
*
|
||||
* SPDX-License-Identifier: GPL-3.0-or-later
|
||||
*/
|
||||
|
||||
/**
|
||||
* Default menu — URL item layout (sidebar/footer vertical lists)
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
|
||||
use Joomla\CMS\Filter\OutputFilter;
|
||||
use Joomla\CMS\HTML\HTMLHelper;
|
||||
|
||||
$attributes = [];
|
||||
|
||||
if ($item->anchor_title) {
|
||||
$attributes['title'] = $item->anchor_title;
|
||||
}
|
||||
|
||||
if ($item->anchor_css) {
|
||||
$attributes['class'] = $item->anchor_css;
|
||||
}
|
||||
|
||||
if ($item->anchor_rel) {
|
||||
$attributes['rel'] = $item->anchor_rel;
|
||||
}
|
||||
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
|
||||
if ($item->browserNav == 1) {
|
||||
$attributes['target'] = '_blank';
|
||||
$attributes['rel'] = 'noopener noreferrer';
|
||||
} elseif ($item->browserNav == 2) {
|
||||
$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,' . $params->get('window_open');
|
||||
$attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
|
||||
}
|
||||
|
||||
$linkClass = 'nav-link mod-menu__link';
|
||||
|
||||
if (isset($attributes['class'])) {
|
||||
$attributes['class'] .= ' ' . $linkClass;
|
||||
} else {
|
||||
$attributes['class'] = $linkClass;
|
||||
}
|
||||
|
||||
echo HTMLHelper::_('link', OutputFilter::ampReplace(htmlspecialchars($item->flink, ENT_COMPAT, 'UTF-8', false)), $linktype, $attributes);
|
||||
@@ -8,8 +8,8 @@
|
||||
*/
|
||||
|
||||
/**
|
||||
* Horizontal menu — always-visible inline links that wrap on mobile.
|
||||
* No hamburger, no collapse. Suitable for Quick Links, utility nav, topbar menus.
|
||||
* Main Menu - Mobile responsive collapsible dropdown menu override
|
||||
* Bootstrap 5 responsive navbar with hamburger menu
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
@@ -22,13 +22,19 @@ if ($tagId = $params->get('tag_id', '')) {
|
||||
$id = ' id="' . $tagId . '"';
|
||||
}
|
||||
|
||||
// Get module class suffix
|
||||
$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COMPAT, 'UTF-8');
|
||||
|
||||
// The menu class is deprecated. Use mod-menu instead
|
||||
?>
|
||||
<nav class="mod-menu mod-menu-horizontal<?php echo $moduleclass_sfx; ?>"<?php echo $id; ?> aria-label="<?php echo htmlspecialchars($module->title, ENT_COMPAT, 'UTF-8'); ?>">
|
||||
<ul class="nav mod-menu-horizontal__list flex-wrap">
|
||||
<nav class="mod-menu mod-menu-main navbar navbar-expand-lg<?php echo $moduleclass_sfx; ?>"<?php echo $id; ?>>
|
||||
<div class="container-fluid p-0">
|
||||
<!-- Collapsible menu content — toggle controlled by .nav-mobile-bar in index.php -->
|
||||
<div class="collapse navbar-collapse" id="moko-main-menu-collapse">
|
||||
<ul class="navbar-nav mod-menu-main__list">
|
||||
<?php foreach ($list as $i => &$item) :
|
||||
$itemParams = $item->getParams();
|
||||
$class = 'nav-item mod-menu-horizontal__item item-' . $item->id;
|
||||
$class = 'nav-item mod-menu-main__item item-' . $item->id;
|
||||
|
||||
if ($item->id == $default_id) {
|
||||
$class .= ' default';
|
||||
@@ -77,14 +83,19 @@ $moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COM
|
||||
break;
|
||||
endswitch;
|
||||
|
||||
// The next item is deeper.
|
||||
if ($item->deeper) {
|
||||
echo '<ul class="dropdown-menu mod-menu-horizontal__dropdown">';
|
||||
echo '<ul class="dropdown-menu mod-menu-main__dropdown">';
|
||||
} elseif ($item->shallower) {
|
||||
// The next item is shallower.
|
||||
echo '</li>';
|
||||
echo str_repeat('</ul></li>', $item->level_diff);
|
||||
} else {
|
||||
// The next item is on the same level.
|
||||
echo '</li>';
|
||||
}
|
||||
endforeach;
|
||||
?></ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
*/
|
||||
|
||||
/**
|
||||
* Horizontal menu — Component item layout
|
||||
* Main Menu - Component item layout
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
@@ -33,9 +33,12 @@ if ($item->anchor_rel) {
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
// The link is an icon
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
// If the link text is to be displayed, the icon is added with aria-hidden
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
// If the icon itself is the link, it needs a visually hidden text
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
@@ -45,10 +48,12 @@ if ($item->browserNav == 1) {
|
||||
$attributes['rel'] = 'noopener noreferrer';
|
||||
} elseif ($item->browserNav == 2) {
|
||||
$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,' . $params->get('window_open');
|
||||
|
||||
$attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
|
||||
}
|
||||
|
||||
$linkClass = 'nav-link mod-menu-horizontal__link';
|
||||
// Add dropdown toggle for items with children
|
||||
$linkClass = 'nav-link mod-menu-main__link';
|
||||
if ($item->deeper) {
|
||||
$linkClass .= ' dropdown-toggle';
|
||||
$attributes['data-bs-toggle'] = 'dropdown';
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
*/
|
||||
|
||||
/**
|
||||
* Horizontal menu — Heading item layout
|
||||
* Main Menu - Heading item layout
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
@@ -19,14 +19,18 @@ $anchor_css = $item->anchor_css ?: '';
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
// The link is an icon
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
// If the link text is to be displayed, the icon is added with aria-hidden
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
// If the icon itself is the link, it needs a visually hidden text
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
|
||||
$headingClass = 'nav-link mod-menu-horizontal__heading';
|
||||
// Add dropdown toggle for items with children
|
||||
$headingClass = 'nav-link mod-menu-main__heading';
|
||||
if ($item->deeper) {
|
||||
$headingClass .= ' dropdown-toggle';
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
*/
|
||||
|
||||
/**
|
||||
* Horizontal menu — Separator item layout
|
||||
* Main Menu - Separator item layout
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
@@ -19,12 +19,15 @@ $anchor_css = $item->anchor_css ?: '';
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
// The link is an icon
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
// If the link text is to be displayed, the icon is added with aria-hidden
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
// If the icon itself is the link, it needs a visually hidden text
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
<span class="dropdown-divider mod-menu-horizontal__separator <?php echo $anchor_css; ?>"<?php echo $title; ?>><?php echo $linktype; ?></span>
|
||||
<span class="dropdown-divider mod-menu-main__separator <?php echo $anchor_css; ?>"<?php echo $title; ?>><?php echo $linktype; ?></span>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
*/
|
||||
|
||||
/**
|
||||
* Horizontal menu — URL item layout
|
||||
* Main Menu - URL item layout
|
||||
*/
|
||||
|
||||
defined('_JEXEC') or die;
|
||||
@@ -33,9 +33,12 @@ if ($item->anchor_rel) {
|
||||
$linktype = $item->title;
|
||||
|
||||
if ($item->menu_icon) {
|
||||
// The link is an icon
|
||||
if ($itemParams->get('menu_text', 1)) {
|
||||
// If the link text is to be displayed, the icon is added with aria-hidden
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span>' . $item->title;
|
||||
} else {
|
||||
// If the icon itself is the link, it needs a visually hidden text
|
||||
$linktype = '<span class="' . $item->menu_icon . '" aria-hidden="true"></span><span class="visually-hidden">' . $item->title . '</span>';
|
||||
}
|
||||
}
|
||||
@@ -45,10 +48,12 @@ if ($item->browserNav == 1) {
|
||||
$attributes['rel'] = 'noopener noreferrer';
|
||||
} elseif ($item->browserNav == 2) {
|
||||
$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,' . $params->get('window_open');
|
||||
|
||||
$attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
|
||||
}
|
||||
|
||||
$linkClass = 'nav-link mod-menu-horizontal__link';
|
||||
// Add dropdown toggle for items with children
|
||||
$linkClass = 'nav-link mod-menu-main__link';
|
||||
if ($item->deeper) {
|
||||
$linkClass .= ' dropdown-toggle';
|
||||
$attributes['data-bs-toggle'] = 'dropdown';
|
||||
@@ -56,6 +61,7 @@ if ($item->deeper) {
|
||||
$attributes['aria-expanded'] = 'false';
|
||||
}
|
||||
|
||||
// Merge existing class with our class
|
||||
if (isset($attributes['class'])) {
|
||||
$attributes['class'] .= ' ' . $linkClass;
|
||||
} else {
|
||||
|
||||
@@ -28,9 +28,14 @@ $moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx', ''), ENT_COM
|
||||
// The menu class is deprecated. Use mod-menu instead
|
||||
?>
|
||||
<nav class="mod-menu mod-menu-main navbar navbar-expand-lg<?php echo $moduleclass_sfx; ?>"<?php echo $id; ?>>
|
||||
<div class="container-fluid p-0">
|
||||
<!-- Collapsible menu content — toggle controlled by .nav-mobile-bar in index.php -->
|
||||
<div class="collapse navbar-collapse" id="moko-main-menu-collapse">
|
||||
<div class="container-fluid">
|
||||
<!-- Hamburger toggle button for mobile -->
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainMenuCollapse-<?php echo $module->id; ?>" aria-controls="mainMenuCollapse-<?php echo $module->id; ?>" aria-expanded="false" aria-label="Toggle Main Menu">
|
||||
<span class="fa-solid fa-bars" aria-hidden="true"></span>
|
||||
</button>
|
||||
|
||||
<!-- Collapsible menu content -->
|
||||
<div class="collapse navbar-collapse" id="mainMenuCollapse-<?php echo $module->id; ?>">
|
||||
<ul class="navbar-nav mod-menu-main__list">
|
||||
<?php foreach ($list as $i => &$item) :
|
||||
$itemParams = $item->getParams();
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
</server>
|
||||
</updateservers>
|
||||
<name>Template - MokoOnyx</name>
|
||||
<version>02.09.00</version>
|
||||
<version>02.08.00-dev</version>
|
||||
<scriptfile>script.php</scriptfile>
|
||||
<creationDate>2026-05-16</creationDate>
|
||||
<author>Jonathan Miller || Moko Consulting</author>
|
||||
|
||||
+36
-36
@@ -1,95 +1,95 @@
|
||||
<?xml version='1.0' encoding='UTF-8'?>
|
||||
<!-- Copyright (C) 2026 Moko Consulting <hello@mokoconsulting.tech>
|
||||
SPDX-License-Identifier: GPL-3.0-or-later
|
||||
VERSION: 02.09.00
|
||||
VERSION: 02.08.00-dev
|
||||
-->
|
||||
|
||||
<updates>
|
||||
<update>
|
||||
<name>Template - MokoOnyx</name>
|
||||
<description>Template - MokoOnyx development build.</description>
|
||||
<name>Template - Template - MokoOnyx</name>
|
||||
<description>Template - Template - MokoOnyx development build.</description>
|
||||
<element>mokoonyx</element>
|
||||
<type>template</type>
|
||||
<client>site</client>
|
||||
<version>02.09.00</version>
|
||||
<creationDate>2026-05-29</creationDate>
|
||||
<infourl title='Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<version>02.08.00-dev</version>
|
||||
<creationDate>2026-05-28</creationDate>
|
||||
<infourl title='Template - Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<downloads>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.09.00.zip</downloadurl>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.08.00-dev.zip</downloadurl>
|
||||
</downloads>
|
||||
<sha256>fda0d42421b02f13846fde2e8c3453e5d038275e016d3448018cea24c89e6188</sha256>
|
||||
<sha256>56d21ee7ef25262a680f62b9f54f28e0c00a0aa795c80a797ee67532e251b20d</sha256>
|
||||
<tags><tag>dev</tag></tags>
|
||||
<maintainer>Moko Consulting</maintainer>
|
||||
<maintainerurl>https://mokoconsulting.tech</maintainerurl>
|
||||
<targetplatform name="joomla" version="(5|6)\..*" />
|
||||
</update>
|
||||
<update>
|
||||
<name>Template - MokoOnyx</name>
|
||||
<description>Template - MokoOnyx alpha build.</description>
|
||||
<name>Template - Template - MokoOnyx</name>
|
||||
<description>Template - Template - MokoOnyx alpha build.</description>
|
||||
<element>mokoonyx</element>
|
||||
<type>template</type>
|
||||
<client>site</client>
|
||||
<version>02.09.00</version>
|
||||
<creationDate>2026-05-29</creationDate>
|
||||
<infourl title='Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<version>02.08.00-dev</version>
|
||||
<creationDate>2026-05-28</creationDate>
|
||||
<infourl title='Template - Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<downloads>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.09.00.zip</downloadurl>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.08.00-dev.zip</downloadurl>
|
||||
</downloads>
|
||||
<sha256>fda0d42421b02f13846fde2e8c3453e5d038275e016d3448018cea24c89e6188</sha256>
|
||||
<sha256>56d21ee7ef25262a680f62b9f54f28e0c00a0aa795c80a797ee67532e251b20d</sha256>
|
||||
<tags><tag>alpha</tag></tags>
|
||||
<maintainer>Moko Consulting</maintainer>
|
||||
<maintainerurl>https://mokoconsulting.tech</maintainerurl>
|
||||
<targetplatform name="joomla" version="(5|6)\..*" />
|
||||
</update>
|
||||
<update>
|
||||
<name>Template - MokoOnyx</name>
|
||||
<description>Template - MokoOnyx beta build.</description>
|
||||
<name>Template - Template - MokoOnyx</name>
|
||||
<description>Template - Template - MokoOnyx beta build.</description>
|
||||
<element>mokoonyx</element>
|
||||
<type>template</type>
|
||||
<client>site</client>
|
||||
<version>02.09.00</version>
|
||||
<creationDate>2026-05-29</creationDate>
|
||||
<infourl title='Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<version>02.08.00-dev</version>
|
||||
<creationDate>2026-05-28</creationDate>
|
||||
<infourl title='Template - Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<downloads>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.09.00.zip</downloadurl>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.08.00-dev.zip</downloadurl>
|
||||
</downloads>
|
||||
<sha256>fda0d42421b02f13846fde2e8c3453e5d038275e016d3448018cea24c89e6188</sha256>
|
||||
<sha256>56d21ee7ef25262a680f62b9f54f28e0c00a0aa795c80a797ee67532e251b20d</sha256>
|
||||
<tags><tag>beta</tag></tags>
|
||||
<maintainer>Moko Consulting</maintainer>
|
||||
<maintainerurl>https://mokoconsulting.tech</maintainerurl>
|
||||
<targetplatform name="joomla" version="(5|6)\..*" />
|
||||
</update>
|
||||
<update>
|
||||
<name>Template - MokoOnyx</name>
|
||||
<description>Template - MokoOnyx rc build.</description>
|
||||
<name>Template - Template - MokoOnyx</name>
|
||||
<description>Template - Template - MokoOnyx rc build.</description>
|
||||
<element>mokoonyx</element>
|
||||
<type>template</type>
|
||||
<client>site</client>
|
||||
<version>02.09.00</version>
|
||||
<creationDate>2026-05-29</creationDate>
|
||||
<infourl title='Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<version>02.08.00-dev</version>
|
||||
<creationDate>2026-05-28</creationDate>
|
||||
<infourl title='Template - Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<downloads>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.09.00.zip</downloadurl>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.08.00-dev.zip</downloadurl>
|
||||
</downloads>
|
||||
<sha256>fda0d42421b02f13846fde2e8c3453e5d038275e016d3448018cea24c89e6188</sha256>
|
||||
<sha256>56d21ee7ef25262a680f62b9f54f28e0c00a0aa795c80a797ee67532e251b20d</sha256>
|
||||
<tags><tag>rc</tag></tags>
|
||||
<maintainer>Moko Consulting</maintainer>
|
||||
<maintainerurl>https://mokoconsulting.tech</maintainerurl>
|
||||
<targetplatform name="joomla" version="(5|6)\..*" />
|
||||
</update>
|
||||
<update>
|
||||
<name>Template - MokoOnyx</name>
|
||||
<description>Template - MokoOnyx stable build.</description>
|
||||
<name>Template - Template - MokoOnyx</name>
|
||||
<description>Template - Template - MokoOnyx stable build.</description>
|
||||
<element>mokoonyx</element>
|
||||
<type>template</type>
|
||||
<client>site</client>
|
||||
<version>02.09.00</version>
|
||||
<creationDate>2026-05-29</creationDate>
|
||||
<infourl title='Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<version>02.08.00-dev</version>
|
||||
<creationDate>2026-05-28</creationDate>
|
||||
<infourl title='Template - Template - MokoOnyx'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable</infourl>
|
||||
<downloads>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.09.00.zip</downloadurl>
|
||||
<downloadurl type='full' format='zip'>https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/download/stable/tpl_mokoonyx-02.08.00-dev.zip</downloadurl>
|
||||
</downloads>
|
||||
<sha256>fda0d42421b02f13846fde2e8c3453e5d038275e016d3448018cea24c89e6188</sha256>
|
||||
<sha256>56d21ee7ef25262a680f62b9f54f28e0c00a0aa795c80a797ee67532e251b20d</sha256>
|
||||
<tags><tag>stable</tag></tags>
|
||||
<maintainer>Moko Consulting</maintainer>
|
||||
<maintainerurl>https://mokoconsulting.tech</maintainerurl>
|
||||
|
||||
@@ -1,61 +0,0 @@
|
||||
## Code of Conduct
|
||||
|
||||
This Code of Conduct establishes expectations for behavior within the MokoOnyx project community. The objective is to maintain a professional, inclusive, and respectful environment aligned with open source governance best practices.
|
||||
|
||||
## Scope
|
||||
|
||||
This Code of Conduct applies to all project spaces, including:
|
||||
|
||||
* Repositories, issues, pull requests, discussions, and security advisories.
|
||||
* Project documentation, workflows, and release processes.
|
||||
* Any communication channels officially associated with the project.
|
||||
|
||||
## Our Standards
|
||||
|
||||
Participants are expected to:
|
||||
|
||||
* Communicate professionally and respectfully.
|
||||
* Provide constructive feedback focused on technical merit and project objectives.
|
||||
* Respect differing viewpoints, experience levels, and backgrounds.
|
||||
* Follow documented contribution, security, and governance policies.
|
||||
|
||||
Unacceptable behavior includes:
|
||||
|
||||
* Harassment, discrimination, or exclusionary conduct.
|
||||
* Personal attacks, insults, or inflammatory comments.
|
||||
* Publishing private information without consent.
|
||||
* Disruptive behavior that materially interferes with project operations.
|
||||
|
||||
## Enforcement Responsibilities
|
||||
|
||||
Project maintainers are responsible for:
|
||||
|
||||
* Clarifying standards when questions arise.
|
||||
* Taking appropriate and proportionate corrective action when violations occur.
|
||||
* Maintaining confidentiality to the extent practical during investigations.
|
||||
|
||||
## Reporting
|
||||
|
||||
Instances of abusive, harassing, or otherwise unacceptable behavior may be reported through:
|
||||
|
||||
* Email: `hello@mokoconsulting.tech` with subject `CODE OF CONDUCT: MokoOnyx`.
|
||||
|
||||
Reports should include relevant context, links, screenshots, or other supporting information.
|
||||
|
||||
## Enforcement Guidelines
|
||||
|
||||
Corrective actions may include, but are not limited to:
|
||||
|
||||
* Private warning or request for corrective action.
|
||||
* Temporary or permanent restriction from project participation.
|
||||
* Removal of content that violates this Code of Conduct.
|
||||
|
||||
Decisions are made based on impact, severity, and pattern of behavior.
|
||||
|
||||
## No Retaliation
|
||||
|
||||
Retaliation against individuals who report concerns in good faith is not tolerated. Any retaliatory behavior will be treated as a separate violation.
|
||||
|
||||
## Jurisdiction
|
||||
|
||||
This project is managed from Tennessee, USA. This statement is informational and does not constitute legal advice.
|
||||
@@ -1,147 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# Configuration
|
||||
|
||||
MokoOnyx is configured through the Joomla template style editor at **System → Site Templates → MokoOnyx**. Parameters are organized into tabbed fieldsets.
|
||||
|
||||
---
|
||||
|
||||
## Migration Tab
|
||||
|
||||
Informational notes about the MokoCassiopeia migration process. No editable parameters -- this tab provides guidance only.
|
||||
|
||||
---
|
||||
|
||||
## Advanced Tab
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `developmentmode` | Toggle | Off | Enables development mode. When on, `.min` files are deleted and unminified source files are served. When off, minified files are auto-generated. |
|
||||
| `fluidContainer` | Toggle | Static | Controls whether the main layout uses a fixed-width (`container`) or full-width (`container-fluid`) wrapper. |
|
||||
|
||||
---
|
||||
|
||||
## Favicon Tab
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `favicon_source` | Media picker | _(none)_ | Upload a PNG image. MokoOnyx auto-generates all required favicon sizes, `apple-touch-icon.png`, and `site.webmanifest` on the next page load. |
|
||||
|
||||
---
|
||||
|
||||
## Google Tab
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `googletagmanager` | Toggle | Off | Enable Google Tag Manager integration. |
|
||||
| `googletagmanagerid` | Text | _(empty)_ | Your GTM container ID (e.g., `GTM-XXXXXXX`). Shown when GTM is enabled. |
|
||||
| `googleanalytics` | Toggle | Off | Enable Google Analytics (GA4) integration. |
|
||||
| `googleanalyticsid` | Text | _(empty)_ | Your GA4 measurement ID (e.g., `G-XXXXXXXXXX`). Shown when GA4 is enabled. |
|
||||
| `googlesitekey` | Text | _(empty)_ | Google site verification meta tag value. |
|
||||
| `googlevisitordetection` | Toggle | On | When enabled, sends visitor context to GTM/GA4: login status, user group, and page type. Shown when GTM or GA4 is enabled. |
|
||||
|
||||
---
|
||||
|
||||
## Custom Code Tab
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `custom_head_start` | Textarea | _(empty)_ | Raw HTML/JS injected at the **start** of `<head>`. Useful for consent managers or early scripts. |
|
||||
| `custom_head_end` | Textarea | _(empty)_ | Raw HTML/JS injected at the **end** of `<head>`, before `</head>`. |
|
||||
|
||||
---
|
||||
|
||||
## Drawers Tab
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `drawerLeftIcon` | Text | `fa-solid fa-chevron-right` | Font Awesome class for the left drawer toggle button icon. |
|
||||
| `drawerRightIcon` | Text | `fa-solid fa-chevron-left` | Font Awesome class for the right drawer toggle button icon. |
|
||||
|
||||
---
|
||||
|
||||
## Theme Tab
|
||||
|
||||
The Theme tab is the largest configuration area, organized into sub-sections.
|
||||
|
||||
### General
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `theme_enabled` | Toggle | On | Master switch for the theme system (light/dark mode). |
|
||||
| `theme_control_type` | List | Radios | How the user switches themes: **Switch** (Light/Dark toggle), **Radios** (Light/Dark/System), or **None** (no visible control). |
|
||||
| `theme_default_choice` | List | System | Default theme when no user preference is stored: **System**, **Light**, or **Dark**. |
|
||||
| `theme_auto_dark` | Toggle | Off | Automatically switch to dark mode based on time of day. |
|
||||
| `theme_meta_color_scheme` | Toggle | On | Output `<meta name="color-scheme">` tag for browser chrome theming. |
|
||||
| `theme_meta_theme_color` | Toggle | On | Output `<meta name="theme-color">` tag for mobile browser address bar. |
|
||||
| `theme_bridge_bs_aria` | Toggle | On | Bridge Bootstrap `data-bs-theme` attribute with ARIA attributes for screen readers. |
|
||||
|
||||
### Variables and Palettes
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `colorLightName` | List | Standard | Light theme palette: **Standard** (built-in) or **Custom** (loads `light.custom.css`). |
|
||||
| `colorDarkName` | List | Standard | Dark theme palette: **Standard** (built-in) or **Custom** (loads `dark.custom.css`). |
|
||||
|
||||
See [Custom Themes](Custom-Themes) for how to create custom palettes.
|
||||
|
||||
### Typography
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `useFontScheme` | Grouped list | Roboto (local) | Font family. Options: **None**, **Roboto** (local), **Noto Sans** (local), **Fira Sans** (local). All local fonts are self-hosted for GDPR compliance. |
|
||||
|
||||
### Branding and Icons
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `brand` | Toggle | On | Show the brand/logo area in the header. |
|
||||
| `logoFile` | Media picker | _(none)_ | Logo image file. Shown when brand is enabled. |
|
||||
| `siteTitle` | Text | MokoOnyx | Site title displayed next to the logo. |
|
||||
| `siteDescription` | Text | _(empty)_ | Tagline displayed below the site title. |
|
||||
| `fA6KitCode` | Text | _(empty)_ | Font Awesome 7 Pro Kit code. If empty, the bundled Font Awesome 7 Free is used (2,000+ icons). |
|
||||
|
||||
### Header and Navigation
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `stickyHeader` | Toggle | Off | Make the header stick to the top of the viewport on scroll. |
|
||||
| `backTop` | Toggle | Off | Show a "Back to Top" button when the user scrolls down. |
|
||||
|
||||
### Accessibility
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `a11y_toolbar_enabled` | Toggle | On | Master switch for the accessibility toolbar. |
|
||||
| `a11y_text_resize` | Toggle | On | Allow users to increase/decrease text size. |
|
||||
| `a11y_color_inversion` | Toggle | On | Allow users to invert page colors. |
|
||||
| `a11y_high_contrast` | Toggle | On | Allow users to enable high-contrast mode. |
|
||||
| `a11y_highlight_links` | Toggle | On | Allow users to highlight all links on the page. |
|
||||
| `a11y_readable_font` | Toggle | On | Allow users to switch to a more readable font. |
|
||||
| `a11y_pause_animations` | Toggle | On | Allow users to pause CSS animations. |
|
||||
| `a11y_toolbar_pos` | Hidden | Bottom-right | Toolbar position (fixed to bottom-right in code). |
|
||||
|
||||
### Theme Toggle UI
|
||||
|
||||
| Parameter | Type | Default | Description |
|
||||
|-----------|------|---------|-------------|
|
||||
| `theme_fab_enabled` | Toggle | On | Show the floating action button (FAB) for theme switching. |
|
||||
| `theme_fab_pos` | Hidden | Bottom-right | FAB position (fixed to bottom-right in code). |
|
||||
|
||||
---
|
||||
|
||||
## CSS Variables Tab
|
||||
|
||||
A read-only reference tab displaying all available CSS custom properties organized by category. See the [CSS Variables](CSS-Variables) page for the full reference.
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
@@ -1,234 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# CSS Variables Reference
|
||||
|
||||
All CSS variables are defined in the theme palette files (`light.standard.css` / `dark.standard.css`) under `:root[data-bs-theme="light"]` or `:root[data-bs-theme="dark"]`. Override any of these in your [custom theme](Custom-Themes) files.
|
||||
|
||||
---
|
||||
|
||||
## Brand and Theme Colors
|
||||
|
||||
| Variable | Light Default | Dark Default | Description |
|
||||
|----------|--------------|-------------|-------------|
|
||||
| `--color-primary` | `#112855` | `#112855` | Primary brand colour |
|
||||
| `--accent-color-primary` | `#3f8ff0` | `#3f8ff0` | Primary accent colour |
|
||||
| `--accent-color-secondary` | `#6fb3ff` | `#6fb3ff` | Secondary accent colour |
|
||||
|
||||
## Typography and Body
|
||||
|
||||
| Variable | Light Default | Dark Default | Description |
|
||||
|----------|--------------|-------------|-------------|
|
||||
| `--body-font-family` | System sans-serif stack | System sans-serif stack | Base font family |
|
||||
| `--body-font-size` | `1rem` | `1rem` | Base font size |
|
||||
| `--body-font-weight` | `400` | `400` | Base font weight |
|
||||
| `--body-line-height` | `1.5` | `1.5` | Base line height |
|
||||
| `--body-color` | `#22262a` | `#e6ebf1` | Body text colour |
|
||||
| `--body-bg` | `#fff` | `#0e1318` | Body background colour |
|
||||
| `--heading-color` | `inherit` | `#f1f5f9` | Heading text colour |
|
||||
| `--emphasis-color` | `#000` | `#fff` | Emphasis text colour |
|
||||
| `--secondary-color` | `#22262abf` | `#e6ebf1bf` | Secondary text colour |
|
||||
| `--tertiary-color` | `#22262a80` | `#e6ebf180` | Tertiary text colour |
|
||||
| `--muted-color` | `#6d757e` | `#6d757e` | Muted text colour |
|
||||
| `--highlight-color` | `#22262a` | `#111` | Highlight text colour |
|
||||
| `--highlight-bg` | `#fbeea8` | `#ffe28a1a` | Highlight background |
|
||||
|
||||
## Standard Colors
|
||||
|
||||
| Variable | Light Default | Dark Default |
|
||||
|----------|--------------|-------------|
|
||||
| `--blue` | `#010156` | `#91a4ff` |
|
||||
| `--indigo` | `#6812f3` | `#b19cff` |
|
||||
| `--purple` | `#6f42c2` | `#c0a5ff` |
|
||||
| `--pink` | `#e93f8e` | `#ff8fc0` |
|
||||
| `--red` | `#a51f18` | `#ff7a73` |
|
||||
| `--orange` | `#fd7e17` | `#ff9c4d` |
|
||||
| `--yellow` | `#ad6200` | `#ffd166` |
|
||||
| `--green` | `#448344` | `#78d694` |
|
||||
| `--teal` | `#5abfdd` | `#76e3ff` |
|
||||
| `--cyan` | `#30638d` | `#6fb7ff` |
|
||||
|
||||
## Gray Scale
|
||||
|
||||
| Variable | Light Default | Dark Default |
|
||||
|----------|--------------|-------------|
|
||||
| `--gray-100` | `#f9fafb` | `#161a20` |
|
||||
| `--gray-200` | `#eaedf0` | `#1b2027` |
|
||||
| `--gray-300` | `#dfe3e7` | `#222831` |
|
||||
| `--gray-400` | `#ced4da` | `#2b323b` |
|
||||
| `--gray-500` | `#adb5bd` | `#36404a` |
|
||||
| `--gray-600` | `#6d757e` | `#48525d` |
|
||||
| `--gray-700` | `#484f56` | `#5b6672` |
|
||||
| `--gray-800` | `#353b41` | `#cfd6de` |
|
||||
| `--gray-900` | `#22262a` | `#e6ebf1` |
|
||||
|
||||
## Links
|
||||
|
||||
| Variable | Light Default | Dark Default | Description |
|
||||
|----------|--------------|-------------|-------------|
|
||||
| `--color-link` | `#224FAA` | `white` | Navigation link colour |
|
||||
| `--color-hover` | `var(--accent-color-primary)` | `gray` | Navigation hover colour |
|
||||
| `--link-color` | `#224faa` | `#8ab4f8` | Content link colour |
|
||||
| `--link-hover-color` | `#424077` | `#c3d6ff` | Content link hover colour |
|
||||
| `--link-decoration` | `underline` | `underline` | Link text decoration |
|
||||
|
||||
## Navigation
|
||||
|
||||
| Variable | Light Default | Dark Default | Description |
|
||||
|----------|--------------|-------------|-------------|
|
||||
| `--mainmenu-nav-link-color` | `white` | `#fff` | Main menu active link colour |
|
||||
| `--nav-text-color` | `white` | `gray` | Navigation text colour |
|
||||
| `--nav-bg-color` | `var(--color-link)` | `var(--color-primary)` | Navigation background colour |
|
||||
|
||||
## Layout and Spacing
|
||||
|
||||
| Variable | Light Default | Dark Default | Description |
|
||||
|----------|--------------|-------------|-------------|
|
||||
| `--padding-x` | `0.15rem` | `0.15rem` | Horizontal padding |
|
||||
| `--padding-y` | `0.15rem` | `0.15rem` | Vertical padding |
|
||||
| `--secondary-bg` | `#eaedf0` | `#151b22` | Secondary background |
|
||||
| `--tertiary-bg` | `#f9fafb` | `#10151b` | Tertiary background |
|
||||
| `--nav-toggle-size` | `3rem` | `3rem` | Mobile nav toggle size |
|
||||
|
||||
## Breakpoints
|
||||
|
||||
| Variable | Value | Description |
|
||||
|----------|-------|-------------|
|
||||
| `--bp-xs` | `0` | Extra small |
|
||||
| `--bp-sm` | `576px` | Small |
|
||||
| `--bp-md` | `768px` | Medium |
|
||||
| `--bp-lg` | `992px` | Large |
|
||||
| `--bp-xl` | `1200px` | Extra large |
|
||||
|
||||
## Borders
|
||||
|
||||
| Variable | Light Default | Dark Default |
|
||||
|----------|--------------|-------------|
|
||||
| `--border-width` | `1px` | `1px` |
|
||||
| `--border-style` | `solid` | `solid` |
|
||||
| `--border-color` | `#dfe3e7` | `#2b323b` |
|
||||
| `--border-radius` | `.25rem` | `.25rem` |
|
||||
| `--border-radius-sm` | `.2rem` | `.2rem` |
|
||||
| `--border-radius-lg` | `.3rem` | `.3rem` |
|
||||
| `--border-radius-pill` | `50rem` | `50rem` |
|
||||
|
||||
## Shadows
|
||||
|
||||
| Variable | Light Default | Dark Default |
|
||||
|----------|--------------|-------------|
|
||||
| `--box-shadow` | `0 .5rem 1rem #00000026` | `0 .5rem 1rem #00000066` |
|
||||
| `--box-shadow-sm` | `0 .125rem .25rem #00000013` | `0 .125rem .25rem #00000040` |
|
||||
| `--box-shadow-lg` | `0 1rem 3rem #0000002d` | `0 1rem 3rem #00000080` |
|
||||
|
||||
## Header Background
|
||||
|
||||
| Variable | Light Default | Dark Default | Description |
|
||||
|----------|--------------|-------------|-------------|
|
||||
| `--header-background-color` | `#adadad` | `#1a1f2b` | Header fallback colour |
|
||||
| `--header-background-image` | `url(.../bg.svg)` | `url(.../bg.svg)` | Header background image |
|
||||
| `--header-background-attachment` | `fixed` | `fixed` | CSS attachment |
|
||||
| `--header-background-repeat` | `repeat` | `repeat` | CSS repeat |
|
||||
|
||||
## Container Backgrounds
|
||||
|
||||
Each container position (below-topbar, top-a, top-b, sidebar, bottom-a, bottom-b) has these variables:
|
||||
|
||||
| Variable Pattern | Description |
|
||||
|-----------------|-------------|
|
||||
| `--container-{position}-bg-image` | Background image (default: `none`) |
|
||||
| `--container-{position}-bg-color` | Background colour (default: `transparent`) |
|
||||
| `--container-{position}-bg-position` | Background position |
|
||||
| `--container-{position}-bg-attachment` | Background attachment |
|
||||
| `--container-{position}-bg-repeat` | Background repeat |
|
||||
| `--container-{position}-bg-size` | Background size |
|
||||
| `--container-{position}-border` | Border style |
|
||||
| `--container-{position}-border-radius` | Border radius |
|
||||
|
||||
## Forms
|
||||
|
||||
| Variable | Light Default | Dark Default |
|
||||
|----------|--------------|-------------|
|
||||
| `--input-color` | `hsl(210, 11%, 15%)` | `#e6ebf1` |
|
||||
| `--input-bg` | `hsl(210, 20%, 98%)` | `#1a2332` |
|
||||
| `--input-border-color` | `hsl(210, 14%, 83%)` | `#3a4250` |
|
||||
| `--input-focus-border-color` | `#8894aa` | `#5472ff` |
|
||||
| `--form-valid-color` | `#448344` | `#78d694` |
|
||||
| `--form-invalid-color` | `#a51f18` | `#ff8e86` |
|
||||
|
||||
## Bootstrap Palette
|
||||
|
||||
| Variable | Light Default | Dark Default |
|
||||
|----------|--------------|-------------|
|
||||
| `--primary` | `#010156` | `#010156` |
|
||||
| `--secondary` | `#6d757e` | `#48525d` |
|
||||
| `--success` | `#448344` | `#4aa664` |
|
||||
| `--info` | `#30638d` | `#4f7aa0` |
|
||||
| `--warning` | `#ad6200` | `#c77a00` |
|
||||
| `--danger` | `#a51f18` | `#c23a31` |
|
||||
| `--light` | `#f9fafb` | `#1b2027` |
|
||||
| `--dark` | `#353b41` | `#0f1318` |
|
||||
|
||||
Each palette colour also has `-rgb`, `-text-emphasis`, `-bg-subtle`, and `-border-subtle` variants.
|
||||
|
||||
## Hero / Banner
|
||||
|
||||
| Variable | Description |
|
||||
|----------|-------------|
|
||||
| `--hero-height` | Banner height (default: `60vh`) |
|
||||
| `--hero-color` | Banner text colour |
|
||||
| `--hero-bg-repeat` | Background repeat |
|
||||
| `--hero-bg-attachment` | Background attachment |
|
||||
| `--hero-bg-position` | Background position |
|
||||
| `--hero-bg-size` | Background size |
|
||||
| `--hero-overlay-bg` | Overlay background colour |
|
||||
| `--hero-primary-bg-color` | Primary variant background |
|
||||
| `--hero-primary-overlay` | Primary variant overlay gradient |
|
||||
| `--hero-secondary-bg-color` | Secondary variant background |
|
||||
| `--hero-secondary-overlay` | Secondary variant overlay gradient |
|
||||
| `--hero-card-*` | Hero card styling (bg, color, overlay, border-radius, padding, max-width) |
|
||||
| `--hero-alt-card-*` | Alternative hero card styling |
|
||||
|
||||
## Block Colors
|
||||
|
||||
Used for top-a, top-b, bottom-a, bottom-b section backgrounds:
|
||||
|
||||
| Variable | Description |
|
||||
|----------|-------------|
|
||||
| `--block-color-1` through `--block-color-4` | Background colours |
|
||||
| `--block-text-1` through `--block-text-4` | Text colours |
|
||||
| `--block-highlight-bg` / `--block-highlight-text` | Highlight block |
|
||||
| `--block-cta-bg` / `--block-cta-text` | Call-to-action block |
|
||||
| `--block-alert-bg` / `--block-alert-text` | Alert block |
|
||||
|
||||
## Footer
|
||||
|
||||
| Variable | Default | Description |
|
||||
|----------|---------|-------------|
|
||||
| `--footer-padding-top` | `1rem` | Top padding |
|
||||
| `--footer-padding-bottom` | `80px` | Bottom padding (accounts for FAB) |
|
||||
| `--footer-grid-padding-y` | `2.5rem` | Grid vertical padding |
|
||||
| `--footer-grid-padding-x` | `0.5em` | Grid horizontal padding |
|
||||
|
||||
## Theme FAB
|
||||
|
||||
| Variable | Light Default | Dark Default | Description |
|
||||
|----------|--------------|-------------|-------------|
|
||||
| `--theme-fab-bg` | `var(--color-primary)` | `#e6ebf1` | FAB background |
|
||||
| `--theme-fab-color` | `#fff` | `#0e1318` | FAB icon colour |
|
||||
| `--theme-fab-btn-bg` | `rgba(255,255,255,.15)` | `transparent` | FAB button background |
|
||||
| `--theme-fab-border` | `rgba(255,255,255,0.3)` | `rgba(0,0,0,0.15)` | FAB border colour |
|
||||
|
||||
## Component-Specific Variables
|
||||
|
||||
Additional variables are defined for: VirtueMart (`--vm-*`), Gable (`--gab-*`), accordion, alert, badge, breadcrumb, cards, dropdown, list group, modal, nav tabs/pills, offcanvas, pagination, popover, progress, spinner, table, toast, and tooltip components. See the theme palette files for the complete list.
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
@@ -1,125 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# Custom Themes
|
||||
|
||||
MokoOnyx ships with **standard** light and dark palettes. You can create fully custom colour palettes by overriding CSS variables in dedicated files.
|
||||
|
||||
---
|
||||
|
||||
## How It Works
|
||||
|
||||
1. MokoOnyx loads a theme CSS file based on the `colorLightName` and `colorDarkName` template parameters
|
||||
2. When set to **Standard**, it loads `light.standard.css` or `dark.standard.css`
|
||||
3. When set to **Custom**, it loads `light.custom.css` or `dark.custom.css`
|
||||
4. The theme file sets all CSS variables inside `:root[data-bs-theme="light"]` or `:root[data-bs-theme="dark"]`
|
||||
|
||||
---
|
||||
|
||||
## Creating a Custom Palette
|
||||
|
||||
### Step 1: Copy the Template
|
||||
|
||||
MokoOnyx ships starter templates in the `templates/` directory within the template source:
|
||||
|
||||
```
|
||||
templates/mokoonyx/templates/light.custom.css
|
||||
templates/mokoonyx/templates/dark.custom.css
|
||||
```
|
||||
|
||||
These are full copies of the standard palettes -- every variable is included so you have a complete starting point.
|
||||
|
||||
### Step 2: Place Files in the Media Directory
|
||||
|
||||
Copy your customized files to the **media** directory (this location survives template updates):
|
||||
|
||||
```
|
||||
media/templates/site/mokoonyx/css/theme/light.custom.css
|
||||
media/templates/site/mokoonyx/css/theme/dark.custom.css
|
||||
```
|
||||
|
||||
### Step 3: Select "Custom" in Template Settings
|
||||
|
||||
1. Go to **System → Site Templates → MokoOnyx**
|
||||
2. Open the **Theme** tab
|
||||
3. Under **Variables & Palettes**:
|
||||
- Set **Light Theme** to **Custom**
|
||||
- Set **Dark Theme** to **Custom**
|
||||
4. Save
|
||||
|
||||
---
|
||||
|
||||
## File Locations
|
||||
|
||||
| File | Path | Purpose |
|
||||
|------|------|---------|
|
||||
| Light standard | `media/templates/site/mokoonyx/css/theme/light.standard.css` | Built-in light palette (do not edit) |
|
||||
| Dark standard | `media/templates/site/mokoonyx/css/theme/dark.standard.css` | Built-in dark palette (do not edit) |
|
||||
| Light custom | `media/templates/site/mokoonyx/css/theme/light.custom.css` | Your custom light palette |
|
||||
| Dark custom | `media/templates/site/mokoonyx/css/theme/dark.custom.css` | Your custom dark palette |
|
||||
| Light template | `templates/mokoonyx/templates/light.custom.css` | Starter template (copy from here) |
|
||||
| Dark template | `templates/mokoonyx/templates/dark.custom.css` | Starter template (copy from here) |
|
||||
|
||||
---
|
||||
|
||||
## Key Variables to Customize
|
||||
|
||||
The most impactful variables to change for a quick rebrand:
|
||||
|
||||
```css
|
||||
:root[data-bs-theme="light"] {
|
||||
/* Brand colours -- the foundation of the entire palette */
|
||||
--color-primary: #112855;
|
||||
--accent-color-primary: #3f8ff0;
|
||||
--accent-color-secondary: #6fb3ff;
|
||||
|
||||
/* Body */
|
||||
--body-color: #22262a;
|
||||
--body-bg: #fff;
|
||||
|
||||
/* Links */
|
||||
--color-link: #224FAA;
|
||||
--link-color: #224faa;
|
||||
--link-hover-color: #424077;
|
||||
|
||||
/* Navigation */
|
||||
--mainmenu-nav-link-color: white;
|
||||
--nav-text-color: white;
|
||||
--nav-bg-color: var(--color-link);
|
||||
|
||||
/* Header */
|
||||
--header-background-color: #adadad;
|
||||
}
|
||||
```
|
||||
|
||||
See the [CSS Variables](CSS-Variables) page for a complete reference of all available variables.
|
||||
|
||||
---
|
||||
|
||||
## Variable Sync on Update
|
||||
|
||||
When MokoOnyx is updated, the installer runs a **CSS variable sync** process. If new variables have been added to the standard palettes, they are automatically appended to your custom palette files with their default values. A notice is displayed in the admin panel telling you how many variables were added.
|
||||
|
||||
This ensures your custom palettes stay compatible with new template features without breaking existing customizations.
|
||||
|
||||
---
|
||||
|
||||
## Custom CSS and JavaScript
|
||||
|
||||
For additional overrides beyond theme variables, use these files (also update-safe):
|
||||
|
||||
| File | Path |
|
||||
|------|------|
|
||||
| Custom CSS | `media/templates/site/mokoonyx/css/user.css` |
|
||||
| Custom JS | `media/templates/site/mokoonyx/js/user.js` |
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
@@ -1,230 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# Development
|
||||
|
||||
This page covers the repository structure, build process, release workflow, and contributing guidelines for MokoOnyx.
|
||||
|
||||
---
|
||||
|
||||
## Repository Structure
|
||||
|
||||
```
|
||||
MokoOnyx/
|
||||
├── src/ # Template source (this becomes the installable package)
|
||||
│ ├── component.php # Component-only page layout
|
||||
│ ├── error.php # Error page layout
|
||||
│ ├── index.php # Main template entry point
|
||||
│ ├── joomla.asset.json # Joomla Web Asset Manager definitions
|
||||
│ ├── offline.php # Offline page layout
|
||||
│ ├── script.php # Install/update/uninstall script
|
||||
│ ├── sync_custom_vars.php # CSS variable sync for custom palettes
|
||||
│ ├── templateDetails.xml # Joomla template manifest
|
||||
│ ├── helper/ # PHP helper classes
|
||||
│ │ └── minify.php # CSS/JS auto-minification
|
||||
│ ├── html/ # Template overrides (modules, components, layouts)
|
||||
│ ├── language/ # Language files (en-GB, en-US)
|
||||
│ ├── media/ # Static assets (installed to media/templates/site/mokoonyx/)
|
||||
│ │ ├── css/ # Stylesheets
|
||||
│ │ │ ├── template.css # Main template stylesheet
|
||||
│ │ │ ├── editor.css # Backend editor stylesheet
|
||||
│ │ │ ├── offline.css # Offline page styles
|
||||
│ │ │ ├── a11y-high-contrast.css # High-contrast accessibility mode
|
||||
│ │ │ ├── user.css # User custom CSS (survives updates)
|
||||
│ │ │ ├── fonts/ # Local font files (Roboto, Noto Sans, Fira Sans)
|
||||
│ │ │ └── theme/ # Theme palette files
|
||||
│ │ │ ├── light.standard.css
|
||||
│ │ │ └── dark.standard.css
|
||||
│ │ ├── js/ # JavaScript
|
||||
│ │ │ ├── template.js # Main template JS
|
||||
│ │ │ ├── gtm.js # Google Tag Manager integration
|
||||
│ │ │ └── user.js # User custom JS (survives updates)
|
||||
│ │ ├── images/ # Template images (bg.svg, etc.)
|
||||
│ │ ├── fonts/ # Font files
|
||||
│ │ └── vendor/ # Third-party assets (Font Awesome 7 Free)
|
||||
│ └── templates/ # Starter files for users
|
||||
│ ├── light.custom.css # Custom light palette template
|
||||
│ ├── dark.custom.css # Custom dark palette template
|
||||
│ └── brand-showcase.html # Brand showcase HTML template
|
||||
├── Makefile # Build and validation automation
|
||||
├── composer.json # PHP dependencies (MokoStandards)
|
||||
├── package.json # Node.js dependencies (minification)
|
||||
├── phpcs.xml # PHP CodeSniffer configuration
|
||||
├── phpstan.neon # PHPStan static analysis configuration
|
||||
├── codeception.yml # Testing configuration
|
||||
├── updates.xml # Joomla update server manifest
|
||||
├── tests/ # Test suites
|
||||
├── scripts/ # Build scripts
|
||||
├── docs/ # Documentation source
|
||||
└── build/ / dist/ # Build output (gitignored)
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Prerequisites
|
||||
|
||||
- **PHP** 8.1+
|
||||
- **Composer** (for MokoStandards CLI and dependencies)
|
||||
- **Node.js** (optional, for build-time minification with terser/clean-css)
|
||||
- **Make** (GNU Make or compatible)
|
||||
- **zip** (or PowerShell for Windows)
|
||||
|
||||
---
|
||||
|
||||
## Setup
|
||||
|
||||
```bash
|
||||
# Clone the repository
|
||||
git clone https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx.git
|
||||
cd MokoOnyx
|
||||
|
||||
# Install dependencies
|
||||
make install-deps
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Building Packages
|
||||
|
||||
### Build an installable ZIP
|
||||
|
||||
```bash
|
||||
make build
|
||||
```
|
||||
|
||||
This will:
|
||||
|
||||
1. Clean previous build artifacts (`build/` and `dist/`)
|
||||
2. Minify CSS and JS assets
|
||||
3. Copy `src/` contents to `build/package/`
|
||||
4. Create `dist/mokoonyx-{version}.zip`
|
||||
|
||||
### Build a beta release
|
||||
|
||||
```bash
|
||||
make build-beta
|
||||
```
|
||||
|
||||
Creates `dist/mokoonyx-{version}-beta.zip` (skips minification).
|
||||
|
||||
---
|
||||
|
||||
## Validation
|
||||
|
||||
MokoOnyx uses the **MokoStandards Enterprise API** for code quality checks.
|
||||
|
||||
```bash
|
||||
# Run all validation checks
|
||||
make validate
|
||||
|
||||
# Individual checks
|
||||
make lint # PHP syntax check
|
||||
make check-joomla # Joomla manifest validation
|
||||
make check-version # Version consistency across files
|
||||
make check-xml # XML well-formedness
|
||||
make check-headers # License header verification
|
||||
make check-secrets # Credential leak scanning
|
||||
|
||||
# Full repository health check
|
||||
make health
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Releasing
|
||||
|
||||
### Full release pipeline
|
||||
|
||||
```bash
|
||||
make release
|
||||
```
|
||||
|
||||
This runs the complete pipeline: `validate` → `build` → `checksum`
|
||||
|
||||
After the release package is built:
|
||||
|
||||
1. Tag the release: `git tag {version}`
|
||||
2. Push tags: `git push origin --tags`
|
||||
3. Create a Gitea release and attach the ZIP from `dist/`
|
||||
|
||||
### Generate checksums
|
||||
|
||||
```bash
|
||||
make checksum
|
||||
```
|
||||
|
||||
Creates SHA-256 checksums for all ZIP files in `dist/`.
|
||||
|
||||
---
|
||||
|
||||
## Available Make Targets
|
||||
|
||||
| Target | Description |
|
||||
|--------|-------------|
|
||||
| `make help` | Show all available targets |
|
||||
| `make install-deps` | Install Composer dependencies |
|
||||
| `make update-deps` | Update Composer dependencies |
|
||||
| `make lint` | PHP syntax check |
|
||||
| `make check-joomla` | Validate Joomla manifest |
|
||||
| `make check-version` | Verify version consistency |
|
||||
| `make check-headers` | Check license headers |
|
||||
| `make check-secrets` | Scan for leaked credentials |
|
||||
| `make check-xml` | Validate XML files |
|
||||
| `make validate` | Run all validation checks |
|
||||
| `make health` | Full repository health check |
|
||||
| `make clean` | Clean build artifacts |
|
||||
| `make minify` | Minify CSS/JS assets |
|
||||
| `make build` | Build installable ZIP |
|
||||
| `make build-beta` | Build beta release ZIP |
|
||||
| `make checksum` | Generate SHA-256 checksums |
|
||||
| `make release` | Full release pipeline |
|
||||
| `make version` | Display version and extension info |
|
||||
| `make security-check` | Composer security audit |
|
||||
| `make all` | Full pipeline (deps, validate, build, checksum) |
|
||||
|
||||
---
|
||||
|
||||
## Contributing
|
||||
|
||||
1. Fork the repository on [Gitea](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx)
|
||||
2. Create a feature branch from `dev`
|
||||
3. Make your changes in `src/`
|
||||
4. Run `make validate` to ensure all checks pass
|
||||
5. Submit a pull request against `dev`
|
||||
|
||||
### Code Standards
|
||||
|
||||
- All PHP files must include the GPL-3.0-or-later license header
|
||||
- PHP code must pass syntax checks and PHPStan analysis
|
||||
- XML files must be well-formed
|
||||
- Version numbers must be consistent across `README.md`, `templateDetails.xml`, and other version-bearing files
|
||||
- Attribution goes to **Moko Consulting**, not individual contributors
|
||||
|
||||
### Branching Model
|
||||
|
||||
| Branch | Purpose |
|
||||
|--------|---------|
|
||||
| `main` | Stable releases |
|
||||
| `dev` | Active development |
|
||||
|
||||
---
|
||||
|
||||
## Testing
|
||||
|
||||
The repository includes a `codeception.yml` configuration for automated testing:
|
||||
|
||||
```bash
|
||||
# Run tests (requires Codeception via Composer)
|
||||
vendor/bin/codecept run
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
@@ -1,78 +0,0 @@
|
||||
## Governance Overview
|
||||
|
||||
This document defines the governance framework for the MokoOnyx project. The objective is to ensure clear ownership, predictable decision making, and accountable stewardship across development, releases, and community interaction.
|
||||
|
||||
## Project Ownership
|
||||
|
||||
MokoOnyx is owned and maintained by **Moko Consulting**. Final authority for project direction, releases, and policy enforcement resides with the project owner.
|
||||
|
||||
## Roles and Responsibilities
|
||||
|
||||
### Maintainers
|
||||
|
||||
Maintainers are responsible for:
|
||||
|
||||
* Setting technical direction and release priorities.
|
||||
* Reviewing and approving pull requests.
|
||||
* Managing releases and distribution artifacts.
|
||||
* Enforcing repository policies, including security and conduct requirements.
|
||||
|
||||
### Contributors
|
||||
|
||||
Contributors may:
|
||||
|
||||
* Submit pull requests and issues.
|
||||
* Propose enhancements and report defects.
|
||||
* Participate in technical discussions.
|
||||
|
||||
Contributors do not have merge authority unless explicitly granted.
|
||||
|
||||
## Decision Making
|
||||
|
||||
Decisions are made using a maintainers led model:
|
||||
|
||||
* Routine changes are approved through pull request review.
|
||||
* Material changes affecting architecture, branding, licensing, or release processes require maintainer consensus.
|
||||
* The project owner retains final decision authority if consensus cannot be reached.
|
||||
|
||||
## Change Management
|
||||
|
||||
Significant changes should:
|
||||
|
||||
* Be documented through issues or pull requests with clear rationale.
|
||||
* Consider backward compatibility and upgrade impact.
|
||||
* Include documentation updates when behavior or usage changes.
|
||||
|
||||
## Release Authority
|
||||
|
||||
Only maintainers may:
|
||||
|
||||
* Cut releases and publish artifacts.
|
||||
* Update version numbers and manifests.
|
||||
* Publish update metadata or advisories.
|
||||
|
||||
Release processes follow documented workflows and automation standards.
|
||||
|
||||
## Security Governance
|
||||
|
||||
Security issues are governed by the Security Policy (SECURITY.md in the repository). Maintainers are responsible for confidential handling, coordinated disclosure, and publication of advisories when appropriate.
|
||||
|
||||
## Conduct Enforcement
|
||||
|
||||
Behavior within the project is governed by the [Code of Conduct](Code-of-Conduct). Maintainers are responsible for enforcement actions and escalation handling.
|
||||
|
||||
## Conflict Resolution
|
||||
|
||||
Conflicts are handled through:
|
||||
|
||||
* Direct discussion between involved parties when appropriate.
|
||||
* Maintainer mediation when necessary.
|
||||
* Final determination by the project owner if required.
|
||||
|
||||
## External Dependencies
|
||||
|
||||
The project depends on Joomla core and other third party components. Governance of upstream projects remains outside the scope of this repository, but upstream changes may influence project decisions.
|
||||
|
||||
## Jurisdiction
|
||||
|
||||
This project is managed from Tennessee, USA. This statement is informational and does not constitute legal advice.
|
||||
-110
@@ -1,110 +0,0 @@
|
||||
# MokoOnyx
|
||||
|
||||
A modern, lightweight Joomla site template built on Cassiopeia with Font Awesome 7, Bootstrap 5, dark mode, and analytics integrations.
|
||||
|
||||
---
|
||||
|
||||
| | |
|
||||
|---|---|
|
||||
| **Type** | Joomla Site Template |
|
||||
| **Version** | 02.01.06 |
|
||||
| **Joomla** | 5.x / 6.x |
|
||||
| **PHP** | 8.1+ |
|
||||
| **License** | GPL-3.0-or-later |
|
||||
| **Replaces** | MokoCassiopeia (auto-migrates on install) |
|
||||
| **Platform** | [Gitea](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) (primary) |
|
||||
|
||||
---
|
||||
|
||||
## Overview
|
||||
|
||||
MokoOnyx is an enhancement layer built on Joomla's Cassiopeia template. It maintains minimal core overrides for maximum upgrade compatibility while adding modern features and integrations.
|
||||
|
||||
On install, MokoOnyx automatically migrates settings, content references, and custom files from MokoCassiopeia. After installing, MokoCassiopeia can be safely uninstalled.
|
||||
|
||||
---
|
||||
|
||||
## Features
|
||||
|
||||
| Feature | Description |
|
||||
|---------|-------------|
|
||||
| **Font Awesome 7** | Fully integrated into Joomla's asset manager with 2,000+ icons |
|
||||
| **Bootstrap 5** | Extended utility classes and responsive grid system |
|
||||
| **Dark Mode** | Built-in light/dark toggle with system preference detection |
|
||||
| **Table of Contents** | Automatic TOC generation for long articles |
|
||||
| **GTM / GA4** | Google Tag Manager and Analytics integration with smart visitor detection (login status, user group, page type) |
|
||||
| **Template Overrides** | Overrides for all core Joomla modules, Community Builder, and DPCalendar |
|
||||
| **Cassiopeia Base** | Minimal core overrides for maximum Joomla upgrade compatibility |
|
||||
|
||||
---
|
||||
|
||||
## Installation
|
||||
|
||||
1. Download the latest `mokoonyx-{version}.zip` from [Releases](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases)
|
||||
2. Install via Joomla's Extension Manager (Extensions > Manage > Install)
|
||||
3. Set MokoOnyx as the default site template (System > Site Templates)
|
||||
4. If migrating from MokoCassiopeia, settings are auto-migrated on install
|
||||
|
||||
### Requirements
|
||||
|
||||
- Joomla 5.x or 6.x
|
||||
- PHP 8.1 or higher
|
||||
|
||||
---
|
||||
|
||||
## Directory Structure
|
||||
|
||||
| Directory | Purpose |
|
||||
|-----------|---------|
|
||||
| `html/` | Template overrides for core modules and extensions |
|
||||
| `css/` | Compiled stylesheets including dark mode |
|
||||
| `js/` | JavaScript for TOC, dark mode toggle, analytics |
|
||||
| `images/` | Template images and icons |
|
||||
| `language/` | Language files |
|
||||
|
||||
---
|
||||
|
||||
## Configuration
|
||||
|
||||
MokoOnyx template parameters are configured in the Joomla admin under System > Site Templates > MokoOnyx.
|
||||
|
||||
Key parameters include:
|
||||
- **Dark Mode**: Enable/disable, set default mode
|
||||
- **Font Awesome**: Enable/disable icon library loading
|
||||
- **Google Tag Manager**: GTM container ID
|
||||
- **GA4**: Measurement ID and tracking options
|
||||
- **Table of Contents**: Auto-generate TOC for articles with heading threshold
|
||||
|
||||
---
|
||||
|
||||
## Related Wikis
|
||||
|
||||
| Repo | Purpose |
|
||||
|------|---------|
|
||||
| [Template-Client-WaaS](https://git.mokoconsulting.tech/MokoConsulting/Template-Client-WaaS/wiki) | Client site template (extends MokoOnyx) |
|
||||
| [MokoWaaS](https://git.mokoconsulting.tech/MokoConsulting/MokoWaaS/wiki) | WaaS system plugin |
|
||||
| [joomla-api-mcp](https://git.mokoconsulting.tech/MokoConsulting/joomla-api-mcp/wiki) | Joomla Web Services API MCP |
|
||||
| [deploy-mcp](https://git.mokoconsulting.tech/MokoConsulting/deploy-mcp/wiki) | Git-based deployment MCP |
|
||||
|
||||
---
|
||||
|
||||
> **[MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki)** -- central standards hub for all Moko Consulting projects.
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
|
||||
---
|
||||
|
||||
## End-User Documentation
|
||||
|
||||
> **This wiki is for developers and contributors.** For end-user guides (installation, configuration, usage), see the Knowledge Base on our website:
|
||||
>
|
||||
> **[MokoOnyx Template Support Articles](https://mokoconsulting.tech/knowledge-base/mokoonyx-template)**
|
||||
>
|
||||
> The website documentation covers step-by-step instructions for non-technical users.
|
||||
|
||||
@@ -1,66 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# Installation
|
||||
|
||||
## Requirements
|
||||
|
||||
| Requirement | Minimum Version |
|
||||
|-------------|----------------|
|
||||
| Joomla | 5.x or 6.x |
|
||||
| PHP | 8.1 or higher |
|
||||
|
||||
## Download
|
||||
|
||||
Download the latest `mokoonyx-{version}.zip` from the [Releases page](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/releases/tag/stable).
|
||||
|
||||
## Install via Joomla Admin
|
||||
|
||||
1. Log in to your Joomla administrator panel
|
||||
2. Navigate to **System → Install → Extensions**
|
||||
3. Upload the `mokoonyx-{version}.zip` file
|
||||
4. Wait for the installer to complete
|
||||
|
||||
The installer performs a preflight check to verify your PHP and Joomla versions meet the minimum requirements. If they do not, installation will be blocked with an error message.
|
||||
|
||||
## Set as Default Template
|
||||
|
||||
1. Navigate to **System → Site Templates**
|
||||
2. Click the star icon next to **MokoOnyx** to set it as the default site template
|
||||
|
||||
## First Page Load (Migration)
|
||||
|
||||
If you are migrating from MokoCassiopeia, the migration runs automatically during install:
|
||||
|
||||
1. **Visit any page on your site** after installation -- the template activates immediately
|
||||
2. Check **administrator/logs/mokoonyx.log.php** to confirm the migration completed
|
||||
3. Once confirmed, uninstall MokoCassiopeia from **Extensions → Manage**
|
||||
|
||||
See the [Migration](Migration) page for full details on what gets migrated.
|
||||
|
||||
## Post-Install Notes
|
||||
|
||||
- The extension is automatically **locked** after install to prevent accidental uninstallation
|
||||
- Stale `.min` files from previous versions are cleaned automatically
|
||||
- Favicon stamps are cleared so favicons regenerate on the next page load
|
||||
- MokoCassiopeia references in article content and modules are automatically updated to MokoOnyx
|
||||
|
||||
## Update Server
|
||||
|
||||
MokoOnyx includes an automatic update server. Joomla will notify you when new versions are available via **System → Update → Extensions**. Two update servers are configured for redundancy:
|
||||
|
||||
| Priority | Server |
|
||||
|----------|--------|
|
||||
| 1 | Gitea (git.mokoconsulting.tech) |
|
||||
| 2 | GitHub (github.com) |
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
@@ -1,119 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# Migration from MokoCassiopeia
|
||||
|
||||
MokoOnyx is the successor to MokoCassiopeia. The migration runs **automatically during install/update** -- no manual steps are required beyond installing MokoOnyx.
|
||||
|
||||
---
|
||||
|
||||
## When Does Migration Run?
|
||||
|
||||
The migration runs in the `postflight()` method of the installer script (`script.php`), which executes during both `install` and `update` operations. It checks for existing MokoCassiopeia template styles in the database and only runs if they are found.
|
||||
|
||||
---
|
||||
|
||||
## What Gets Migrated
|
||||
|
||||
### 1. Template Styles and Parameters
|
||||
|
||||
- All MokoCassiopeia template styles are detected from the `#__template_styles` table
|
||||
- For each MokoCassiopeia style, a matching MokoOnyx style is created with the same parameters
|
||||
- The first MokoCassiopeia style's parameters are applied to the installer-created default MokoOnyx style
|
||||
- Additional styles are created as new entries
|
||||
- Parameter values are updated to replace `mokocassiopeia` references with `mokoonyx`
|
||||
|
||||
### 2. Default Template Assignment
|
||||
|
||||
If MokoCassiopeia was set as the default site template (`home = 1`), MokoOnyx automatically takes over as the default. The MokoCassiopeia style is unset as default.
|
||||
|
||||
### 3. Custom User Files
|
||||
|
||||
The following files are copied from the MokoCassiopeia media directory to MokoOnyx (only if the destination file does not already exist):
|
||||
|
||||
| File | Purpose |
|
||||
|------|---------|
|
||||
| `css/theme/light.custom.css` | Custom light palette |
|
||||
| `css/theme/dark.custom.css` | Custom dark palette |
|
||||
| `css/theme/light.custom.min.css` | Minified custom light palette |
|
||||
| `css/theme/dark.custom.min.css` | Minified custom dark palette |
|
||||
| `css/user.css` | Custom CSS overrides |
|
||||
| `css/user.min.css` | Minified custom CSS |
|
||||
| `js/user.js` | Custom JavaScript |
|
||||
| `js/user.min.js` | Minified custom JavaScript |
|
||||
|
||||
Source: `media/templates/site/mokocassiopeia/`
|
||||
Destination: `media/templates/site/mokoonyx/`
|
||||
|
||||
### 4. Content References
|
||||
|
||||
All references to "MokoCassiopeia" and "mokocassiopeia" in article content (`introtext` and `fulltext` columns) and module content are automatically replaced with "MokoOnyx" and "mokoonyx". This covers:
|
||||
|
||||
- Image paths (e.g., `media/templates/site/mokocassiopeia/...`)
|
||||
- Template name references in custom HTML modules
|
||||
- Any other text references in content
|
||||
|
||||
### 5. Additional Post-Install Tasks
|
||||
|
||||
These tasks run during every install/update (not just migration):
|
||||
|
||||
| Task | Description |
|
||||
|------|-------------|
|
||||
| **Favicon stamp cleared** | Deletes `.favicon_generated` stamp so favicons regenerate. Also removes the old `/images/favicons/` directory and root-level favicon files from previous versions. |
|
||||
| **Media folder cleaned** | Removes stale `.min.css` and `.min.js` files (regenerated by `MokoMinifyHelper`), unminified vendor files, and deprecated files (`custom.css`, `custom.js`, `template-rtl.css`). |
|
||||
| **Extension locked** | Sets `locked = 1` in `#__extensions` to prevent accidental uninstallation. |
|
||||
|
||||
---
|
||||
|
||||
## How to Trigger Migration
|
||||
|
||||
Migration runs automatically during installation. If you need to observe the results:
|
||||
|
||||
1. Install MokoOnyx via **System → Install → Extensions**
|
||||
2. Go to **System → Site Templates** and verify MokoOnyx appears with your settings
|
||||
3. Visit any page on your site to confirm the template is active
|
||||
4. Check **administrator/logs/mokoonyx.log.php** for migration log entries
|
||||
|
||||
---
|
||||
|
||||
## Re-Running Migration
|
||||
|
||||
The migration runs on every install/update operation via the `postflight()` method. It is safe to re-run because:
|
||||
|
||||
- Style creation checks for existing styles before creating duplicates
|
||||
- File copies only occur when the destination file does not exist
|
||||
- Content replacements are idempotent (replacing "MokoOnyx" with "MokoOnyx" is a no-op)
|
||||
|
||||
To force a fresh migration, you can reinstall MokoOnyx by uploading the ZIP package again.
|
||||
|
||||
---
|
||||
|
||||
## After Migration
|
||||
|
||||
Once you have confirmed everything is working:
|
||||
|
||||
1. Uninstall MokoCassiopeia from **Extensions → Manage**
|
||||
2. Optionally clean up any remaining MokoCassiopeia files in `media/templates/site/mokocassiopeia/`
|
||||
|
||||
---
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
| Issue | Solution |
|
||||
|-------|----------|
|
||||
| Settings not migrated | Check `administrator/logs/mokoonyx.log.php` for error messages. Verify MokoCassiopeia styles exist in `#__template_styles`. |
|
||||
| Custom theme files missing | Verify files exist in `media/templates/site/mokocassiopeia/css/theme/`. The copy only runs if the destination does not already exist -- if MokoOnyx files are already present, they are not overwritten. |
|
||||
| Content references not updated | Check the log for "Content replacement failed" or "Module replacement failed" warnings. Database permissions may be insufficient. |
|
||||
| PHP version error | MokoOnyx requires PHP 8.1+. The preflight check blocks installation if this is not met. |
|
||||
| Joomla version error | MokoOnyx requires Joomla 4.4+. The preflight check blocks installation if this is not met. |
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
@@ -1,113 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# Minification
|
||||
|
||||
MokoOnyx includes an automatic CSS/JS minification system that generates `.min` files at runtime based on the development mode setting.
|
||||
|
||||
---
|
||||
|
||||
## How It Works
|
||||
|
||||
The minification system is implemented in `MokoMinifyHelper` (`helper/minify.php`). It is called from the template's `index.php` on every page load and follows a simple rule:
|
||||
|
||||
- **Development mode OFF** (production): `.min` files are generated from source files when the source is newer or the `.min` file is missing
|
||||
- **Development mode ON**: all `.min` files are **deleted** so the browser loads unminified source files for debugging
|
||||
|
||||
---
|
||||
|
||||
## Files Managed
|
||||
|
||||
### CSS Files
|
||||
|
||||
| Source File | Minified Output |
|
||||
|-------------|----------------|
|
||||
| `css/template.css` | `css/template.min.css` |
|
||||
| `css/offline.css` | `css/offline.min.css` |
|
||||
| `css/editor.css` | `css/editor.min.css` |
|
||||
| `css/a11y-high-contrast.css` | `css/a11y-high-contrast.min.css` |
|
||||
| `css/user.css` | `css/user.min.css` |
|
||||
| `css/theme/light.standard.css` | `css/theme/light.standard.min.css` |
|
||||
| `css/theme/dark.standard.css` | `css/theme/dark.standard.min.css` |
|
||||
| `css/theme/light.custom.css` | `css/theme/light.custom.min.css` |
|
||||
| `css/theme/dark.custom.css` | `css/theme/dark.custom.min.css` |
|
||||
|
||||
### JavaScript Files
|
||||
|
||||
| Source File | Minified Output |
|
||||
|-------------|----------------|
|
||||
| `js/template.js` | `js/template.min.js` |
|
||||
| `js/gtm.js` | `js/gtm.min.js` |
|
||||
| `js/user.js` | `js/user.min.js` |
|
||||
|
||||
All paths are relative to `media/templates/site/mokoonyx/`.
|
||||
|
||||
---
|
||||
|
||||
## Staleness Check
|
||||
|
||||
The system uses filesystem modification times to determine whether a `.min` file needs regenerating:
|
||||
|
||||
1. If the source file does not exist, skip it
|
||||
2. If the `.min` file exists and its modification time is **newer or equal** to the source, skip it
|
||||
3. Otherwise, read the source, minify it, and write the `.min` file
|
||||
|
||||
This means minification only runs when source files actually change, keeping page load overhead minimal.
|
||||
|
||||
---
|
||||
|
||||
## CSS Minification
|
||||
|
||||
The CSS minifier performs these transformations:
|
||||
|
||||
1. Remove CSS comments (preserving IE hacks)
|
||||
2. Remove whitespace around `{ } : ; , > + ~`
|
||||
3. Collapse remaining whitespace to single spaces
|
||||
4. Remove trailing semicolons before closing braces (`;}` becomes `}`)
|
||||
5. Strip leading/trailing whitespace
|
||||
|
||||
---
|
||||
|
||||
## JavaScript Minification
|
||||
|
||||
The JS minifier performs these transformations:
|
||||
|
||||
1. Remove multi-line comments (`/* ... */`)
|
||||
2. Remove single-line comments (`//`) while preserving URLs
|
||||
3. Collapse whitespace
|
||||
4. Remove spaces around operators and punctuation
|
||||
5. Restore necessary spaces after keywords (`var`, `let`, `const`, `return`, `typeof`, `instanceof`, `new`, `delete`, `throw`, `case`, `in`, `of`)
|
||||
|
||||
---
|
||||
|
||||
## Build-Time vs Runtime
|
||||
|
||||
| Context | What Happens |
|
||||
|---------|-------------|
|
||||
| **Runtime** (page load) | `MokoMinifyHelper::sync()` runs on every page load. In production mode, it checks timestamps and regenerates stale `.min` files. The overhead is negligible (filesystem stat calls only when files have not changed). |
|
||||
| **Build-time** (`make build`) | The Makefile runs `make minify` before packaging. This uses the moko-platform `minify.js` script (Node.js) with `terser` and `clean-css` for higher-quality minification. |
|
||||
| **Install/Update** | The installer script (`script.php`) deletes all `.min.css` and `.min.js` files in the `css/` and `js/` directories so they are cleanly regenerated by the runtime minifier on the first page load. Vendor `.min` files in `vendor/` are not touched. |
|
||||
|
||||
---
|
||||
|
||||
## Debug Mode Behaviour
|
||||
|
||||
To debug CSS or JS issues:
|
||||
|
||||
1. Go to **System → Site Templates → MokoOnyx**
|
||||
2. Open the **Advanced** tab
|
||||
3. Set **Development Mode** to **Yes**
|
||||
4. Save
|
||||
|
||||
This immediately deletes all `.min` files. The template will load the unminified source files, making browser DevTools inspection straightforward. Remember to turn development mode **off** for production.
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
@@ -1,23 +0,0 @@
|
||||
# Roadmap
|
||||
|
||||
> Auto-generated from project milestones and issues.
|
||||
> Last updated: 2026-05-11 17:09 UTC
|
||||
|
||||
## Active Milestones
|
||||
|
||||
_No active milestones._
|
||||
|
||||
## Backlog
|
||||
|
||||
_Issues not yet assigned to a milestone._
|
||||
|
||||
- [ ] feat: AI-generated page layouts from text prompts (#21) `type: feature`
|
||||
- [ ] feat: Visual page builder with drag-and-drop (#20) `type: feature`
|
||||
- [ ] feat: Export/import themes (#19) `type: feature`
|
||||
- [ ] feat: CSS variable editor (#18) `type: feature`
|
||||
- [ ] feat: Theme presets (#17) `type: feature`
|
||||
- [ ] feat: Live preview customizer (#16) `type: feature`
|
||||
- [ ] bug: site.webmanifest 404 — favicon generator not creating manifest (#1)
|
||||
|
||||
---
|
||||
_Generated by [sync-roadmap-wiki](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx/actions) workflow._
|
||||
@@ -1,123 +0,0 @@
|
||||
[← Back to Home](Home)
|
||||
|
||||
# Template Overrides
|
||||
|
||||
MokoOnyx includes template overrides for Joomla core modules, third-party extensions, and layout files. These overrides are located in `templates/mokoonyx/html/`.
|
||||
|
||||
---
|
||||
|
||||
## Joomla Core Module Overrides
|
||||
|
||||
| Module | Override File(s) | Description |
|
||||
|--------|-----------------|-------------|
|
||||
| `mod_articles_archive` | `default.php` | Articles archive module |
|
||||
| `mod_articles_categories` | `default.php` | Article categories listing |
|
||||
| `mod_articles_category` | `default.php` | Articles from a single category |
|
||||
| `mod_articles_latest` | `default.php` | Latest articles module |
|
||||
| `mod_articles_news` | `default.php` | News flash / articles newsflash |
|
||||
| `mod_articles_popular` | `default.php` | Most-read articles |
|
||||
| `mod_banners` | `default.php` | Banner display module |
|
||||
| `mod_breadcrumbs` | `default.php` | Breadcrumb navigation |
|
||||
| `mod_custom` | `default.php`, `hero.php` | Custom HTML module (includes a hero layout variant) |
|
||||
| `mod_feed` | `default.php` | RSS/Atom feed display |
|
||||
| `mod_finder` | `default.php` | Smart Search box |
|
||||
| `mod_footer` | `default.php` | Footer information |
|
||||
| `mod_languages` | `default.php` | Language switcher |
|
||||
| `mod_login` | `default.php` | Login form |
|
||||
| `mod_menu` | `default.php`, `horizontal.php`, `horizontal_component.php`, `horizontal_heading.php`, `horizontal_separator.php`, `horizontal_url.php`, `mainmenu.php`, `mainmenu_component.php`, `mainmenu_heading.php`, `mainmenu_separator.php`, `mainmenu_url.php` | Menu module with horizontal and main menu layouts |
|
||||
| `mod_random_image` | `default.php` | Random image display |
|
||||
| `mod_related_items` | `default.php` | Related articles |
|
||||
| `mod_stats` | `default.php` | Site statistics |
|
||||
| `mod_syndicate` | `default.php` | Syndication / RSS link |
|
||||
| `mod_tags_popular` | `default.php` | Popular tags |
|
||||
| `mod_tags_similar` | `default.php` | Similar tags |
|
||||
| `mod_users_latest` | `default.php` | Latest registered users |
|
||||
| `mod_whosonline` | `default.php` | Who's online |
|
||||
| `mod_wrapper` | `default.php` | iFrame wrapper |
|
||||
|
||||
---
|
||||
|
||||
## Third-Party Extension Overrides
|
||||
|
||||
### Community Builder
|
||||
|
||||
| Module | Override File(s) | Description |
|
||||
|--------|-----------------|-------------|
|
||||
| `mod_cblogin` | `default.php`, `default_logout.php` | Community Builder login/logout module |
|
||||
| `mod_comprofilermoderator` | `default.php` | CB moderator panel |
|
||||
| `mod_comprofileronline` | `default.php` | CB online users |
|
||||
|
||||
### DPCalendar
|
||||
|
||||
| Module | Override File(s) | Description |
|
||||
|--------|-----------------|-------------|
|
||||
| `mod_dpcalendar_counter` | `default.php` | Event countdown timer |
|
||||
| `mod_dpcalendar_map` | `default.php` | Event map display |
|
||||
| `mod_dpcalendar_mini` | `default.php`, `default_icons.php`, `default_map.php`, `default_quickadd.php`, `_scripts.php` | Mini calendar widget |
|
||||
| `mod_dpcalendar_upcoming` | `default.php`, `_scripts.php` | Upcoming events list |
|
||||
|
||||
### JoomGallery
|
||||
|
||||
| Component View | Override File(s) | Description |
|
||||
|---------------|-----------------|-------------|
|
||||
| `com_joomgallery/category` | `default.php`, `default_cat.php` | Gallery category view |
|
||||
| `com_joomgallery/gallery` | `default.php` | Main gallery view |
|
||||
| `com_joomgallery/image` | `default.php` | Single image view |
|
||||
|
||||
---
|
||||
|
||||
## Component Overrides
|
||||
|
||||
| Component | View | Override File(s) | Description |
|
||||
|-----------|------|-----------------|-------------|
|
||||
| `com_content` | `article` | `toc-left.php`, `toc-right.php` | Article views with Table of Contents positioned left or right |
|
||||
|
||||
---
|
||||
|
||||
## Layout Overrides
|
||||
|
||||
| Layout | Override File | Description |
|
||||
|--------|--------------|-------------|
|
||||
| `joomla.module` | `card.php` | Module chrome -- wraps any module in a Bootstrap card layout |
|
||||
|
||||
---
|
||||
|
||||
## Hero Layout (mod_custom)
|
||||
|
||||
The `hero.php` layout for `mod_custom` provides a full-width hero/banner module. It uses the hero CSS variables (`--hero-*`) for styling. Assign a custom HTML module to positions like `banner` or `top-a` and select the "hero" layout in the module's Advanced tab.
|
||||
|
||||
---
|
||||
|
||||
## Menu Layouts
|
||||
|
||||
MokoOnyx provides two specialized menu layouts:
|
||||
|
||||
- **horizontal** -- A horizontal navigation bar with dropdown support, used for the main site navigation
|
||||
- **mainmenu** -- An enhanced main menu layout with support for component links, headings, separators, and URL items
|
||||
|
||||
Each layout has sub-templates for different menu item types: `_component`, `_heading`, `_separator`, and `_url`.
|
||||
|
||||
---
|
||||
|
||||
*Built with [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/MokoStandards-API) -- Moko Consulting*
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-09 | Moko Consulting | Initial version |
|
||||
|
||||
---
|
||||
|
||||
*Repo: [MokoOnyx](https://git.mokoconsulting.tech/MokoConsulting/MokoOnyx) · [MokoStandards](https://git.mokoconsulting.tech/MokoConsulting/moko-platform/wiki/Home)*
|
||||
|
||||
| Field | Value |
|
||||
|---|---|
|
||||
| Minimum Version | 04.07.00 |
|
||||
| Platform | joomla |
|
||||
|
||||
| Revision | Date | Author | Description |
|
||||
|---|---|---|---|
|
||||
| 1.0 | 2026-05-16 | Moko Consulting | Standards compliance update |
|
||||
@@ -1,92 +0,0 @@
|
||||
## Contributing
|
||||
|
||||
This document defines how to contribute to Moko Consulting projects.
|
||||
|
||||
## Branching Strategy
|
||||
|
||||
All repositories follow this branching model:
|
||||
|
||||
```
|
||||
feature/* --> dev --> main
|
||||
```
|
||||
|
||||
| Branch | Purpose | Direct push? |
|
||||
|--------|---------|-------------|
|
||||
| `main` | Production/release branch | No -- PR merge only |
|
||||
| `dev` | Integration branch | No -- PR merge only (CI bot whitelisted) |
|
||||
| `feature/*` | Feature/bugfix work | Yes -- create freely |
|
||||
| `rc/*` | Release candidates | No -- PR merge only |
|
||||
| `alpha/*` | Alpha pre-releases | No -- PR merge only |
|
||||
| `beta/*` | Beta pre-releases | No -- PR merge only |
|
||||
| `version/*` | Release archive branches | Auto-created by CI |
|
||||
|
||||
### Workflow
|
||||
|
||||
1. Create a `feature/*` branch from `dev`
|
||||
2. Make changes on the feature branch
|
||||
3. Open a PR from `feature/*` to `dev`
|
||||
4. After review, merge to `dev`
|
||||
5. When ready for release, open a PR from `dev` to `main`
|
||||
6. Merging to `main` triggers the auto-release pipeline
|
||||
|
||||
### Automated syncing
|
||||
|
||||
- `cascade-dev.yml` automatically forward-merges `main` to `dev` after every push to main
|
||||
- If there are conflicts, a PR is created automatically
|
||||
|
||||
## Prerequisites
|
||||
|
||||
Contributors are expected to:
|
||||
|
||||
* Have a working understanding of the project's platform (Joomla, Dolibarr, or generic)
|
||||
* Be familiar with Git and pull request workflows
|
||||
* Review repository governance documents prior to submitting changes
|
||||
|
||||
### Quick Setup
|
||||
|
||||
```bash
|
||||
git clone https://git.mokoconsulting.tech/MokoConsulting/<repo>.git
|
||||
cd <repo>
|
||||
git checkout dev
|
||||
git checkout -b feature/my-change
|
||||
```
|
||||
|
||||
## Coding and Formatting Standards
|
||||
|
||||
All contributions must:
|
||||
|
||||
* Follow platform coding standards (Joomla, Dolibarr, PHP PSR) where applicable
|
||||
* Conform to Moko Consulting repository standards for headers, metadata, and file structure
|
||||
* Keep YAML workflow files ASCII-only (no em dashes, arrows, or emoji)
|
||||
|
||||
## Commit Messages
|
||||
|
||||
Commit messages should:
|
||||
|
||||
* Use conventional commits format: `type(scope): description`
|
||||
* Types: feat, fix, chore, docs, refactor, test, ci
|
||||
* Focus on what changed and why
|
||||
* Include `[skip ci]` suffix for documentation-only changes
|
||||
|
||||
## Reporting Issues
|
||||
|
||||
Bug reports and enhancement requests should be filed as Gitea issues and include:
|
||||
|
||||
* Clear reproduction steps or use cases
|
||||
* Expected versus actual behavior
|
||||
* Relevant environment details
|
||||
|
||||
Security issues must follow the process in SECURITY.md and must not be reported publicly.
|
||||
|
||||
## Review Process
|
||||
|
||||
All pull requests are subject to review. Review criteria include:
|
||||
|
||||
* Technical correctness
|
||||
* Alignment with project goals
|
||||
* Maintainability and clarity
|
||||
* Risk introduced to release and update processes
|
||||
|
||||
## License
|
||||
|
||||
By contributing, you agree that your contributions will be licensed under GPL-3.0-or-later, consistent with the rest of the project.
|
||||
Reference in New Issue
Block a user