domma-cms 0.2.1 → 0.5.0

package/admin/js/views/login.js

@@ -1,255 +1,11 @@
-/**
- * Login / First-time Setup View
- *
- * Flow:
- *  - Already logged in  → redirect to dashboard
- *  - needsSetup = true  → show setup form → onboarding wizard (site → theme → done)
- *  - needsSetup = false → show login form → redirect to dashboard
- */
-import {api, isAuthenticated, setAuthData} from '../api.js';
-
-// ---------------------------------------------------------------------------
-// Blueprints
-// ---------------------------------------------------------------------------
-
-const setupBlueprint = {
-    name: {
-        type: 'string',
-        required: true,
-        minLength: 2,
-        label: 'Full Name',
-        formConfig: { placeholder: 'Your name', autocomplete: 'name' }
-    },
-    email: {
-        type: 'email',
-        required: true,
-        label: 'Email Address',
-        formConfig: { placeholder: 'admin@example.com', autocomplete: 'email' }
-    },
-    password: {
-        type: 'password',
-        required: true,
-        minLength: 8,
-        label: 'Password',
-        formConfig: { placeholder: '••••••••', autocomplete: 'new-password', tooltip: 'Minimum 8 characters' }
-    }
-};
-
-const loginBlueprint = {
-    email: {
-        type: 'email',
-        required: true,
-        label: 'Email Address',
-        formConfig: { placeholder: 'you@example.com', autocomplete: 'email' }
-    },
-    password: {
-        type: 'password',
-        required: true,
-        label: 'Password',
-        formConfig: { placeholder: '••••••••', autocomplete: 'current-password' }
-    }
-};
-
-const THEMES = [
-    { id: 'charcoal-dark',  label: 'Charcoal',  dark: true,  primary: '#5b8cff', bg: '#1a1d23' },
-    { id: 'charcoal-light', label: 'Charcoal',  dark: false, primary: '#4a7aff', bg: '#f4f5f7' },
-    { id: 'ocean-dark',     label: 'Ocean',      dark: true,  primary: '#00b4d8', bg: '#0d1b2a' },
-    { id: 'ocean-light',    label: 'Ocean',      dark: false, primary: '#0096c7', bg: '#e8f4f8' },
-    { id: 'forest-dark',    label: 'Forest',     dark: true,  primary: '#52b788', bg: '#1a231e' },
-    { id: 'forest-light',   label: 'Forest',     dark: false, primary: '#40916c', bg: '#f0f7f4' },
-    { id: 'sunset-dark',    label: 'Sunset',     dark: true,  primary: '#ff6b6b', bg: '#1f1a1a' },
-    { id: 'sunset-light',   label: 'Sunset',     dark: false, primary: '#e05555', bg: '#fff0f0' },
-    { id: 'royal-dark',     label: 'Royal',      dark: true,  primary: '#9b59b6', bg: '#1a1525' },
-    { id: 'royal-light',    label: 'Royal',      dark: false, primary: '#8e44ad', bg: '#f5f0fa' },
-    { id: 'lemon-dark',     label: 'Lemon',      dark: true,  primary: '#f1c40f', bg: '#1a1a10' },
-    { id: 'lemon-light',    label: 'Lemon',      dark: false, primary: '#d4ac0d', bg: '#fffef0' },
-    { id: 'silver-dark',    label: 'Silver',     dark: true,  primary: '#95a5a6', bg: '#1c1e20' },
-    { id: 'silver-light',   label: 'Silver',     dark: false, primary: '#7f8c8d', bg: '#f2f3f4' },
-  {id: 'grayve-dark', label: 'Grayve', dark: true, primary: '#00bcd4', bg: '#1a1e21'},
-  {id: 'grayve-light', label: 'Grayve', dark: false, primary: '#00838f', bg: '#ffffff'},
-];
-
-export const loginView = {
-    templateUrl: '/admin/js/templates/login.html',
-
-    async onMount($container) {
-        if (isAuthenticated()) {
-            R.navigate('/');
-            return;
-        }
-
-        let needsSetup = false;
-        try {
-            const status = await api.auth.setupStatus();
-            needsSetup = status.needsSetup;
-        } catch {
-            E.toast('Could not reach the server.', { type: 'error' });
-        }
-
-        if (needsSetup) {
-            showStep($container, 'setup');
-            bindSetup($container);
-        } else {
-            showStep($container, 'login');
-            bindLogin($container);
-        }
-
-        Domma.icons.scan();
-    }
-};
-
-// ---------------------------------------------------------------------------
-// Panel switching
-// ---------------------------------------------------------------------------
-
-const PANELS = ['setup', 'onboarding-site', 'onboarding-theme', 'onboarding-done', 'login'];
-
-function showStep($container, name) {
-    PANELS.forEach(p => $container.find(`#${p}-panel`).hide());
-    $container.find(`#${name}-panel`).show();
-    Domma.icons.scan();
-}
-
-// ---------------------------------------------------------------------------
-// Setup step
-// ---------------------------------------------------------------------------
-
-function bindSetup($container) {
-    F.render('#setup-form-container', setupBlueprint, {}, {
-        layout: 'stacked',
-        submitText: 'Create admin account',
-        onSubmit: async (data) => {
-            try {
-                const result = await api.auth.setup(data);
-                setAuthData(result);
-                showStep($container, 'onboarding-site');
-                bindOnboardingSite($container);
-            } catch (err) {
-                E.toast(err.message || 'Setup failed. Please try again.', { type: 'error' });
-                return false;
-            }
-        }
-    });
-}
-
-// ---------------------------------------------------------------------------
-// Onboarding Step 2 — Site Identity
-// ---------------------------------------------------------------------------
-
-function bindOnboardingSite($container) {
-    $container.find('#ob-site-skip').on('click', (e) => {
-        e.preventDefault();
-        showStep($container, 'onboarding-theme');
-        buildThemeGrid($container);
-        bindOnboardingTheme($container);
-    });
-
-    $container.find('#ob-site-btn').on('click', async () => {
-        $container.find('#ob-site-error').hide();
-        const title   = $container.find('#ob-title').val().trim();
-        const tagline = $container.find('#ob-tagline').val().trim();
-
-        const $btn = $container.find('#ob-site-btn').prop('disabled', true).text('Saving…');
-        try {
-            // Fetch current settings then merge title + tagline
-            const current = await api.settings.get();
-            await api.settings.save({
-                ...current,
-                title:   title   || current.title,
-                tagline: tagline || current.tagline,
-                seo: {
-                    ...(current.seo || {}),
-                    defaultTitle: title || (current.seo && current.seo.defaultTitle)
-                }
-            });
-
-            // Also update nav brand text
-            const nav = await api.navigation.get();
-            await api.navigation.save({
-                ...nav,
-                brand: { ...(nav.brand || {}), text: title || nav.brand.text }
-            });
-
-            showStep($container, 'onboarding-theme');
-            buildThemeGrid($container);
-            bindOnboardingTheme($container);
-        } catch (err) {
-            showError($container, 'ob-site-error', err.message || 'Could not save site details.');
-        } finally {
-            $btn.prop('disabled', false).text('Continue');
-        }
-    });
-}
-
-// ---------------------------------------------------------------------------
-// Onboarding Step 3 — Theme Picker
-// ---------------------------------------------------------------------------
-
-function buildThemeGrid($container) {
-    const $grid = $container.find('#theme-grid').empty();
-    THEMES.forEach(t => {
-        const $card = $(`
-            <div class="theme-swatch" data-theme="${t.id}" title="${t.id}">
-                <div class="theme-swatch-preview" style="background:${t.bg}">
-                    <div class="theme-swatch-accent" style="background:${t.primary}"></div>
+import{api as s,isAuthenticated as m,setAuthData as d}from"../api.js";const u={name:{type:"string",required:!0,minLength:2,label:"Full Name",formConfig:{placeholder:"Your name",autocomplete:"name"}},email:{type:"email",required:!0,label:"Email Address",formConfig:{placeholder:"admin@example.com",autocomplete:"email"}},password:{type:"password",required:!0,minLength:8,label:"Password",formConfig:{placeholder:"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",autocomplete:"new-password",tooltip:"Minimum 8 characters"}}},p={email:{type:"email",required:!0,label:"Email Address",formConfig:{placeholder:"you@example.com",autocomplete:"email"}},password:{type:"password",required:!0,label:"Password",formConfig:{placeholder:"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",autocomplete:"current-password"}}},b=[{id:"charcoal-dark",label:"Charcoal",dark:!0,primary:"#5b8cff",bg:"#1a1d23"},{id:"charcoal-light",label:"Charcoal",dark:!1,primary:"#4a7aff",bg:"#f4f5f7"},{id:"ocean-dark",label:"Ocean",dark:!0,primary:"#00b4d8",bg:"#0d1b2a"},{id:"ocean-light",label:"Ocean",dark:!1,primary:"#0096c7",bg:"#e8f4f8"},{id:"forest-dark",label:"Forest",dark:!0,primary:"#52b788",bg:"#1a231e"},{id:"forest-light",label:"Forest",dark:!1,primary:"#40916c",bg:"#f0f7f4"},{id:"sunset-dark",label:"Sunset",dark:!0,primary:"#ff6b6b",bg:"#1f1a1a"},{id:"sunset-light",label:"Sunset",dark:!1,primary:"#e05555",bg:"#fff0f0"},{id:"royal-dark",label:"Royal",dark:!0,primary:"#9b59b6",bg:"#1a1525"},{id:"royal-light",label:"Royal",dark:!1,primary:"#8e44ad",bg:"#f5f0fa"},{id:"lemon-dark",label:"Lemon",dark:!0,primary:"#f1c40f",bg:"#1a1a10"},{id:"lemon-light",label:"Lemon",dark:!1,primary:"#d4ac0d",bg:"#fffef0"},{id:"silver-dark",label:"Silver",dark:!0,primary:"#95a5a6",bg:"#1c1e20"},{id:"silver-light",label:"Silver",dark:!1,primary:"#7f8c8d",bg:"#f2f3f4"},{id:"grayve-dark",label:"Grayve",dark:!0,primary:"#00bcd4",bg:"#1a1e21"},{id:"grayve-light",label:"Grayve",dark:!1,primary:"#00838f",bg:"#ffffff"},{id:"mint-dark",label:"Mint",dark:!0,primary:"#00c896",bg:"#0f1f1a"},{id:"mint-light",label:"Mint",dark:!1,primary:"#00a878",bg:"#f0faf6"}];export const loginView={templateUrl:"/admin/js/templates/login.html",async onMount(e){if(m()){R.navigate("/");return}const t=window.location.hash,a=t.match(/[?&]token=([a-f0-9]{64})/);if(t.startsWith("#/reset-password")&&a){i(e,"reset"),C(e,a[1]),Domma.icons.scan();return}if(t.startsWith("#/reset-password")){R.navigate("/login");return}let r=!1;try{r=(await s.auth.setupStatus()).needsSetup}catch{E.toast("Could not reach the server.",{type:"error"})}r?(i(e,"setup"),w(e)):(i(e,"login"),v(e)),Domma.icons.scan()}};const g={email:{type:"email",required:!0,label:"Email Address",formConfig:{placeholder:"you@example.com",autocomplete:"email"}}},h={password:{type:"password",required:!0,minLength:8,label:"New Password",formConfig:{placeholder:"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",autocomplete:"new-password",tooltip:"Minimum 8 characters"}},confirmPassword:{type:"password",required:!0,label:"Confirm Password",formConfig:{placeholder:"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",autocomplete:"new-password"}}},y=["setup","onboarding-site","onboarding-theme","onboarding-done","login","forgot","forgot-success","reset"];function i(e,t){y.forEach(a=>e.find(`#${a}-panel`).hide()),e.find(`#${t}-panel`).show(),Domma.icons.scan()}function n(e,t,a){e.find(`#${t}`).text(a).show()}function w(e){F.render("#setup-form-container",u,{},{layout:"stacked",submitText:"Create admin account",onSubmit:async t=>{try{const a=await s.auth.setup(t);d(a),i(e,"onboarding-site"),k(e)}catch(a){return E.toast(a.message||"Setup failed. Please try again.",{type:"error"}),!1}}})}function k(e){e.find("#ob-site-skip").on("click",t=>{t.preventDefault(),i(e,"onboarding-theme"),c(e),f(e)}),e.find("#ob-site-btn").on("click",async()=>{e.find("#ob-site-error").hide();const t=e.find("#ob-title").val().trim(),a=e.find("#ob-tagline").val().trim(),r=e.find("#ob-site-btn").prop("disabled",!0).text("Saving\u2026");try{const o=await s.settings.get();await s.settings.save({...o,title:t||o.title,tagline:a||o.tagline,seo:{...o.seo||{},defaultTitle:t||o.seo&&o.seo.defaultTitle}});const l=await s.navigation.get();await s.navigation.save({...l,brand:{...l.brand||{},text:t||l.brand.text}}),i(e,"onboarding-theme"),c(e),f(e)}catch(o){n(e,"ob-site-error",o.message||"Could not save site details.")}finally{r.prop("disabled",!1).text("Continue")}})}function c(e){const t=e.find("#theme-grid").empty();b.forEach(a=>{const r=$(`
+            <div class="theme-swatch" data-theme="${a.id}" title="${a.id}">
+                <div class="theme-swatch-preview" style="background:${a.bg}">
+                    <div class="theme-swatch-accent" style="background:${a.primary}"></div>
                 </div>
                 <div class="theme-swatch-label">
-                    <span>${t.label}</span>
-                    <span class="theme-swatch-mode">${t.dark ? 'Dark' : 'Light'}</span>
+                    <span>${a.label}</span>
+                    <span class="theme-swatch-mode">${a.dark?"Dark":"Light"}</span>
                 </div>
             </div>
-        `);
-        $card.on('click', () => {
-            $container.find('.theme-swatch').removeClass('selected');
-            $card.addClass('selected');
-        });
-        $grid.append($card);
-    });
-
-    // Default selection
-    $container.find('[data-theme="charcoal-dark"]').addClass('selected');
-}
-
-function bindOnboardingTheme($container) {
-    $container.find('#ob-theme-skip').on('click', (e) => {
-        e.preventDefault();
-        showStep($container, 'onboarding-done');
-    });
-
-    $container.find('#ob-theme-btn').on('click', async () => {
-        $container.find('#ob-theme-error').hide();
-        const selected = $container.find('.theme-swatch.selected').attr('data-theme') || 'charcoal-dark';
-
-        const $btn = $container.find('#ob-theme-btn').prop('disabled', true).text('Applying…');
-        try {
-            const current = await api.settings.get();
-            await api.settings.save({ ...current, theme: selected });
-            showStep($container, 'onboarding-done');
-        } catch (err) {
-            showError($container, 'ob-theme-error', err.message || 'Could not save theme.');
-        } finally {
-            $btn.prop('disabled', false).text('Apply theme');
-        }
-    });
-}
-
-// ---------------------------------------------------------------------------
-// Login step
-// ---------------------------------------------------------------------------
-
-function bindLogin($container) {
-    F.render('#login-form-container', loginBlueprint, {}, {
-        layout: 'stacked',
-        submitText: 'Sign in',
-        onSubmit: async (data) => {
-            try {
-                const result = await api.auth.login(data);
-                setAuthData(result);
-                R.navigate('/');
-            } catch (err) {
-                E.toast(err.message || 'Invalid credentials. Please try again.', { type: 'error' });
-                return false;
-            }
-        }
-    });
-}
+        `);r.on("click",()=>{e.find(".theme-swatch").removeClass("selected"),r.addClass("selected")}),t.append(r)}),e.find('[data-theme="charcoal-dark"]').addClass("selected")}function f(e){e.find("#ob-theme-skip").on("click",t=>{t.preventDefault(),i(e,"onboarding-done")}),e.find("#ob-theme-btn").on("click",async()=>{e.find("#ob-theme-error").hide();const t=e.find(".theme-swatch.selected").attr("data-theme")||"charcoal-dark",a=e.find("#ob-theme-btn").prop("disabled",!0).text("Applying\u2026");try{const r=await s.settings.get();await s.settings.save({...r,theme:t}),i(e,"onboarding-done")}catch(r){n(e,"ob-theme-error",r.message||"Could not save theme.")}finally{a.prop("disabled",!1).text("Apply theme")}})}function v(e){F.render("#login-form-container",p,{},{layout:"stacked",submitText:"Sign in",onSubmit:async t=>{try{const a=await s.auth.login(t);d(a),R.navigate("/")}catch(a){return E.toast(a.message||"Invalid credentials. Please try again.",{type:"error"}),!1}}}),e.find("#forgot-link").on("click",t=>{t.preventDefault(),i(e,"forgot"),S(e)})}function S(e){F.render("#forgot-form-container",g,{},{layout:"stacked",submitText:"Send reset link",onSubmit:async a=>{try{await s.auth.forgotPassword(a.email)}catch{}i(e,"forgot-success"),Domma.icons.scan()}});const t=a=>{a.preventDefault(),i(e,"login")};e.find("#forgot-back-link").on("click",t),e.find("#forgot-success-back-link").on("click",t)}function C(e,t){F.render("#reset-form-container",h,{},{layout:"stacked",submitText:"Set new password",onSubmit:async a=>{if(a.password!==a.confirmPassword)return E.toast("Passwords do not match.",{type:"error"}),!1;try{await s.auth.resetPassword(t,a.password),E.toast("Password updated. Please sign in.",{type:"success"}),window.location.hash="#/login"}catch(r){return E.toast(r.message||"Link expired or invalid.",{type:"error"}),!1}}})}

