domma-cms 0.7.8 → 0.8.0

package/admin/js/templates/effects.html

@@ -0,0 +1,594 @@
+<div class="view-header">
+    <h1><span data-icon="sparkles"></span> Domma Effects</h1>
+    <div>
+        <button id="save-settings-btn" class="btn btn-primary">
+            <span data-icon="save"></span> Save
+        </button>
+    </div>
+</div>
+
+<!-- Settings Card -->
+<div class="card mb-4">
+    <div class="card-header"><h2>Settings</h2></div>
+    <div class="card-body">
+        <div class="row mb-3">
+            <div class="col">
+                <label class="form-check-label">
+                    <input id="field-respect-motion" type="checkbox">
+                    Respect <code>prefers-reduced-motion</code>
+                </label>
+                <span class="form-hint">When enabled, JS effects are skipped for users who prefer reduced motion. Content remains visible.</span>
+            </div>
+        </div>
+        <div class="row mb-3">
+            <div class="col-6">
+                <label class="form-label">Default animation duration (ms)</label>
+                <input id="field-default-duration" type="number" class="form-input" min="0" max="10000"
+                       placeholder="600">
+                <span class="form-hint">Used by reveal when no <code>duration</code> attribute is specified.</span>
+            </div>
+            <div class="col-6">
+                <label class="form-label">Default reveal animation</label>
+                <select id="field-default-animation" class="form-select">
+                    <option value="fade">Fade</option>
+                    <option value="slide-up">Slide up</option>
+                    <option value="slide-down">Slide down</option>
+                    <option value="zoom">Zoom</option>
+                    <option value="flip">Flip</option>
+                </select>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-6">
+                <label class="form-label">Default scroll threshold</label>
+                <input id="field-default-threshold" type="number" class="form-input" min="0" max="1" step="0.05"
+                       placeholder="0.1">
+                <span class="form-hint">Fraction of element visible before reveal fires (0.0–1.0).</span>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Shortcode Reference Card -->
+<div class="card mb-4">
+    <div class="card-header"><h2>Shortcode Reference</h2></div>
+    <div class="card-body">
+        <p class="text-muted mb-3">Use these shortcodes in any page's Markdown content. The <strong>Effects</strong>
+            toolbar
+            button in the editor inserts them automatically.</p>
+
+        <!-- Tabs -->
+        <div class="mb-3" style="display:flex;gap:6px;flex-wrap:wrap;">
+            <button class="btn btn-sm effects-tab-btn active" data-tab="entrance">Entrance</button>
+            <button class="btn btn-sm effects-tab-btn" data-tab="animation">Animation</button>
+            <button class="btn btn-sm effects-tab-btn" data-tab="text">Text</button>
+            <button class="btn btn-sm effects-tab-btn" data-tab="visual">Visual</button>
+            <button class="btn btn-sm effects-tab-btn" data-tab="examples">Examples</button>
+            <button class="btn btn-sm effects-tab-btn" data-tab="celebrations">Celebrations</button>
+        </div>
+
+        <!-- Entrance tab -->
+        <div id="tab-entrance" class="effects-tab-panel">
+            <h3 class="mb-2">Reveal</h3>
+            <p class="text-muted mb-2">Triggers a scroll-activated entrance animation when the element enters the
+                viewport.
+                Great for headers, cards, and feature sections.</p>
+            <pre class="code-block mb-2">[reveal animation="fade" duration="600" delay="0" threshold="0.1" once="true"]
+## Your heading or content
+
+Markdown **works** inside.
+[/reveal]</pre>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Attribute</th>
+                    <th>Default</th>
+                    <th>Description</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>animation</code></td>
+                    <td>fade</td>
+                    <td>fade, slide-up, slide-down, zoom, flip</td>
+                </tr>
+                <tr>
+                    <td><code>duration</code></td>
+                    <td>600</td>
+                    <td>Animation duration in milliseconds</td>
+                </tr>
+                <tr>
+                    <td><code>delay</code></td>
+                    <td>0</td>
+                    <td>Delay before animation starts (ms)</td>
+                </tr>
+                <tr>
+                    <td><code>threshold</code></td>
+                    <td>0.1</td>
+                    <td>Fraction visible before triggering (0–1)</td>
+                </tr>
+                <tr>
+                    <td><code>once</code></td>
+                    <td>true</td>
+                    <td>Only animate once (true/false)</td>
+                </tr>
+                </tbody>
+            </table>
+            <p class="text-muted" style="font-size:.85rem;"><strong>Tip:</strong> Use <code>delay</code> to stagger
+                multiple
+                reveal blocks for a cascade effect.</p>
+        </div>
+
+        <!-- Animation tab -->
+        <div id="tab-animation" class="effects-tab-panel">
+            <h3 class="mb-2">Breathe</h3>
+            <p class="text-muted mb-2">Continuous gentle scaling — makes elements feel alive. Ideal for hero images or
+                call-to-action buttons.</p>
+            <pre class="code-block mb-3">[breathe amplitude="8" duration="3000"]
+Content that breathes.
+[/breathe]</pre>
+
+            <h3 class="mb-2">Pulse</h3>
+            <p class="text-muted mb-2">A repeating scale pulse — stronger than breathe, good for alerts or badges.</p>
+            <pre class="code-block mb-3">[pulse scale="1.05" duration="1000"]
+Pulsing content.
+[/pulse]</pre>
+
+            <h3 class="mb-2">Shake</h3>
+            <p class="text-muted mb-2">One-shot horizontal or vertical shake. Use for error states or attention-grabbing
+                elements.</p>
+            <pre class="code-block mb-3">[shake intensity="5" duration="500" direction="horizontal"]
+This will shake.
+[/shake]</pre>
+
+            <h3 class="mb-2">CSS Animate</h3>
+            <p class="text-muted mb-2">Applies Domma CSS animation utility classes — no JavaScript required. Works
+                without the
+                plugin enabled.</p>
+            <pre class="code-block mb-2">[animate type="fade-in-up" duration="normal" delay="200" repeat="once"]
+Content here.
+[/animate]</pre>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Attribute</th>
+                    <th>Values</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>type</code></td>
+                    <td>fade-in, fade-out, fade-in-up, fade-in-down, fade-in-left, fade-in-right, slide-in-up,
+                        slide-in-down,
+                        slide-in-left, slide-in-right, zoom-in, zoom-out, bounce, pulse, shake, spin, rotate-in, flip
+                    </td>
+                </tr>
+                <tr>
+                    <td><code>duration</code></td>
+                    <td>fast, normal, slow, slower</td>
+                </tr>
+                <tr>
+                    <td><code>delay</code></td>
+                    <td>100, 200, 300, 500, 1000</td>
+                </tr>
+                <tr>
+                    <td><code>repeat</code></td>
+                    <td>once, infinite, repeat-2, repeat-3</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <!-- Text tab -->
+        <div id="tab-text" class="effects-tab-panel">
+            <h3 class="mb-2">Typewriter (Scribe)</h3>
+            <p class="text-muted mb-2">Types text character by character. Supports a simple one-shot mode or a full
+                action script for sequenced multi-step animations.</p>
+
+            <h4 class="mb-1" style="font-size:.9rem;">Simple mode</h4>
+            <pre class="code-block mb-2">[scribe speed="50" cursor="true" loop="false"]
+Your text appears letter by letter.
+[/scribe]</pre>
+
+            <h4 class="mb-1" style="font-size:.9rem;">Script mode — action shortcodes</h4>
+            <pre class="code-block mb-2">[scribe loop="true" loop-delay="2000"]
+[render effect="fade"]Hello, world![/render]
+[wait]1500[/wait]
+[undo /]
+[render]Something else entirely.[/render]
+[/scribe]</pre>
+            <p class="text-muted mb-2" style="font-size:.85rem;">When any <code>[render]</code>, <code>[wait]</code>, or
+                <code>[undo]</code> shortcode is present inside the body, script mode activates automatically.</p>
+            <table class="table mb-2">
+                <thead>
+                <tr>
+                    <th>Action</th>
+                    <th>Syntax</th>
+                    <th>Description</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>[render]</code></td>
+                    <td><code>[render effect="fade"]Text[/render]</code></td>
+                    <td>Type the text. Optional <code>effect</code>: fade, slide (for appearance)</td>
+                </tr>
+                <tr>
+                    <td><code>[wait]</code></td>
+                    <td><code>[wait]1500[/wait]</code></td>
+                    <td>Pause for N milliseconds (number) or a CSS duration string (e.g. <code>2s</code>)</td>
+                </tr>
+                <tr>
+                    <td><code>[undo]</code></td>
+                    <td><code>[undo /]</code> or <code>[undo count="3" /]</code> or <code>[undo all="true" /]</code>
+                    </td>
+                    <td>Delete the last render action, N renders, or all renders</td>
+                </tr>
+                </tbody>
+            </table>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Attribute</th>
+                    <th>Default</th>
+                    <th>Description</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>speed</code></td>
+                    <td>50</td>
+                    <td>Typing speed (ms per character)</td>
+                </tr>
+                <tr>
+                    <td><code>delete-speed</code></td>
+                    <td>30</td>
+                    <td>Deletion speed (ms per character)</td>
+                </tr>
+                <tr>
+                    <td><code>cursor</code></td>
+                    <td>true</td>
+                    <td>Show blinking cursor (true/false)</td>
+                </tr>
+                <tr>
+                    <td><code>cursor-char</code></td>
+                    <td>|</td>
+                    <td>Character to use as cursor</td>
+                </tr>
+                <tr>
+                    <td><code>cursor-type</code></td>
+                    <td>—</td>
+                    <td>Cursor style (block, underline, beam)</td>
+                </tr>
+                <tr>
+                    <td><code>loop</code></td>
+                    <td>false</td>
+                    <td>Repeat script continuously (true/false)</td>
+                </tr>
+                <tr>
+                    <td><code>loop-delay</code></td>
+                    <td>1000</td>
+                    <td>Pause before repeating (ms)</td>
+                </tr>
+                <tr>
+                    <td><code>pause-on-hover</code></td>
+                    <td>false</td>
+                    <td>Pause animation while hovered (true/false)</td>
+                </tr>
+                </tbody>
+            </table>
+
+            <h3 class="mb-2">Scramble</h3>
+            <p class="text-muted mb-2">Reveals text through a character-scramble animation. Great for tech/data
+                aesthetics.</p>
+            <pre class="code-block mb-3">[scramble speed="50" loop="false"]
+Scrambled reveal text.
+[/scramble]</pre>
+
+            <h3 class="mb-2">Counter</h3>
+            <p class="text-muted mb-2">Animates a number from <code>from</code> to <code>to</code>. Use in stat
+                sections. This
+                shortcode is self-closing.</p>
+            <pre class="code-block mb-2">[counter to="100" from="0" prefix="$" suffix="+" duration="2000" /]</pre>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Attribute</th>
+                    <th>Default</th>
+                    <th>Description</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>to</code></td>
+                    <td>0</td>
+                    <td>Target number</td>
+                </tr>
+                <tr>
+                    <td><code>from</code></td>
+                    <td>0</td>
+                    <td>Starting number</td>
+                </tr>
+                <tr>
+                    <td><code>duration</code></td>
+                    <td>2000</td>
+                    <td>Animation duration (ms)</td>
+                </tr>
+                <tr>
+                    <td><code>prefix</code></td>
+                    <td>—</td>
+                    <td>Text before the number (e.g. $)</td>
+                </tr>
+                <tr>
+                    <td><code>suffix</code></td>
+                    <td>—</td>
+                    <td>Text after the number (e.g. +)</td>
+                </tr>
+                <tr>
+                    <td><code>decimals</code></td>
+                    <td>0</td>
+                    <td>Decimal places to display</td>
+                </tr>
+                <tr>
+                    <td><code>separator</code></td>
+                    <td>—</td>
+                    <td>Thousands separator (e.g. ,)</td>
+                </tr>
+                </tbody>
+            </table>
+            <p class="text-muted" style="font-size:.85rem;"><strong>Tip:</strong> Counters work great in a grid — place
+                3–4
+                counter spans in a <code>[grid cols="4"]</code> for a stats section.</p>
+        </div>
+
+        <!-- Visual tab -->
+        <div id="tab-visual" class="effects-tab-panel">
+            <h3 class="mb-2">Ripple</h3>
+            <p class="text-muted mb-2">Click-triggered ripple effect on the element. Good for interactive content
+                blocks.</p>
+            <pre class="code-block mb-3">[ripple colour="#7c6af7" duration="600" opacity="0.3"]
+Click this area for a ripple.
+[/ripple]</pre>
+
+            <h3 class="mb-2">Twinkle</h3>
+            <p class="text-muted mb-2">Generates animated particle effects inside the element. Use for hero sections or
+                decorative areas.</p>
+            <pre class="code-block mb-3">[twinkle count="80" shape="star" colour="#fff" min-size="2" max-size="6"]
+Content beneath the particles.
+[/twinkle]</pre>
+
+            <h3 class="mb-2">Ambient Background</h3>
+            <p class="text-muted mb-2">Applies animated CSS background classes — no JavaScript needed. Works without the
+                plugin.</p>
+            <pre class="code-block mb-2">[ambient type="float-blobs" speed="slow" intensity="subtle"]
+Content on animated background.
+[/ambient]</pre>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Attribute</th>
+                    <th>Values</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>type</code></td>
+                    <td>rotate-glow, rotate-dual, rotate-spotlight, float-blobs, float-orbs, float-particles, wave,
+                        ripple,
+                        aurora
+                    </td>
+                </tr>
+                <tr>
+                    <td><code>speed</code></td>
+                    <td>slow, normal, fast</td>
+                </tr>
+                <tr>
+                    <td><code>intensity</code></td>
+                    <td>subtle, intense</td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+
+        <!-- Examples tab -->
+        <div id="tab-examples" class="effects-tab-panel">
+            <h3 class="mb-2">Hero section with typewriter</h3>
+            <pre class="code-block mb-3">[reveal animation="fade"]
+# Welcome to our site
+
+[scribe speed="40" cursor="true"]
+We build things that matter.
+[/scribe]
+[/reveal]</pre>
+
+            <h3 class="mb-2">Stats row with counters</h3>
+            <pre class="code-block mb-3">[reveal animation="slide-up"]
+[grid cols="3" gap="4"]
+[col]
+## [counter to="500" suffix="+" /]
+Happy clients
+[/col]
+[col]
+## [counter to="12" suffix=" years" /]
+In business
+[/col]
+[col]
+## [counter to="98" suffix="%" /]
+Satisfaction
+[/col]
+[/grid]
+[/reveal]</pre>
+
+            <h3 class="mb-2">Staggered card reveal</h3>
+            <pre class="code-block mb-3">[reveal animation="fade-in-up" delay="0"]
+[card title="Feature One"]First card content.[/card]
+[/reveal]
+
+[reveal animation="fade-in-up" delay="150"]
+[card title="Feature Two"]Second card content.[/card]
+[/reveal]
+
+[reveal animation="fade-in-up" delay="300"]
+[card title="Feature Three"]Third card content.[/card]
+[/reveal]</pre>
+
+            <h3 class="mb-2">Hero with ambient background</h3>
+            <pre class="code-block mb-3">[ambient type="aurora" speed="slow" intensity="subtle"]
+[reveal animation="zoom"]
+# Your headline here
+
+A compelling subheading that draws users in.
+[/reveal]
+[/ambient]</pre>
+
+            <h3 class="mb-2">Christmas page with fireworks</h3>
+            <pre class="code-block mb-3">[celebrate theme="christmas" intensity="medium" /]
+
+[fireworks]
+[firework type="burst" colour="rainbow" /]
+[firework type="sparkle" colour="primary" /]
+[/fireworks]
+
+[reveal animation="fade"]
+# Merry Christmas!
+[/reveal]</pre>
+        </div>
+
+        <!-- Celebrations tab -->
+        <div id="tab-celebrations" class="effects-tab-panel">
+            <h3 class="mb-2">Firework <span class="badge badge-info">CSS only</span></h3>
+            <p class="text-muted mb-2">Pure CSS particle effect — no JavaScript required. Works even without the plugin
+                enabled. Use self-closing for standalone particles, or wrapping to apply the firework classes to
+                content.</p>
+            <pre class="code-block mb-2">[firework type="burst" colour="rainbow" size="lg" continuous="true" /]</pre>
+            <pre class="code-block mb-2">[firework type="sparkle" colour="primary"]
+Click me for a burst!
+[/firework]</pre>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Attribute</th>
+                    <th>Values</th>
+                    <th>Description</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>type</code></td>
+                    <td>burst, sparkle, trail</td>
+                    <td>Firework particle shape</td>
+                </tr>
+                <tr>
+                    <td><code>colour</code></td>
+                    <td>rainbow, primary, info, success, warning, danger</td>
+                    <td>Particle colour theme</td>
+                </tr>
+                <tr>
+                    <td><code>size</code></td>
+                    <td>sm, md, lg</td>
+                    <td>Particle size (default: md)</td>
+                </tr>
+                <tr>
+                    <td><code>continuous</code></td>
+                    <td>true / false</td>
+                    <td>Loop the animation continuously</td>
+                </tr>
+                <tr>
+                    <td><code>hover</code></td>
+                    <td>true / false</td>
+                    <td>Only animate on mouse hover</td>
+                </tr>
+                </tbody>
+            </table>
+
+            <h3 class="mb-2">Fireworks Container <span class="badge badge-info">CSS only</span></h3>
+            <p class="text-muted mb-2">Groups multiple firework elements into a positioned overlay container.</p>
+            <pre class="code-block mb-3">[fireworks]
+[firework type="burst" colour="rainbow" /]
+[firework type="sparkle" colour="primary" /]
+[firework type="trail" colour="warning" /]
+[/fireworks]</pre>
+
+            <h3 class="mb-2">Celebrate <span class="badge badge-warning">Requires plugin JS</span></h3>
+            <p class="text-muted mb-2">Canvas-based seasonal particle system. Auto-detects the active celebration based
+                on
+                today's date, or specify a theme manually. Skipped automatically when
+                <code>prefers-reduced-motion</code> is active.</p>
+            <pre class="code-block mb-2">[celebrate theme="auto" intensity="medium" /]</pre>
+            <pre class="code-block mb-2">[celebrate theme="christmas" intensity="heavy" /]</pre>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Theme</th>
+                    <th>Active dates</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>auto</code></td>
+                    <td>Detects automatically from the table below</td>
+                </tr>
+                <tr>
+                    <td><code>christmas</code></td>
+                    <td>1 Dec – 1 Jan (snowflakes)</td>
+                </tr>
+                <tr>
+                    <td><code>halloween</code></td>
+                    <td>26 Oct – 31 Oct (bats &amp; pumpkins)</td>
+                </tr>
+                <tr>
+                    <td><code>valentines</code></td>
+                    <td>9 Feb – 14 Feb (hearts)</td>
+                </tr>
+                <tr>
+                    <td><code>guy-fawkes</code></td>
+                    <td>1 Nov – 5 Nov (fireworks)</td>
+                </tr>
+                <tr>
+                    <td><code>st-patricks</code></td>
+                    <td>12 Mar – 17 Mar (shamrocks)</td>
+                </tr>
+                <tr>
+                    <td><code>st-davids</code></td>
+                    <td>24 Feb – 1 Mar (daffodils)</td>
+                </tr>
+                <tr>
+                    <td><code>st-georges</code></td>
+                    <td>18 Apr – 23 Apr (roses)</td>
+                </tr>
+                <tr>
+                    <td><code>st-andrews</code></td>
+                    <td>25 Nov – 30 Nov (thistles)</td>
+                </tr>
+                </tbody>
+            </table>
+            <table class="table mb-3">
+                <thead>
+                <tr>
+                    <th>Attribute</th>
+                    <th>Values</th>
+                    <th>Description</th>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td><code>theme</code></td>
+                    <td>auto, christmas, halloween, valentines, guy-fawkes, st-patricks, st-davids, st-georges,
+                        st-andrews
+                    </td>
+                    <td>Theme to use (default: auto)</td>
+                </tr>
+                <tr>
+                    <td><code>intensity</code></td>
+                    <td>light, medium, heavy</td>
+                    <td>Particle density (default: medium)</td>
+                </tr>
+                </tbody>
+            </table>
+            <p class="text-muted"><strong>Tip:</strong> CSS fireworks (<code>[firework]</code>) render instantly with no
+                JS.
+                Canvas celebrations (<code>[celebrate]</code>) load the JS module on demand and degrade silently if
+                unavailable.</p>
+        </div>
+    </div>
+</div>

