focomy 0.1.118__py3-none-any.whl → 0.1.120__py3-none-any.whl

core/admin/routes.py

@@ -198,6 +198,12 @@ async def get_context(
     except Exception:
         pass  # Post content type may not exist
 
+    # Get active theme for customize link
+    from ..services.settings import SettingsService
+    settings_svc = SettingsService(db)
+    theme_settings = await settings_svc.get_by_category("theme")
+    active_theme = theme_settings.get("active", "default")
+
     return {
         "request": request,
         "content_types": content_types,
@@ -208,6 +214,7 @@ async def get_context(
         "user_role": user_role,
         "channels": channels,
         "orphan_post_count": orphan_post_count,
+        "active_theme": active_theme,
     }
 
 

core/engine/routes.py

@@ -160,6 +160,8 @@ async def render_theme(
         if admin_info:
             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"

core/templates/admin/base.html

@@ -551,6 +551,9 @@
                 </a>
 
                 <div class="nav-section">外観</div>
+                <a href="/admin/themes/{{ active_theme }}/customize" class="nav-item {% if current_page == 'customize' %}active{% endif %}">
+                    カスタマイズ
+                </a>
                 <a href="/admin/themes" class="nav-item {% if current_page == 'themes' %}active{% endif %}">
                     テーマ
                 </a>

{focomy-0.1.118.dist-info → focomy-0.1.120.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: focomy
-Version: 0.1.118
+Version: 0.1.120
 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.118.dist-info → focomy-0.1.120.dist-info}/RECORD

@@ -7,7 +7,7 @@ core/rate_limit.py,sha256=CX5UjmsU03aFWKXSKjweoHvH2xn0v4NBHNN5ynJC8LE,180
 core/relations.yaml,sha256=7GUCrphKaouEXNkyd8Ht99e6TcUPERhc4m36RGcc41U,2128
 core/utils.py,sha256=Rqs1WStB0JjTb8-750jL-xJ_kaPH3ddupvqt46BXIBc,2754
 core/admin/__init__.py,sha256=IXrr-z-IDXmYodaZ-cVDou6wr_vsVhyWmXHdSNKkQsk,94
-core/admin/routes.py,sha256=U6NCzZNjOwdRzU-pzktVbPWYUTNExjNnaMfgzW0X_Hw,150612
+core/admin/routes.py,sha256=6l24uI8gNiwBTa6YzOstMYik8DzBZaBcqsuCPzST4oU,150908
 core/admin/url.py,sha256=FlusKnSz3bZgPSBmRu-dI3W-bQo7lKBDZ3zN8cFHwQc,2243
 core/api/__init__.py,sha256=H1StbYGDVRS6g-Jk3UUf17ibAz1K8IUa27NfPMkaNrA,19
 core/api/auth.py,sha256=Zb37IHcUSjf8_hXiVzhoZPQw6WAiOOS_AoMqE96yat8,11565
@@ -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=W09MJIEddsQbsmeyGd2P9nBZUDwDlTpOY4O-DvUd0_4,43849
+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
@@ -150,7 +150,7 @@ core/services/wordpress_import/rollback.py,sha256=NomM71QsBI3nt1Y_Hpod2nw-E9kpXQ
 core/services/wordpress_import/verification.py,sha256=efaTdah8oc63MsqJv-OWuse81ukxuLxl1xSwMYybJNY,19701
 core/services/wordpress_import/wxr_parser.py,sha256=GrfiMoSj75hp3beHx9aLe-lxXtoWmq5eP_Jzx8UajKE,15982
 core/templates/admin/backup.html,sha256=Di93BRvmyxdvF-eOAMKTYFB7qubH1Fms7ppYbJ3YHiA,3165
-core/templates/admin/base.html,sha256=yWQNumbtcLIE0iffIoDB2xTF-9W5bt2mdsMYqA5QOa0,23926
+core/templates/admin/base.html,sha256=jsOz2mG2HzDhTriZ3Pi6Z3MjsxGnoGvMqDzlSJz737Q,24127
 core/templates/admin/comments.html,sha256=AEzCMYu1-EdFC1yUa9oIObtRS-U9RlMTe_5P3O5alb8,10012
 core/templates/admin/customize.html,sha256=UohKyxBDmKhtbOiipyRkFJlrD_5u0JIc8b7--U5EuUk,18631
 core/templates/admin/dashboard.html,sha256=WzURfANu1k9AIjdP82fwJE1o3sRhNVr77iUCRfUoBm8,3439
@@ -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=XFrqJ4g9OF2xz7pKqV6nYtT4q417I86ies-xEcMMwfI,12551
+themes/default/templates/base.html,sha256=Vl0HbbOcCd6SRGoi5j7_xJopsaqZ7Kr9dI7ygS0vx14,26867
 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.118.dist-info/METADATA,sha256=DojllWfZ47MT4qsnqsqArF74zM7XIzFkAfa2rVetQDM,7042
-focomy-0.1.118.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-focomy-0.1.118.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
-focomy-0.1.118.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
-focomy-0.1.118.dist-info/RECORD,,
+focomy-0.1.120.dist-info/METADATA,sha256=7UzC55msNplib9gEMyoHDcrY9cR_WFPPfOqbCKpd6G8,7042
+focomy-0.1.120.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+focomy-0.1.120.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
+focomy-0.1.120.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
+focomy-0.1.120.dist-info/RECORD,,

themes/default/templates/base.html

@@ -146,6 +146,7 @@
                 {% endif %}
             </div>
         </div>
+        <button type="button" id="customize-toggle" class="admin-bar-btn">カスタマイズ</button>
         {% if edit_url %}
         <a href="{{ edit_url }}">編集</a>
         {% endif %}
@@ -223,8 +224,403 @@
         .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;
+        }
+        #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>カラー</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 || '';
+                    }
+                });
+
+                originalValues = getFormValues();
+                currentValues = {...originalValues};
+            } catch (error) {
+                console.error('Load settings error:', error);
+                showMessage('設定の読み込みに失敗しました', 'error');
+            }
+        }
+
+        // Get current form values
+        function getFormValues() {
+            return {
+                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;
+
+            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);
+            };
+        }
+    })();
+    </script>
     {% endif %}
     <header class="site-header">
         {% block header %}