focomy 0.1.119__py3-none-any.whl → 0.1.121__py3-none-any.whl

core/engine/routes.py

@@ -161,6 +161,7 @@ async def render_theme(
             context["is_admin"] = True
             context["admin_user"] = admin_info["user_data"]
             context["active_theme"] = active_theme  # For customize link
+            context["csrf_token"] = getattr(request.state, "csrf_token", "")  # For API calls
             # Build edit URL if entity provided
             if entity and content_type:
                 context["edit_url"] = f"/admin/{content_type}/{entity.id}/edit"

{focomy-0.1.119.dist-info → focomy-0.1.121.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: focomy
-Version: 0.1.119
+Version: 0.1.121
 Summary: The Most Beautiful CMS - A metadata-driven, zero-duplicate-code content management system
 Project-URL: Homepage, https://github.com/focomy/focomy
 Project-URL: Documentation, https://focomy.dev/docs

{focomy-0.1.119.dist-info → focomy-0.1.121.dist-info}/RECORD

@@ -44,7 +44,7 @@ core/content_types/user.yaml,sha256=y3SwqzIc9_6C7R1GULk7AwYJPxcTT38ZmZe4_wekfyU,
 core/content_types/widget.yaml,sha256=Jotbts5QQtHaF2bJWQL3rkEoCkp_aq_A3gN-58eJwv8,1454
 core/content_types/workflow_history.yaml,sha256=3wi58LNLYbk7t6Z2QDRi9whQSedJCXKVKuyBhixNUK0,518
 core/engine/__init__.py,sha256=ycR0Kdn6buwdCH6QFG8bV69wFciFSKEg9Ro26cHpa2U,83
-core/engine/routes.py,sha256=r81cRjXcSpCMqr4CZDrfmGQnupPE7_yVAMLJL9psRiA,43922
+core/engine/routes.py,sha256=O4Olf0yzLzhsMydB9eFbZhGirGlsV2s4lkRSQDcWsA0,44016
 core/migrations/env.py,sha256=1dLI8qcGojLDR_--MdgwP5q-V0p2Z-32klSPjokXx4M,1389
 core/migrations/script.py.mako,sha256=LyYLSC7HzBBGwHZ8s2SguBPMXsWCph0FJp49kPsGhU8,590
 core/migrations/versions/2038bdf6693b_add_import_jobs_table.py,sha256=v8lPC5WmwpUfHUG_YgQn6jepPtfKWFn0JIj9XvD9224,2325
@@ -189,7 +189,7 @@ themes/default/theme.yaml,sha256=tgcUP1YFptyXVNL2a8DBiPrP7zTjWNH62Cy9D_w6Chk,187
 themes/default/templates/404.html,sha256=6pYUz7zg5hx3nikgxiZWSkwYnv2nENCSV3KjdIF0_lE,1105
 themes/default/templates/500.html,sha256=CtU3gEsHsxAh-vbcnx5McH8V8ruKtdP8usj8hPuu8zY,1174
 themes/default/templates/archive.html,sha256=ZHBxPYewvc2TbrsB745LYO2uM5SJbTFQQR6savWUzYg,2385
-themes/default/templates/base.html,sha256=7M0D8J5SX-Y4V8_GYVO22Rk7BOx7Ob_OFfcjpNYBuBo,12635
+themes/default/templates/base.html,sha256=mbT1wxaD9gygkod7sFPAda-uQsvfV-AT_Jzvn23eR1s,34012
 themes/default/templates/category.html,sha256=k-yN0vFoOpgxgg6DlGin5X4IzVDBG9xRZ0FOD7OJtU8,3061
 themes/default/templates/channel.html,sha256=1i1zkAWmvpcqyoEfaeQNDc2zrMao2xSXCkjRuwzxOUU,3213
 themes/default/templates/form.html,sha256=KFrFS6qxHELPrpRB0B_BNU-uqM3k11oMYwd6oY3qoPQ,8685
@@ -204,8 +204,8 @@ themes/minimal/templates/base.html,sha256=LFkx-XLDMGH7oFHHa0e6KPB0DJITOBvr6GtPkD
 themes/minimal/templates/home.html,sha256=ygYQgYj1OGCiKwmfsxwkPselVKT8vDH3jLLbfphpqKI,1577
 themes/minimal/templates/page.html,sha256=7Xcoq-ryaxlp913H2S1ishrAro2wsqqGmvsm1osXxd4,389
 themes/minimal/templates/post.html,sha256=FkTRHci8HNIIi3DU6Mb3oL0aDisGyDcsT_IUDwHmrvo,1387
-focomy-0.1.119.dist-info/METADATA,sha256=oY4MenoazpK5kOyrGpp65GOSipjHfzdKbaPYMfeYzHo,7042
-focomy-0.1.119.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-focomy-0.1.119.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
-focomy-0.1.119.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
-focomy-0.1.119.dist-info/RECORD,,
+focomy-0.1.121.dist-info/METADATA,sha256=ZH2pjblW1icUgF-ajYHNgHqDvhd6cJXCI43S-I-ZFDk,7042
+focomy-0.1.121.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+focomy-0.1.121.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
+focomy-0.1.121.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
+focomy-0.1.121.dist-info/RECORD,,

themes/default/templates/base.html

@@ -146,7 +146,7 @@
                 {% endif %}
             </div>
         </div>
-        <a href="/admin/themes/{{ active_theme }}/customize">カスタマイズ</a>
+        <button type="button" id="customize-toggle" class="admin-bar-btn">カスタマイズ</button>
         {% if edit_url %}
         <a href="{{ edit_url }}">編集</a>
         {% endif %}
@@ -224,8 +224,562 @@
         .admin-bar-dropdown:hover .admin-bar-dropdown-menu {
             display: block;
         }
+        .admin-bar-btn {
+            background: transparent;
+            border: none;
+            color: white;
+            cursor: pointer;
+            font-size: inherit;
+            padding: 0;
+        }
+        .admin-bar-btn:hover {
+            text-decoration: underline;
+        }
         body { padding-top: 32px; }
+
+        /* Customize Panel */
+        #customize-panel {
+            display: none;
+            position: fixed;
+            top: 32px;
+            left: 0;
+            width: 320px;
+            height: calc(100vh - 32px);
+            background: #1e293b;
+            color: white;
+            z-index: 9998;
+            box-shadow: 2px 0 10px rgba(0,0,0,0.3);
+            overflow-y: auto;
+        }
+        #customize-panel.open {
+            display: block;
+        }
+        #customize-panel-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 1rem;
+            border-bottom: 1px solid #374151;
+        }
+        #customize-panel-header h2 {
+            margin: 0;
+            font-size: 1rem;
+            font-weight: 600;
+        }
+        #customize-panel-close {
+            background: transparent;
+            border: none;
+            color: #94a3b8;
+            cursor: pointer;
+            font-size: 1.25rem;
+            padding: 0;
+        }
+        #customize-panel-close:hover {
+            color: white;
+        }
+        .customize-section {
+            padding: 1rem;
+            border-bottom: 1px solid #374151;
+        }
+        .customize-section h3 {
+            font-size: 0.75rem;
+            font-weight: 600;
+            text-transform: uppercase;
+            color: #94a3b8;
+            margin: 0 0 0.75rem 0;
+        }
+        .customize-field {
+            margin-bottom: 0.75rem;
+        }
+        .customize-field label {
+            display: block;
+            font-size: 0.8125rem;
+            margin-bottom: 0.25rem;
+        }
+        .customize-field input[type="color"] {
+            width: 40px;
+            height: 28px;
+            padding: 0;
+            border: 1px solid #374151;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        .customize-field input[type="text"] {
+            width: 100%;
+            padding: 0.5rem;
+            background: #0f172a;
+            border: 1px solid #374151;
+            border-radius: 4px;
+            color: white;
+            font-size: 0.8125rem;
+        }
+        .customize-field textarea {
+            width: 100%;
+            min-height: 120px;
+            padding: 0.5rem;
+            background: #0f172a;
+            border: 1px solid #374151;
+            border-radius: 4px;
+            color: #d4d4d4;
+            font-family: monospace;
+            font-size: 0.75rem;
+            resize: vertical;
+        }
+        .color-row {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+        }
+        .color-row input[type="text"] {
+            flex: 1;
+            font-family: monospace;
+        }
+        .image-field {
+            display: flex;
+            flex-direction: column;
+            gap: 0.5rem;
+        }
+        .image-field input[type="url"] {
+            width: 100%;
+            padding: 0.5rem;
+            background: #0f172a;
+            border: 1px solid #374151;
+            border-radius: 4px;
+            color: white;
+            font-size: 0.75rem;
+        }
+        .image-preview {
+            width: 100%;
+            height: 60px;
+            border: 1px dashed #374151;
+            border-radius: 4px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #0f172a;
+            overflow: hidden;
+        }
+        .image-preview img {
+            max-width: 100%;
+            max-height: 100%;
+            object-fit: contain;
+        }
+        .image-preview .no-image {
+            color: #64748b;
+            font-size: 0.75rem;
+        }
+        .image-field-actions {
+            display: flex;
+            gap: 0.5rem;
+        }
+        .image-field-actions button {
+            padding: 0.25rem 0.5rem;
+            font-size: 0.6875rem;
+            background: transparent;
+            border: 1px solid #374151;
+            color: #94a3b8;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        .image-field-actions button:hover {
+            background: #374151;
+            color: white;
+        }
+        #customize-panel-footer {
+            padding: 1rem;
+            display: flex;
+            gap: 0.5rem;
+            justify-content: flex-end;
+        }
+        #customize-panel-footer button {
+            padding: 0.5rem 1rem;
+            border-radius: 4px;
+            font-size: 0.8125rem;
+            cursor: pointer;
+        }
+        #customize-reset {
+            background: transparent;
+            border: 1px solid #374151;
+            color: #94a3b8;
+        }
+        #customize-reset:hover {
+            background: #374151;
+            color: white;
+        }
+        #customize-save {
+            background: #2563eb;
+            border: none;
+            color: white;
+        }
+        #customize-save:hover {
+            background: #1d4ed8;
+        }
+        #customize-save:disabled {
+            background: #374151;
+            cursor: not-allowed;
+        }
+        .customize-message {
+            padding: 0.5rem 1rem;
+            margin: 0 1rem;
+            border-radius: 4px;
+            font-size: 0.8125rem;
+        }
+        .customize-message.success {
+            background: #22c55e20;
+            color: #22c55e;
+        }
+        .customize-message.error {
+            background: #ef444420;
+            color: #ef4444;
+        }
     </style>