package/admin/js/views/effects.js

@@ -0,0 +1 @@
+import{apiRequest as s}from"/admin/js/api.js";export const effectsView={templateUrl:"/admin/js/templates/effects.html",async onMount(t){let e={};try{e=await s("/effects/settings")}catch{E.toast("Could not load settings.",{type:"error"})}t.find("#field-respect-motion").prop("checked",e.respectMotion!==!1),t.find("#field-default-duration").val(e.defaultDuration??600),t.find("#field-default-animation").val(e.defaultAnimation||"fade"),t.find("#field-default-threshold").val(e.defaultThreshold??.1),t.find("#save-settings-btn").off("click").on("click",async()=>{const a={respectMotion:t.find("#field-respect-motion").prop("checked"),defaultDuration:parseInt(t.find("#field-default-duration").val(),10)||600,defaultAnimation:t.find("#field-default-animation").val(),defaultThreshold:parseFloat(t.find("#field-default-threshold").val())||.1};try{await s("/effects/settings",{method:"PUT",body:JSON.stringify(a)}),E.toast("Settings saved.",{type:"success"})}catch{E.toast("Failed to save settings.",{type:"error"})}}),t.find(".effects-tab-btn").on("click",function(){const a=$(this).data("tab");t.find(".effects-tab-btn").removeClass("active"),$(this).addClass("active"),t.find(".effects-tab-panel").hide(),t.find(`#tab-${a}`).show()}),t.find(".effects-tab-panel").hide(),t.find("#tab-entrance").show(),Domma.icons.scan()}};

