@mindexec/cli 0.2.0

package/wwwroot/_content/MindExecution.Plugins.Directory/directory-manager.js

@@ -0,0 +1,202 @@
+// Initialize namespace
+window.MindMapPlugins = window.MindMapPlugins || {};
+
+(function () {
+    // Directory handle store (Key: NodeId, Value: FileSystemDirectoryHandle)
+    const directoryHandles = new Map();
+
+    const DirectoryPlugin = {
+        // 1) Register renderer (attach plugin to MindMapTextureFactory)
+        registerRenderer: function () {
+            if (window.MindMapTextureFactory) {
+                window.MindMapTextureFactory.registerRenderer('directory', {
+                    draw: drawDirectoryNode
+                });
+                console.log('[DirectoryPlugin] Renderer registered.');
+            } else {
+                console.warn('[DirectoryPlugin] MindMapTextureFactory not found');
+            }
+        },
+
+        // ▼▼▼ [New] Register a text-file handler in the DnD registry ▼▼▼
+        registerDnDHandler: function () {
+            if (!window.MindMapFileRegistry) {
+                console.warn('[DirectoryPlugin] MindMapFileRegistry not found');
+                return;
+            }
+
+            // Check whether it's already registered
+            if (window.MindMapFileRegistry.some(h => h.name === 'DirectoryPluginText')) {
+                console.log('[DirectoryPlugin] Text handler already registered');
+                return;
+            }
+
+            const codeExtensions = ['.cs', '.js', '.razor', '.css', '.html', '.json', '.txt', '.md', '.xml', '.sql', '.py', '.java', '.cpp', '.c', '.h'];
+
+            window.MindMapFileRegistry.push({
+                name: 'DirectoryPluginText',
+                priority: 10,  // Process after core handlers (0, 5)
+                check: (file) => {
+                    const ext = ('.' + (file.name.split('.').pop() || '')).toLowerCase();
+                    const isCodeFile = codeExtensions.includes(ext);
+                    const isTextType = file.type.startsWith('text/');
+                    return isCodeFile || isTextType;
+                },
+                getType: (file) => 'text'
+            });
+
+            console.log('[DirectoryPlugin] DnD Text/Code file handler registered');
+        },
+        // ▲▲▲ [New] ▲▲▲
+
+        // 2) Double-click handler
+        handleDoubleClick: async function (nodeId, metadata) {
+            // If we already have a handle: refresh (re-scan). Otherwise: open directory picker.
+            let handle = directoryHandles.get(nodeId);
+
+            if (!handle) {
+                try {
+                    handle = await window.showDirectoryPicker();
+                    directoryHandles.set(nodeId, handle);
+                    console.log(`[DirectoryPlugin] Handle acquired for node ${nodeId}`);
+                    
+                    // Optionally request a name update in C# (omitted here; implement if needed)
+                } catch (err) {
+                    if (err.name !== 'AbortError') console.error('[DirectoryPlugin] Error:', err);
+                    return;
+                }
+            }
+
+            // ▼▼▼ [Change] Actual directory scan logic ▼▼▼
+            try {
+                // 1) Re-check permission (handle can expire after refresh)
+                if ((await handle.queryPermission({ mode: 'read' })) !== 'granted') {
+                    if ((await handle.requestPermission({ mode: 'read' })) !== 'granted') {
+                        console.warn(`[DirectoryPlugin] Permission denied for node ${nodeId}`);
+                        return;
+                    }
+                }
+
+                // 2) Scan file list (recursive)
+                const files = [];
+                const parseMetadata = (metadata) => {
+                    const includes = metadata?.['Include'] ? metadata['Include'].split(',').map(s => s.trim().toLowerCase()) : [];
+                    const excludes = metadata?.['Exclude'] ? metadata['Exclude'].split(',').map(s => s.trim().toLowerCase()) : [];
+                    return { includes, excludes };
+                };
+
+                const { includes, excludes } = parseMetadata(metadata);
+
+                async function scan(dirHandle, path = "") {
+                    for await (const entry of dirHandle.values()) {
+                        const entryPath = path ? `${path}/${entry.name}` : entry.name;
+                        
+                        // Exclude filter
+                        const shouldExclude = excludes.some(exc => entry.name.toLowerCase().includes(exc));
+                        if (shouldExclude) {
+                            console.log(`[DirectoryPlugin] Skipping excluded: ${entryPath}`);
+                            continue;
+                        }
+
+                        if (entry.kind === 'file') {
+                            const ext = entry.name.split('.').pop()?.toLowerCase() || '';
+                            
+                            // Include filter (if includes is empty, include all files)
+                            const shouldInclude = includes.length === 0 || includes.some(inc => inc.includes(`.${ext}`));
+                            
+                            if (shouldInclude) {
+                                files.push({ name: entry.name, path: entryPath, kind: 'file', size: 0 });
+                            }
+                        } else if (entry.kind === 'directory') {
+                            files.push({ name: entry.name, path: entryPath, kind: 'directory', size: 0 });
+                            // Recurse into subdirectories
+                            await scan(entry, entryPath);
+                        }
+                    }
+                }
+                
+                await scan(handle);
+                
+                // 3) Log results (console)
+                const fileCount = files.filter(f => f.kind === 'file').length;
+                const dirCount = files.filter(f => f.kind === 'directory').length;
+                
+                console.log(`[DirectoryPlugin] Scan complete: ${fileCount} files, ${dirCount} directories found in ${handle.name}`);
+                console.table(files.slice(0, 20)); // Show only the first 20 entries
+                
+                // 4) TODO: Add child-node creation logic here
+                // Example: dotNetHelper.invokeMethodAsync('CreateChildNodes', nodeId, files);
+                
+                alert(`✅ Scan Complete: ${handle.name}\n\n📁 Directories: ${dirCount}\n📄 Files: ${fileCount}\n\n(Child node creation coming soon)`);
+            } catch (err) {
+                console.error(`[DirectoryPlugin] Scan error:`, err);
+                alert(`❌ Scan Failed: ${err.message}`);
+            }
+            // ▲▲▲ [Change] ▲▲▲
+        }
+    };
+
+    // --- Canvas Renderer (draw a yellow folder icon) ---
+    function drawDirectoryNode(ctx, nodeModel, width, height, zoomLevel, isSelected) {
+        // 1) Background (folder-tab shape)
+        const radius = 8 * zoomLevel;
+        const tabHeight = 14 * zoomLevel;
+        const tabWidth = 60 * zoomLevel;
+        const border = isSelected ? 4 * zoomLevel : 2 * zoomLevel;
+
+        const bgColor = isSelected ? '#FEF3C7' : '#FFFBEB'; // bg-amber-100
+        const strokeColor = isSelected ? '#D97706' : '#F59E0B'; // border-amber-600
+
+        ctx.beginPath();
+        // Tab section
+        ctx.moveTo(0, tabHeight); 
+        ctx.lineTo(0, radius);
+        ctx.quadraticCurveTo(0, 0, radius, 0);
+        ctx.lineTo(tabWidth - radius, 0);
+        ctx.quadraticCurveTo(tabWidth, 0, tabWidth, tabHeight);
+        ctx.lineTo(width, tabHeight); // Extend to the top-right
+        ctx.lineTo(width, height - radius);
+        ctx.quadraticCurveTo(width, height, width - radius, height);
+        ctx.lineTo(radius, height);
+        ctx.quadraticCurveTo(0, height, 0, height - radius);
+        ctx.closePath();
+
+        ctx.fillStyle = bgColor;
+        ctx.fill();
+        ctx.lineWidth = border;
+        ctx.strokeStyle = strokeColor;
+        ctx.stroke();
+
+        // 2) Icon and text
+        const padding = 16 * zoomLevel;
+        const fontSize = 16 * zoomLevel;
+        
+        ctx.font = `bold ${fontSize}px Inter, sans-serif`;
+        ctx.fillStyle = '#92400E'; // text-amber-800
+        ctx.textBaseline = 'top';
+        
+        // Title (folder name)
+        const title = nodeModel.prompt || "New Folder";
+        ctx.fillText("📂 " + title, padding, tabHeight + padding);
+
+        // Filter info (from metadata)
+        ctx.font = `${12 * zoomLevel}px monospace`;
+        ctx.fillStyle = '#B45309';
+        
+        let metaY = tabHeight + padding + fontSize + (8 * zoomLevel);
+        const include = nodeModel.metadata?.['Include'] || 'All';
+        ctx.fillText(`Include: ${truncate(include, 20)}`, padding, metaY);
+        
+        metaY += (14 * zoomLevel);
+        const exclude = nodeModel.metadata?.['Exclude'] || 'None';
+        ctx.fillText(`Exclude: ${truncate(exclude, 20)}`, padding, metaY);
+    }
+
+    function truncate(str, max) {
+        return str.length > max ? str.substring(0, max) + "..." : str;
+    }
+
+    // Expose globally
+    window.MindMapPlugins.Directory = DirectoryPlugin;
+
+})();