+
+    <!-- Customize Panel -->
+    <div id="customize-panel">
+        <div id="customize-panel-header">
+            <h2>カスタマイズ</h2>
+            <button type="button" id="customize-panel-close">&times;</button>
+        </div>
+        <div id="customize-panel-content">
+            <div class="customize-section">
+                <h3>サイトID</h3>
+                <div class="customize-field">
+                    <label>サイトロゴ</label>
+                    <div class="image-field">
+                        <input type="url" id="site_logo" placeholder="https://example.com/logo.png">
+                        <div class="image-preview" id="site_logo_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('site_logo')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+                <div class="customize-field">
+                    <label>サイトアイコン</label>
+                    <div class="image-field">
+                        <input type="url" id="site_icon" placeholder="https://example.com/icon.png">
+                        <div class="image-preview" id="site_icon_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('site_icon')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="customize-section">
+                <h3>ヘッダー・背景</h3>
+                <div class="customize-field">
+                    <label>ヘッダー画像</label>
+                    <div class="image-field">
+                        <input type="url" id="header_image" placeholder="https://example.com/header.jpg">
+                        <div class="image-preview" id="header_image_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('header_image')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+                <div class="customize-field">
+                    <label>背景画像</label>
+                    <div class="image-field">
+                        <input type="url" id="background_image" placeholder="https://example.com/bg.jpg">
+                        <div class="image-preview" id="background_image_preview">
+                            <span class="no-image">画像未設定</span>
+                        </div>
+                        <div class="image-field-actions">
+                            <button type="button" onclick="clearImageField('background_image')">クリア</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="customize-section">
+                <h3>カラー</h3>
+                <div class="customize-field">
+                    <label>メインカラー</label>
+                    <div class="color-row">
+                        <input type="color" id="color_primary" value="#2563eb">
+                        <input type="text" id="color_primary_text" value="#2563eb" pattern="^#[0-9A-Fa-f]{6}$">
+                    </div>
+                </div>
+                <div class="customize-field">
+                    <label>背景色</label>
+                    <div class="color-row">
+                        <input type="color" id="color_background" value="#ffffff">
+                        <input type="text" id="color_background_text" value="#ffffff" pattern="^#[0-9A-Fa-f]{6}$">
+                    </div>
+                </div>
+                <div class="customize-field">
+                    <label>文字色</label>
+                    <div class="color-row">
+                        <input type="color" id="color_text" value="#1e293b">
+                        <input type="text" id="color_text_text" value="#1e293b" pattern="^#[0-9A-Fa-f]{6}$">
+                    </div>
+                </div>
+            </div>
+            <div class="customize-section">
+                <h3>カスタムCSS</h3>
+                <div class="customize-field">
+                    <textarea id="custom_css" placeholder="/* CSSを入力 */"></textarea>
+                </div>
+            </div>
+        </div>
+        <div id="customize-panel-footer">
+            <button type="button" id="customize-reset">リセット</button>
+            <button type="button" id="customize-save">保存</button>
+        </div>
+    </div>
+
+    <script>
+    (function() {
+        const panel = document.getElementById('customize-panel');
+        const toggleBtn = document.getElementById('customize-toggle');
+        const closeBtn = document.getElementById('customize-panel-close');
+        const saveBtn = document.getElementById('customize-save');
+        const resetBtn = document.getElementById('customize-reset');
+        const csrfToken = '{{ csrf_token }}';
+        const themeName = '{{ active_theme }}';
+
+        let originalValues = {};
+        let currentValues = {};
+
+        // Toggle panel
+        toggleBtn.addEventListener('click', function() {
+            panel.classList.toggle('open');
+            if (panel.classList.contains('open')) {
+                loadSettings();
+            }
+        });
+
+        closeBtn.addEventListener('click', function() {
+            panel.classList.remove('open');
+        });
+
+        // Color input sync
+        document.querySelectorAll('#customize-panel input[type="color"]').forEach(colorInput => {
+            const textInput = document.getElementById(colorInput.id + '_text');
+            if (textInput) {
+                colorInput.addEventListener('input', () => {
+                    textInput.value = colorInput.value;
+                    updatePreview();
+                });
+                textInput.addEventListener('input', () => {
+                    if (/^#[0-9A-Fa-f]{6}$/.test(textInput.value)) {
+                        colorInput.value = textInput.value;
+                        updatePreview();
+                    }
+                });
+            }
+        });
+
+        // Custom CSS change
+        document.getElementById('custom_css').addEventListener('input', debounce(updatePreview, 300));
+
+        // Load settings from API
+        async function loadSettings() {
+            try {
+                const response = await fetch('/admin/api/theme/settings?theme_name=' + themeName, {
+                    credentials: 'include'
+                });
+                if (!response.ok) throw new Error('Failed to load settings');
+                const data = await response.json();
+
+                // Populate form
+                data.settings.forEach(setting => {
+                    if (setting.id.startsWith('color_')) {
+                        const colorInput = document.getElementById(setting.id);
+                        const textInput = document.getElementById(setting.id + '_text');
+                        if (colorInput && textInput) {
+                            colorInput.value = setting.value || setting.default;
+                            textInput.value = setting.value || setting.default;
+                        }
+                    } else if (setting.id === 'custom_css') {
+                        document.getElementById('custom_css').value = setting.value || '';
+                    } else if (['site_logo', 'site_icon', 'header_image', 'background_image'].includes(setting.id)) {
+                        const input = document.getElementById(setting.id);
+                        if (input) {
+                            input.value = setting.value || '';
+                            updateImagePreview(setting.id, setting.value || '');
+                        }
+                    }
+                });
+
+                originalValues = getFormValues();
+                currentValues = {...originalValues};
+            } catch (error) {
+                console.error('Load settings error:', error);
+                showMessage('設定の読み込みに失敗しました', 'error');
+            }
+        }
+
+        // Get current form values
+        function getFormValues() {
+            return {
+                site_logo: document.getElementById('site_logo').value,
+                site_icon: document.getElementById('site_icon').value,
+                header_image: document.getElementById('header_image').value,
+                background_image: document.getElementById('background_image').value,
+                color_primary: document.getElementById('color_primary').value,
+                color_background: document.getElementById('color_background').value,
+                color_text: document.getElementById('color_text').value,
+                custom_css: document.getElementById('custom_css').value,
+            };
+        }
+
+        // Update preview
+        async function updatePreview() {
+            currentValues = getFormValues();
+            try {
+                const response = await fetch('/admin/api/theme/preview-css', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-Token': csrfToken
+                    },
+                    credentials: 'include',
+                    body: JSON.stringify({
+                        theme_name: themeName,
+                        values: currentValues
+                    })
+                });
+                if (!response.ok) throw new Error('Preview failed');
+                const css = await response.text();
+                applyPreviewCSS(css);
+            } catch (error) {
+                console.error('Preview error:', error);
+            }
+        }
+
+        // Apply preview CSS
+        function applyPreviewCSS(css) {
+            let styleEl = document.getElementById('customize-preview-style');
+            if (!styleEl) {
+                styleEl = document.createElement('style');
+                styleEl.id = 'customize-preview-style';
+                document.head.appendChild(styleEl);
+            }
+            styleEl.textContent = css;
+        }
+
+        // Save settings
+        saveBtn.addEventListener('click', async function() {
+            saveBtn.disabled = true;
+            saveBtn.textContent = '保存中...';
+
+            try {
+                const response = await fetch('/admin/api/theme/settings', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-Token': csrfToken
+                    },
+                    credentials: 'include',
+                    body: JSON.stringify({
+                        theme_name: themeName,
+                        values: currentValues
+                    })
+                });
+
+                const result = await response.json();
+                if (result.success) {
+                    originalValues = {...currentValues};
+                    showMessage('保存しました', 'success');
+                } else {
+                    throw new Error(result.detail || 'Save failed');
+                }
+            } catch (error) {
+                console.error('Save error:', error);
+                showMessage('保存に失敗しました', 'error');
+            } finally {
+                saveBtn.disabled = false;
+                saveBtn.textContent = '保存';
+            }
+        });
+
+        // Reset
+        resetBtn.addEventListener('click', function() {
+            if (!confirm('変更をリセットしますか？')) return;
+
+            // Image fields
+            document.getElementById('site_logo').value = originalValues.site_logo || '';
+            updateImagePreview('site_logo', originalValues.site_logo || '');
+            document.getElementById('site_icon').value = originalValues.site_icon || '';
+            updateImagePreview('site_icon', originalValues.site_icon || '');
+            document.getElementById('header_image').value = originalValues.header_image || '';
+            updateImagePreview('header_image', originalValues.header_image || '');
+            document.getElementById('background_image').value = originalValues.background_image || '';
+            updateImagePreview('background_image', originalValues.background_image || '');
+
+            // Color fields
+            document.getElementById('color_primary').value = originalValues.color_primary || '#2563eb';
+            document.getElementById('color_primary_text').value = originalValues.color_primary || '#2563eb';
+            document.getElementById('color_background').value = originalValues.color_background || '#ffffff';
+            document.getElementById('color_background_text').value = originalValues.color_background || '#ffffff';
+            document.getElementById('color_text').value = originalValues.color_text || '#1e293b';
+            document.getElementById('color_text_text').value = originalValues.color_text || '#1e293b';
+            document.getElementById('custom_css').value = originalValues.custom_css || '';
+
+            updatePreview();
+        });
+
+        // Show message
+        function showMessage(text, type) {
+            const existing = document.querySelector('.customize-message');
+            if (existing) existing.remove();
+
+            const msg = document.createElement('div');
+            msg.className = 'customize-message ' + type;
+            msg.textContent = text;
+            document.getElementById('customize-panel-content').prepend(msg);
+
+            setTimeout(() => msg.remove(), 3000);
+        }
+
+        // Debounce helper
+        function debounce(fn, delay) {
+            let timer;
+            return function(...args) {
+                clearTimeout(timer);
+                timer = setTimeout(() => fn.apply(this, args), delay);
+            };
+        }
+
+        // Update image preview
+        function updateImagePreview(fieldId, url) {
+            const previewEl = document.getElementById(fieldId + '_preview');
+            if (!previewEl) return;
+
+            if (url && url.trim()) {
+                previewEl.innerHTML = '<img src="' + url + '" alt="プレビュー" onerror="this.parentElement.innerHTML=\'<span class=no-image>読み込み失敗</span>\'">';
+            } else {
+                previewEl.innerHTML = '<span class="no-image">画像未設定</span>';
+            }
+        }
+
+        // Clear image field (global for onclick)
+        window.clearImageField = function(fieldId) {
+            const input = document.getElementById(fieldId);
+            if (input) {
+                input.value = '';
+                updateImagePreview(fieldId, '');
+                updatePreview();
+            }
+        };
+
+        // Image URL input listeners
+        ['site_logo', 'site_icon', 'header_image', 'background_image'].forEach(function(fieldId) {
+            const input = document.getElementById(fieldId);
+            if (input) {
+                input.addEventListener('input', debounce(function() {
+                    updateImagePreview(fieldId, input.value);
+                    updatePreview();
+                }, 300));
+            }
+        });
+    })();
+    </script>
     {% endif %}
     <header class="site-header">
         {% block header %}