package/admin/js/views/index.js

@@ -1 +1 @@
-import{dashboardView as o}from"./dashboard.js";import{pagesView as i}from"./pages.js";import{pageEditorView as r}from"./page-editor.js";import{settingsView as t}from"./settings.js";import{navigationView as e}from"./navigation.js";import{layoutsView as m}from"./layouts.js";import{mediaView as s}from"./media.js";import{loginView as p}from"./login.js";import{usersView as f}from"./users.js";import{userEditorView as w}from"./user-editor.js";import{pluginsView as n}from"./plugins.js";import{documentationView as V}from"./documentation.js";import{tutorialsView as l}from"./tutorials.js";import{apiReferenceView as c}from"./api-reference.js";import{collectionsView as a}from"./collections.js";import{collectionEditorView as d}from"./collection-editor.js";import{collectionEntriesView as E}from"./collection-entries.js";import{formsView as u}from"./forms.js";import{formEditorView as g}from"./form-editor.js";import{formSubmissionsView as v}from"./form-submissions.js";import{viewsListView as b}from"./views-list.js";import{viewEditorView as k}from"./view-editor.js";import{viewPreviewView as y}from"./view-preview.js";import{actionsListView as L}from"./actions-list.js";import{actionEditorView as P}from"./action-editor.js";import{proDocsView as h}from"./pro-docs.js";import{blocksView as D}from"./blocks.js";import{blockEditorView as R}from"./block-editor.js";import{myProfileView as S}from"./my-profile.js";import{rolesView as x}from"./roles.js";import{roleEditorView as j}from"./role-editor.js";export const views={dashboard:o,pages:i,pageEditor:r,settings:t,navigation:e,layouts:m,media:s,login:p,users:f,userEditor:w,plugins:n,documentation:V,tutorials:l,apiReference:c,collections:a,collectionEditor:d,collectionEntries:E,forms:u,formEditor:g,formSubmissions:v,viewsList:b,viewEditor:k,viewPreview:y,actionsList:L,actionEditor:P,proDocs:h,blocks:D,blockEditor:R,myProfile:S,roles:x,roleEditor:j};
+import{dashboardView as o}from"./dashboard.js";import{pagesView as i}from"./pages.js";import{pageEditorView as r}from"./page-editor.js";import{settingsView as e}from"./settings.js";import{navigationView as t}from"./navigation.js";import{layoutsView as m}from"./layouts.js";import{mediaView as s}from"./media.js";import{loginView as f}from"./login.js";import{usersView as p}from"./users.js";import{userEditorView as w}from"./user-editor.js";import{pluginsView as V}from"./plugins.js";import{documentationView as n}from"./documentation.js";import{tutorialsView as l}from"./tutorials.js";import{apiReferenceView as c}from"./api-reference.js";import{collectionsView as a}from"./collections.js";import{collectionEditorView as d}from"./collection-editor.js";import{collectionEntriesView as E}from"./collection-entries.js";import{formsView as u}from"./forms.js";import{formEditorView as g}from"./form-editor.js";import{formSubmissionsView as v}from"./form-submissions.js";import{viewsListView as b}from"./views-list.js";import{viewEditorView as k}from"./view-editor.js";import{viewPreviewView as y}from"./view-preview.js";import{actionsListView as L}from"./actions-list.js";import{actionEditorView as P}from"./action-editor.js";import{proDocsView as h}from"./pro-docs.js";import{blocksView as D}from"./blocks.js";import{blockEditorView as R}from"./block-editor.js";import{myProfileView as S}from"./my-profile.js";import{rolesView as x}from"./roles.js";import{roleEditorView as j}from"./role-editor.js";import{effectsView as q}from"./effects.js";export const views={dashboard:o,pages:i,pageEditor:r,settings:e,navigation:t,layouts:m,media:s,login:f,users:p,userEditor:w,plugins:V,documentation:n,tutorials:l,apiReference:c,collections:a,collectionEditor:d,collectionEntries:E,forms:u,formEditor:g,formSubmissions:v,viewsList:b,viewEditor:k,viewPreview:y,actionsList:L,actionEditor:P,proDocs:h,blocks:D,blockEditor:R,myProfile:S,roles:x,roleEditor:j,effects:q};