package/wwwroot/_content/MindExecution.Plugins.Directory/exampleJsInterop.js

@@ -0,0 +1,6 @@
+// This is a JavaScript module that is loaded on demand. It can export any number of
+// functions, and may import other JavaScript modules if required.
+
+export function showPrompt(message) {
+  return prompt(message, 'Type anything here');
+}

package/wwwroot/_content/MindExecution.Plugins.YouTube/css/youtube-search.css

@@ -0,0 +1,251 @@
+.yt-page {
+    width: min(1240px, calc(100vw - 110px));
+    margin: 0 auto;
+    color: #0f172a;
+}
+
+.yt-header {
+    margin-bottom: 16px;
+}
+
+.yt-header h1 {
+    font-size: 28px;
+    font-weight: 800;
+    margin: 0 0 4px 0;
+    letter-spacing: -0.02em;
+}
+
+.yt-header p {
+    margin: 0;
+    color: #475569;
+}
+
+.yt-search-panel {
+    background: #ffffff;
+    border: 1px solid #e2e8f0;
+    border-radius: 12px;
+    padding: 14px;
+    margin-bottom: 14px;
+}
+
+.yt-query-row {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    gap: 10px;
+    margin-bottom: 12px;
+}
+
+.yt-query-input,
+.yt-filter-grid input,
+.yt-filter-grid select {
+    border: 1px solid #cbd5e1;
+    border-radius: 8px;
+    background: #fff;
+    color: #0f172a;
+    padding: 8px 10px;
+    font-size: 14px;
+}
+
+.yt-filter-grid {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+    gap: 8px;
+}
+
+.yt-filter-grid label {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    font-size: 12px;
+    color: #475569;
+    font-weight: 600;
+}
+
+.yt-primary-btn,
+.yt-secondary-btn,
+.yt-link-btn {
+    border-radius: 8px;
+    padding: 8px 12px;
+    font-size: 13px;
+    font-weight: 700;
+    border: 1px solid transparent;
+}
+
+.yt-primary-btn {
+    background: #dc2626;
+    color: #fff;
+}
+
+.yt-primary-btn:disabled,
+.yt-secondary-btn:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+}
+
+.yt-secondary-btn {
+    background: #f8fafc;
+    border-color: #cbd5e1;
+    color: #0f172a;
+}
+
+.yt-link-btn {
+    background: #fff;
+    border-color: #e2e8f0;
+    color: #2563eb;
+}
+
+.yt-banner {
+    border-radius: 10px;
+    padding: 10px 12px;
+    margin-bottom: 10px;
+    font-size: 13px;
+    font-weight: 600;
+}
+
+.yt-banner-error {
+    background: #fef2f2;
+    color: #b91c1c;
+    border: 1px solid #fecaca;
+}
+
+.yt-banner-info {
+    background: #eff6ff;
+    color: #1d4ed8;
+    border: 1px solid #bfdbfe;
+}
+
+.yt-actions-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 10px;
+    margin-bottom: 10px;
+}
+
+.yt-selection-summary {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 13px;
+    font-weight: 700;
+    color: #334155;
+}
+
+.yt-badge {
+    background: #dcfce7;
+    color: #166534;
+    border: 1px solid #86efac;
+    border-radius: 999px;
+    font-size: 11px;
+    line-height: 1;
+    padding: 4px 7px;
+    text-transform: uppercase;
+}
+
+.yt-actions {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+}
+
+.yt-results-grid {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: 10px;
+}
+
+.yt-card {
+    background: #fff;
+    border: 1px solid #e2e8f0;
+    border-radius: 10px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.yt-card-top {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.yt-check {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: #334155;
+    font-weight: 700;
+}
+
+.yt-thumb {
+    width: 100%;
+    aspect-ratio: 16 / 9;
+    object-fit: cover;
+    border-radius: 8px;
+    border: 1px solid #e2e8f0;
+    background: #f8fafc;
+}
+
+.yt-title {
+    margin: 0;
+    font-size: 14px;
+    font-weight: 700;
+    color: #0f172a;
+    line-height: 1.35;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    min-height: 38px;
+}
+
+.yt-meta {
+    margin: 0;
+    display: flex;
+    justify-content: space-between;
+    gap: 6px;
+    font-size: 12px;
+    color: #475569;
+}
+
+.yt-pagination {
+    margin-top: 12px;
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+}
+
+@media (max-width: 1100px) {
+    .yt-filter-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+
+    .yt-results-grid {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 720px) {
+    .yt-page {
+        width: calc(100vw - 60px);
+    }
+
+    .yt-query-row {
+        grid-template-columns: 1fr;
+    }
+
+    .yt-filter-grid,
+    .yt-results-grid {
+        grid-template-columns: 1fr;
+    }
+
+    .yt-actions-row {
+        flex-direction: column;
+        align-items: stretch;
+    }
+}

package/wwwroot/_content/MindExecution.Shared/MindExecution.Shared.wsano1j4wp.bundle.scp.css

@@ -0,0 +1,4 @@
+/* _content/MindExecution.Shared/Pages/Shared/MapNode.razor.rz.scp.css */
+/* This file is intentionally empty to prevent CSS isolation conflicts.
+   All MapNode styles have been moved to Client\Styles\app.css for global application.
+   This prevents style inheritance issues when JavaScript clones DOM elements into the 3D scene. */