package/admin/js/views/media.js

@@ -1,240 +1 @@
-/**
- * Media View
- */
-import {api} from '../api.js';
-import {openImageEditor} from '../lib/image-editor.js';
-
-export const mediaView = {
-    templateUrl: '/admin/js/templates/media.html',
-
-    async onMount($container) {
-        const renderGrid = (files) => {
-          const grid = $container.find('#media-grid').empty().get(0);
-            if (!files.length) {
-              const empty = document.createElement('p');
-              empty.className = 'text-muted';
-              empty.textContent = 'No media files yet. Upload one above.';
-              grid.appendChild(empty);
-                return;
-            }
-            files.forEach(file => {
-                const isImage = /\.(png|jpe?g|gif|webp|svg)$/i.test(file.name);
-              const isEditable = /\.(png|jpe?g|gif|webp|tiff?)$/i.test(file.name);
-
-              const card = document.createElement('div');
-              card.className = 'media-card';
-
-              // Preview
-              const preview = document.createElement('div');
-              preview.className = 'media-preview';
-              if (isImage) {
-                const img = document.createElement('img');
-                img.src = file.url + '?t=' + Date.now();
-                img.alt = file.name;
-                img.className = 'media-thumb';
-                preview.appendChild(img);
-              } else {
-                const thumb = document.createElement('div');
-                thumb.className = 'media-thumb media-thumb--file';
-                const icon = document.createElement('span');
-                icon.setAttribute('data-icon', 'file');
-                thumb.appendChild(icon);
-                preview.appendChild(thumb);
-              }
-              card.appendChild(preview);
-
-              // Info
-              const info = document.createElement('div');
-              info.className = 'media-info';
-
-              const nameSpan = document.createElement('span');
-              nameSpan.className = 'media-name';
-              nameSpan.title = 'Double-click to rename';
-              nameSpan.textContent = file.name;
-
-              const sizeSpan = document.createElement('span');
-              sizeSpan.className = 'media-size';
-              sizeSpan.textContent = formatBytes(file.size);
-              info.appendChild(nameSpan);
-              info.appendChild(sizeSpan);
-              card.appendChild(info);
-
-              // Inline rename: double-click the filename to edit
-              nameSpan.addEventListener('dblclick', () => startRename(nameSpan, file, renderGrid));
-
-              // Actions
-              const actions = document.createElement('div');
-              actions.className = 'media-actions';
-
-              const copyBtn = document.createElement('button');
-              copyBtn.className = 'btn btn-sm btn-ghost';
-              const copyIcon = document.createElement('span');
-              copyIcon.setAttribute('data-icon', 'copy');
-              copyBtn.appendChild(copyIcon);
-              copyBtn.addEventListener('click', () => {
-                navigator.clipboard.writeText(window.location.origin + file.url)
-                  .then(() => E.toast('URL copied.', {type: 'success'}))
-                  .catch(() => E.toast('Copy failed.', {type: 'error'}));
-              });
-
-              const renameBtn = document.createElement('button');
-              renameBtn.className = 'btn btn-sm btn-ghost';
-              const renameIcon = document.createElement('span');
-              renameIcon.setAttribute('data-icon', 'type');
-              renameBtn.appendChild(renameIcon);
-              renameBtn.addEventListener('click', () => startRename(nameSpan, file, renderGrid));
-
-              let editBtn = null;
-              if (isEditable) {
-                editBtn = document.createElement('button');
-                editBtn.className = 'btn btn-sm btn-ghost';
-                const editIcon = document.createElement('span');
-                editIcon.setAttribute('data-icon', 'edit');
-                editBtn.appendChild(editIcon);
-                editBtn.addEventListener('click', async () => {
-                  const saved = await openImageEditor(file);
-                  if (saved) renderGrid(await api.media.list().catch(() => []));
-                });
-              }
-
-              const deleteBtn = document.createElement('button');
-              deleteBtn.className = 'btn btn-sm btn-danger';
-              const deleteIcon = document.createElement('span');
-              deleteIcon.setAttribute('data-icon', 'trash');
-              deleteBtn.appendChild(deleteIcon);
-              deleteBtn.addEventListener('click', async () => {
-                if (!await E.confirm(`Delete "${file.name}"?`)) return;
-                try {
-                  await api.media.delete(file.name);
-                  E.toast('File deleted.', {type: 'success'});
-                  renderGrid(await api.media.list().catch(() => []));
-                } catch {
-                  E.toast('Delete failed.', {type: 'error'});
-                }
-              });
-
-              actions.appendChild(copyBtn);
-              actions.appendChild(renameBtn);
-              if (editBtn) actions.appendChild(editBtn);
-              actions.appendChild(deleteBtn);
-              card.appendChild(actions);
-              grid.appendChild(card);
-
-              // Tooltips must be registered after the element is in the DOM
-              E.tooltip(copyBtn, {content: 'Copy URL', position: 'top'});
-              E.tooltip(renameBtn, {content: 'Rename', position: 'top'});
-              if (editBtn) E.tooltip(editBtn, {content: 'Edit image', position: 'top'});
-              E.tooltip(deleteBtn, {content: 'Delete file', position: 'top'});
-            });
-
-            Domma.icons.scan();
-            Domma.effects.reveal('.media-card', { animation: 'fade', stagger: 40, duration: 350 });
-        };
-
-        const initialFiles = await api.media.list().catch(() => []);
-        renderGrid(initialFiles);
-
-        Domma.effects.ripple('#upload-btn');
-      $container.find('#upload-btn').on('click', () => $container.find('#file-input').get(0).click());
-
-        $container.find('#file-input').on('change', async function () {
-            if (!this.files.length) return;
-            const formData = new FormData();
-            for (const file of this.files) formData.append('file', file);
-
-          const btn = $container.find('#upload-btn').get(0);
-          const textNode = btn.lastChild;
-          btn.disabled = true;
-          textNode.textContent = ' Uploading…';
-
-            try {
-              const resp = await fetch('/api/media', {
-                method: 'POST',
-                body: formData,
-                headers: {'Authorization': 'Bearer ' + (S.get('auth_token') || '')}
-              });
-                if (!resp.ok) throw new Error('Upload failed');
-                E.toast('File uploaded.', { type: 'success' });
-              renderGrid(await api.media.list().catch(() => []));
-            } catch {
-                E.toast('Upload failed.', { type: 'error' });
-            } finally {
-              btn.disabled = false;
-              textNode.textContent = ' Upload';
-                this.value = '';
-            }
-        });
-    }
-};
-
-/**
- * Replace a filename span with an inline input for renaming.
- * Confirms with Enter, cancels with Escape or blur.
- *
- * @param {HTMLElement} nameSpan
- * @param {{ name: string, url: string }} file
- * @param {Function} renderGrid
- */
-function startRename(nameSpan, file, renderGrid) {
-  if (nameSpan.querySelector('input')) return; // already editing
-
-  const original = file.name;
-  const dotIndex = original.lastIndexOf('.');
-  const baseName = dotIndex > 0 ? original.slice(0, dotIndex) : original;
-
-  const input = document.createElement('input');
-  input.type = 'text';
-  input.className = 'media-rename-input';
-  input.value = original;
-  input.title = '';
-
-  nameSpan.textContent = '';
-  nameSpan.appendChild(input);
-
-  input.focus();
-  input.setSelectionRange(0, baseName.length);
-
-  async function confirm() {
-    const newName = input.value.trim();
-    if (!newName || newName === original) return cancel();
-    input.disabled = true;
-    try {
-      await api.media.rename(original, newName);
-      E.toast('File renamed.', {type: 'success'});
-      renderGrid(await api.media.list().catch(() => []));
-    } catch (err) {
-      E.toast(err.message || 'Rename failed.', {type: 'error'});
-      cancel();
-    }
-  }
-
-  function cancel() {
-    nameSpan.textContent = original;
-    nameSpan.title = 'Double-click to rename';
-  }
-
-  input.addEventListener('keydown', (e) => {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      confirm();
-    }
-    if (e.key === 'Escape') {
-      e.preventDefault();
-      cancel();
-    }
-  });
-
-  input.addEventListener('blur', () => {
-    // Short delay so Enter keydown fires before blur
-    setTimeout(() => {
-      if (nameSpan.contains(input)) cancel();
-    }, 150);
-  });
-}
-
-function formatBytes(bytes) {
-    if (!bytes) return '0 B';
-    const k = 1024, sizes = ['B', 'KB', 'MB', 'GB'];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return `${(bytes / Math.pow(k, i)).toFixed(1)} ${sizes[i]}`;
-}
+import{api as m}from"../api.js";import{openImageEditor as B}from"../lib/image-editor.js";export const mediaView={templateUrl:"/admin/js/templates/media.html",async onMount(t){const i=c=>{const d=t.find("#media-grid").empty().get(0);if(!c.length){const e=document.createElement("p");e.className="text-muted",e.textContent="No media files yet. Upload one above.",d.appendChild(e);return}c.forEach(e=>{const r=/\.(png|jpe?g|gif|webp|svg)$/i.test(e.name),p=/\.(png|jpe?g|gif|webp|tiff?)$/i.test(e.name),n=document.createElement("div");n.className="media-card";const u=document.createElement("div");if(u.className="media-preview",r){const o=document.createElement("img");o.src=e.url+"?t="+Date.now(),o.alt=e.name,o.className="media-thumb",u.appendChild(o)}else{const o=document.createElement("div");o.className="media-thumb media-thumb--file";const w=document.createElement("span");w.setAttribute("data-icon","file"),o.appendChild(w),u.appendChild(o)}n.appendChild(u);const C=document.createElement("div");C.className="media-info";const l=document.createElement("span");l.className="media-name",l.title="Double-click to rename",l.textContent=e.name;const v=document.createElement("span");v.className="media-size",v.textContent=L(e.size),C.appendChild(l),C.appendChild(v),n.appendChild(C),l.addEventListener("dblclick",()=>D(l,e,i));const h=document.createElement("div");h.className="media-actions";const b=document.createElement("button");b.className="btn btn-sm btn-ghost";const N=document.createElement("span");N.setAttribute("data-icon","copy"),b.appendChild(N),b.addEventListener("click",()=>{navigator.clipboard.writeText(window.location.origin+e.url).then(()=>E.toast("URL copied.",{type:"success"})).catch(()=>E.toast("Copy failed.",{type:"error"}))});const g=document.createElement("button");g.className="btn btn-sm btn-ghost";const k=document.createElement("span");k.setAttribute("data-icon","type"),g.appendChild(k),g.addEventListener("click",()=>D(l,e,i));let s=null;if(p){s=document.createElement("button"),s.className="btn btn-sm btn-ghost";const o=document.createElement("span");o.setAttribute("data-icon","edit"),s.appendChild(o),s.addEventListener("click",async()=>{await B(e)&&i(await m.media.list().catch(()=>[]))})}const y=document.createElement("button");y.className="btn btn-sm btn-danger";const x=document.createElement("span");x.setAttribute("data-icon","trash"),y.appendChild(x),y.addEventListener("click",async()=>{if(await E.confirm(`Delete "${e.name}"?`))try{await m.media.delete(e.name),E.toast("File deleted.",{type:"success"}),i(await m.media.list().catch(()=>[]))}catch{E.toast("Delete failed.",{type:"error"})}}),h.appendChild(b),h.appendChild(g),s&&h.appendChild(s),h.appendChild(y),n.appendChild(h),d.appendChild(n),E.tooltip(b,{content:"Copy URL",position:"top"}),E.tooltip(g,{content:"Rename",position:"top"}),s&&E.tooltip(s,{content:"Edit image",position:"top"}),E.tooltip(y,{content:"Delete file",position:"top"})}),Domma.icons.scan(),Domma.effects.reveal(".media-card",{animation:"fade",stagger:40,duration:350})},f=E.loader(t.get(0),{type:"dots"}),a=await m.media.list().catch(()=>[]);f.destroy(),i(a),Domma.effects.ripple("#upload-btn"),t.find("#upload-btn").on("click",()=>t.find("#file-input").get(0).click()),t.find("#file-input").on("change",async function(){if(!this.files.length)return;const c=new FormData;for(const r of this.files)c.append("file",r);const d=t.find("#upload-btn").get(0),e=d.lastChild;d.disabled=!0,e.textContent=" Uploading\u2026";try{if(!(await fetch("/api/media",{method:"POST",body:c,headers:{Authorization:"Bearer "+(S.get("auth_token")||"")}})).ok)throw new Error("Upload failed");E.toast("File uploaded.",{type:"success"}),i(await m.media.list().catch(()=>[]))}catch{E.toast("Upload failed.",{type:"error"})}finally{d.disabled=!1,e.textContent=" Upload",this.value=""}})}};function D(t,i,f){if(t.querySelector("input"))return;const a=i.name,c=a.lastIndexOf("."),d=c>0?a.slice(0,c):a,e=document.createElement("input");e.type="text",e.className="media-rename-input",e.value=a,e.title="",t.textContent="",t.appendChild(e),e.focus(),e.setSelectionRange(0,d.length);async function r(){const n=e.value.trim();if(!n||n===a)return p();e.disabled=!0;try{await m.media.rename(a,n),E.toast("File renamed.",{type:"success"}),f(await m.media.list().catch(()=>[]))}catch(u){E.toast(u.message||"Rename failed.",{type:"error"}),p()}}function p(){t.textContent=a,t.title="Double-click to rename"}e.addEventListener("keydown",n=>{n.key==="Enter"&&(n.preventDefault(),r()),n.key==="Escape"&&(n.preventDefault(),p())}),e.addEventListener("blur",()=>{setTimeout(()=>{t.contains(e)&&p()},150)})}function L(t){if(!t)return"0 B";const i=1024,f=["B","KB","MB","GB"],a=Math.floor(Math.log(t)/Math.log(i));return`${(t/Math.pow(i,a)).toFixed(1)} ${f[a]}`}

package/admin/js/views/my-profile.js

@@ -0,0 +1 @@
+import{api as l}from"../api.js";function d(s){return{string:"string",email:"email",tel:"string",number:"number",textarea:"textarea",select:"select",radio:"select",checkbox:"boolean","checkbox-group":"select",date:"string",time:"string",url:"string",hidden:"string"}[s]||"string"}export const myProfileView={templateUrl:"/admin/js/templates/my-profile.html",async onMount(s){const[r,p]=await Promise.all([l.auth.me().catch(()=>null),l.collections.get("user-profiles").catch(()=>null)]);if(!r){E.toast("Could not load your account details.",{type:"error"});return}const m={name:{type:"string",required:!0,minLength:2,label:"Full Name",formConfig:{placeholder:"Jane Smith"}},email:{type:"email",required:!0,label:"Email Address",formConfig:{placeholder:"jane@example.com"}},password:{type:"password",required:!1,minLength:0,label:"New Password",formConfig:{placeholder:"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",autocomplete:"new-password",tooltip:"Leave blank to keep your current password"}}},u={name:r.name||"",email:r.email||""};F.render("#account-form-container",m,u,{layout:"stacked",submitText:"Save Account",onSubmit:async t=>{if(t.password&&t.password.length<8)return E.toast("Password must be at least 8 characters.",{type:"warning"}),!1;const a={name:t.name,email:t.email};t.password&&(a.password=t.password);try{await l.auth.updateMe(a),E.toast("Account updated.",{type:"success"})}catch(e){return E.toast(`Save failed: ${e.message||"Unknown error"}`,{type:"error"}),!1}}});const i=p?.fields||[];if(i.length>0){s.find("#profile-card").show();const t={},a={};for(const e of i){const o={type:d(e.type),label:e.label||e.name};e.required&&(o.required=!0),e.placeholder&&(o.formConfig={placeholder:e.placeholder}),e.options&&Array.isArray(e.options)&&(o.options=e.options.map(n=>typeof n=="string"?{value:n,label:n}:n)),t[e.name]=o,a[e.name]=r.profile?.[e.name]??""}F.render("#profile-form-container",t,a,{layout:"stacked",submitText:"Save Profile",onSubmit:async e=>{try{await l.auth.updateMe({profile:e}),E.toast("Profile saved.",{type:"success"})}catch(c){return E.toast(`Save failed: ${c.message||"Unknown error"}`,{type:"error"}),!1}}})}Domma.icons.scan()}};