@sp-days-framework/docusaurus-plugin-interactive-tasks 1.0.0

package/lib/theme/TaskPlaceholder/index.js

@@ -0,0 +1,293 @@
+"use strict";
+/**
+ * TaskPlaceholder Component
+ * A standalone task component for use outside of doc pages (e.g., landing pages, standalone pages)
+ *
+ * Key differences from Task/TaskExample:
+ * - No dependency on TaskProvider or DocTaskCounterProvider
+ * - Can be used anywhere (not just in docs)
+ * - Custom badge text with auto-increment fallback
+ * - Respects global auto-collapse setting from localStorage
+ * - Ephemeral completion state (not persisted)
+ * - Supports MDX content with Hint and Solution components
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TaskPlaceholder;
+const react_1 = __importStar(require("react"));
+const clsx_1 = __importDefault(require("clsx"));
+const icons_1 = require("../../utils/icons");
+const storage_1 = require("../../utils/storage");
+const styles_module_css_1 = __importDefault(require("../Task/styles.module.css")); // Reuse Task styles
+// Counter for auto-numbering demos (module-level state)
+let demoCounter = 0;
+function TaskPlaceholder({ title, badge, children }) {
+    // Auto-increment demo number if no custom badge provided
+    const demoNumberRef = (0, react_1.useRef)(0);
+    if (demoNumberRef.current === 0) {
+        demoCounter += 1;
+        demoNumberRef.current = demoCounter;
+    }
+    const defaultBadge = `Demo ${demoNumberRef.current}`;
+    const taskBadge = badge || defaultBadge;
+    // Load auto-collapse preference from localStorage
+    const [autoCollapseCompletedTasks, setAutoCollapseCompletedTasks] = (0, react_1.useState)(() => (0, storage_1.loadAutoCollapseFromStorage)());
+    // Local state only (no persistence - ephemeral like TaskExample)
+    const [isCompleted, setIsCompleted] = (0, react_1.useState)(false);
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(true);
+    const [showHint, setShowHint] = (0, react_1.useState)(false);
+    const [showSolution, setShowSolution] = (0, react_1.useState)(false);
+    const [isAnimatingCompletion, setIsAnimatingCompletion] = (0, react_1.useState)(false);
+    const [isRemovingCheckmark, setIsRemovingCheckmark] = (0, react_1.useState)(false);
+    const [isCollapsingHint, setIsCollapsingHint] = (0, react_1.useState)(false);
+    const [isCollapsingSolution, setIsCollapsingSolution] = (0, react_1.useState)(false);
+    const [isSwitchingPanels, setIsSwitchingPanels] = (0, react_1.useState)(false);
+    const [isCollapsingBody, setIsCollapsingBody] = (0, react_1.useState)(false);
+    const [panelSpacerHeight, setPanelSpacerHeight] = (0, react_1.useState)(0);
+    // Refs for measuring panel heights
+    const hintRef = (0, react_1.useRef)(null);
+    const solutionRef = (0, react_1.useRef)(null);
+    // Track previous completion state
+    const prevIsCompleted = (0, react_1.useRef)(isCompleted);
+    // Listen for auto-collapse changes from storage events (cross-tab sync)
+    (0, react_1.useEffect)(() => {
+        const handleStorageChange = () => {
+            setAutoCollapseCompletedTasks((0, storage_1.loadAutoCollapseFromStorage)());
+        };
+        const handleCustomEvent = () => {
+            setAutoCollapseCompletedTasks((0, storage_1.loadAutoCollapseFromStorage)());
+        };
+        // Listen to storage events (cross-tab sync)
+        window.addEventListener('storage', handleStorageChange);
+        // Listen to custom events (same-page sync from TaskAutoHideToggle)
+        window.addEventListener('task-auto-collapse-changed', handleCustomEvent);
+        return () => {
+            window.removeEventListener('storage', handleStorageChange);
+            window.removeEventListener('task-auto-collapse-changed', handleCustomEvent);
+        };
+    }, []);
+    // Detect when completion state changes
+    (0, react_1.useEffect)(() => {
+        if (prevIsCompleted.current !== isCompleted) {
+            // When task becomes completed
+            if (isCompleted && !prevIsCompleted.current) {
+                setIsAnimatingCompletion(true);
+                setIsRemovingCheckmark(false);
+                // Wait for completion animation (600ms) before auto-collapsing
+                if (autoCollapseCompletedTasks) {
+                    setTimeout(() => {
+                        setIsAnimatingCompletion(false);
+                        // Trigger collapse animation
+                        setIsCollapsingBody(true);
+                        setShowHint(false);
+                        setShowSolution(false);
+                        setTimeout(() => {
+                            setIsExpanded(false);
+                            setIsCollapsingBody(false);
+                        }, 300);
+                    }, 600);
+                }
+                else {
+                    setTimeout(() => {
+                        setIsAnimatingCompletion(false);
+                    }, 600);
+                }
+            }
+            // When task is uncompleted (undo)
+            if (!isCompleted && prevIsCompleted.current) {
+                setIsRemovingCheckmark(true);
+            }
+            prevIsCompleted.current = isCompleted;
+        }
+    }, [isCompleted, autoCollapseCompletedTasks]);
+    // Measure panel heights and update spacer
+    (0, react_1.useEffect)(() => {
+        const updateSpacerHeight = () => {
+            if (showHint && hintRef.current) {
+                setPanelSpacerHeight(hintRef.current.offsetHeight);
+            }
+            else if (showSolution && solutionRef.current) {
+                setPanelSpacerHeight(solutionRef.current.offsetHeight);
+            }
+            else {
+                setPanelSpacerHeight(0);
+            }
+        };
+        // Update immediately
+        updateSpacerHeight();
+        // Also update on window resize (for responsive content)
+        window.addEventListener('resize', updateSpacerHeight);
+        return () => window.removeEventListener('resize', updateSpacerHeight);
+    }, [showHint, showSolution]);
+    const toggleExpanded = () => {
+        // When collapsing, start animation then remove from DOM
+        if (isExpanded) {
+            setIsCollapsingBody(true);
+            setShowHint(false);
+            setShowSolution(false);
+            setTimeout(() => {
+                setIsExpanded(false);
+                setIsCollapsingBody(false);
+            }, 300); // Match animation duration
+        }
+        else {
+            // When expanding, add to DOM immediately
+            setIsExpanded(true);
+        }
+    };
+    const toggleCompleted = () => {
+        // Toggle completion state locally (no persistence)
+        setIsCompleted(!isCompleted);
+    };
+    const toggleHint = () => {
+        if (showHint) {
+            // Closing hint
+            setIsCollapsingHint(true);
+            setIsSwitchingPanels(false);
+            setTimeout(() => {
+                setShowHint(false);
+                setIsCollapsingHint(false);
+            }, 300);
+        }
+        else {
+            // Opening hint
+            if (showSolution) {
+                // Switching from solution to hint
+                setIsSwitchingPanels(true);
+                setIsCollapsingSolution(true);
+                setTimeout(() => {
+                    setShowSolution(false);
+                    setIsCollapsingSolution(false);
+                    // Delay before showing hint panel
+                    setTimeout(() => {
+                        setShowHint(true);
+                    }, 20);
+                }, 300);
+            }
+            else {
+                setIsSwitchingPanels(false);
+                setShowHint(true);
+            }
+        }
+    };
+    const toggleSolution = () => {
+        if (showSolution) {
+            // Closing solution
+            setIsCollapsingSolution(true);
+            setIsSwitchingPanels(false);
+            setTimeout(() => {
+                setShowSolution(false);
+                setIsCollapsingSolution(false);
+            }, 300);
+        }
+        else {
+            // Opening solution
+            if (showHint) {
+                // Switching from hint to solution
+                setIsSwitchingPanels(true);
+                setIsCollapsingHint(true);
+                setTimeout(() => {
+                    setShowHint(false);
+                    setIsCollapsingHint(false);
+                    // Delay before showing solution panel
+                    setTimeout(() => {
+                        setShowSolution(true);
+                    }, 20);
+                }, 300);
+            }
+            else {
+                setIsSwitchingPanels(false);
+                setShowSolution(true);
+            }
+        }
+    };
+    // Extract child components
+    let textComponent = null;
+    let hintComponent = null;
+    let solutionComponent = null;
+    react_1.default.Children.forEach(children, (child) => {
+        if (!react_1.default.isValidElement(child))
+            return;
+        const childType = child.type?.displayName || child.type?.name;
+        if (childType === 'Text') {
+            textComponent = child;
+        }
+        else if (childType === 'Hint') {
+            hintComponent = child;
+        }
+        else if (childType === 'Solution') {
+            solutionComponent = child;
+        }
+    });
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.taskContainer, isCompleted && styles_module_css_1.default.taskCompleted, isAnimatingCompletion && styles_module_css_1.default.taskCompletedAnimating) },
+        react_1.default.createElement("div", { className: styles_module_css_1.default.taskHeader, onClick: toggleExpanded },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.taskHeaderLeft },
+                react_1.default.createElement("span", { className: styles_module_css_1.default.taskBadge }, taskBadge),
+                react_1.default.createElement("h3", { className: styles_module_css_1.default.taskName },
+                    title,
+                    react_1.default.createElement("span", { className: (0, clsx_1.default)(styles_module_css_1.default.checkmark, isCompleted && !isAnimatingCompletion && !isRemovingCheckmark && styles_module_css_1.default.checkmarkVisible, isAnimatingCompletion && styles_module_css_1.default.checkmarkAnimating, isRemovingCheckmark && styles_module_css_1.default.checkmarkRemoving) }, icons_1.CHECKMARK_CIRCLE_FILL_ICON))),
+            react_1.default.createElement("button", { type: "button", className: styles_module_css_1.default.expandButton, "aria-expanded": isExpanded, "aria-label": isExpanded ? 'Collapse task' : 'Expand task' },
+                react_1.default.createElement("span", { className: (0, clsx_1.default)(styles_module_css_1.default.chevron, !isExpanded && styles_module_css_1.default.chevronCollapsed) }, icons_1.CHEVRON_DOWN_ICON))),
+        (isExpanded || isCollapsingBody) && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.taskBody, isCollapsingBody && styles_module_css_1.default.taskBodyCollapsing) }, textComponent),
+            react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.taskFooter, isCollapsingBody && styles_module_css_1.default.taskFooterCollapsing) },
+                react_1.default.createElement("div", { className: styles_module_css_1.default.taskActions },
+                    hintComponent && (react_1.default.createElement("button", { type: "button", className: (0, clsx_1.default)(styles_module_css_1.default.taskButton, styles_module_css_1.default.hintButton, showHint && styles_module_css_1.default.active), onClick: (e) => {
+                            e.stopPropagation();
+                            toggleHint();
+                        } }, "Hint")),
+                    solutionComponent && (react_1.default.createElement("button", { type: "button", className: (0, clsx_1.default)(styles_module_css_1.default.taskButton, styles_module_css_1.default.solutionButton, showSolution && styles_module_css_1.default.active), onClick: (e) => {
+                            e.stopPropagation();
+                            toggleSolution();
+                        } }, "Solution"))),
+                react_1.default.createElement("button", { type: "button", className: (0, clsx_1.default)(styles_module_css_1.default.taskButton, styles_module_css_1.default.completeButton, isCompleted && styles_module_css_1.default.completedButton), onClick: (e) => {
+                        e.stopPropagation();
+                        toggleCompleted();
+                    } }, isCompleted ? 'Undo Task' : 'Mark as Done')),
+            (hintComponent || solutionComponent) && (react_1.default.createElement("div", { className: styles_module_css_1.default.panelWrapper, style: {
+                    marginBottom: panelSpacerHeight > 0 ? '1rem' : 0,
+                    transition: 'margin-bottom 0.3s ease-out'
+                } },
+                react_1.default.createElement("div", { className: styles_module_css_1.default.panelSpacer, style: {
+                        height: panelSpacerHeight > 0 ? `${panelSpacerHeight}px` : 0,
+                        transition: 'height 0.3s ease-out'
+                    } }),
+                hintComponent && (react_1.default.createElement("div", { ref: hintRef, className: (0, clsx_1.default)(styles_module_css_1.default.panelContainer, styles_module_css_1.default.panelAbsolute, (showHint || isCollapsingHint) && styles_module_css_1.default.panelVisible, showHint && !isCollapsingHint && !isSwitchingPanels && styles_module_css_1.default.panelContainerExpanding, showHint && !isCollapsingHint && isSwitchingPanels && styles_module_css_1.default.hintPanelContainerExpandingSwitching, isCollapsingHint && !isSwitchingPanels && styles_module_css_1.default.panelContainerCollapsing, isCollapsingHint && isSwitchingPanels && styles_module_css_1.default.hintPanelContainerCollapsingSwitching) }, hintComponent)),
+                solutionComponent && (react_1.default.createElement("div", { ref: solutionRef, className: (0, clsx_1.default)(styles_module_css_1.default.panelContainer, styles_module_css_1.default.panelAbsolute, (showSolution || isCollapsingSolution) && styles_module_css_1.default.panelVisible, showSolution && !isCollapsingSolution && !isSwitchingPanels && styles_module_css_1.default.panelContainerExpanding, showSolution && !isCollapsingSolution && isSwitchingPanels && styles_module_css_1.default.solutionPanelContainerExpandingSwitching, isCollapsingSolution && !isSwitchingPanels && styles_module_css_1.default.panelContainerCollapsing, isCollapsingSolution && isSwitchingPanels && styles_module_css_1.default.solutionPanelContainerCollapsingSwitching) }, solutionComponent))))))));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/TaskPlaceholder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/TaskPlaceholder/index.tsx"],"names":[],"mappings":"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"}

package/lib/theme/TaskProgression/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * TaskProgression Component
+ * Displays task completion progress for a specific document
+ */
+import { type ReactElement } from 'react';
+export interface TaskProgressionProps {
+    path: string;
+    pluginId?: string;
+}
+export default function TaskProgression({ path, pluginId, }: TaskProgressionProps): ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/TaskProgression/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/TaskProgression/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAE,KAAK,YAAY,EAAa,MAAM,OAAO,CAAC;AAW5D,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,GACT,EAAE,oBAAoB,GAAG,YAAY,CAgIrC"}

package/lib/theme/TaskProgression/index.js

@@ -0,0 +1,131 @@
+"use strict";
+/**
+ * TaskProgression Component
+ * Displays task completion progress for a specific document
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = TaskProgression;
+const react_1 = __importStar(require("react"));
+const Link_1 = __importDefault(require("@docusaurus/Link"));
+const client_1 = require("@docusaurus/plugin-content-docs/client");
+const clsx_1 = __importDefault(require("clsx"));
+const TaskProvider_1 = require("../TaskProvider");
+const useResolveDocPath_1 = require("../../utils/useResolveDocPath");
+const useDocTaskStats_1 = require("../../utils/useDocTaskStats");
+const usePluginId_1 = require("../../utils/usePluginId");
+const styles_module_css_1 = __importDefault(require("./styles.module.css"));
+function TaskProgression({ path, pluginId, }) {
+    const { metadata } = (0, client_1.useDoc)();
+    const { taskRegistry } = (0, TaskProvider_1.useTaskContext)();
+    const currentDocId = metadata.id;
+    // Get the correct plugin ID for this doc
+    const detectedPluginId = (0, usePluginId_1.usePluginId)();
+    // Auto-detect pluginId from current doc if not provided
+    const effectivePluginId = pluginId ?? detectedPluginId;
+    // Resolve the path to a docId
+    const resolved = (0, useResolveDocPath_1.useResolveDocPath)(path, effectivePluginId);
+    // Get task statistics for the resolved doc
+    const stats = (0, useDocTaskStats_1.useDocTaskStats)(resolved.error ? undefined : resolved.docId, resolved.error ? undefined : resolved.pluginId);
+    // Only log warnings for actual path errors after registry is loaded
+    (0, react_1.useEffect)(() => {
+        // Skip if registry isn't loaded yet - not an error, just loading
+        if (!taskRegistry) {
+            return;
+        }
+        // Now we can check for actual path resolution errors
+        if (resolved.error && resolved.errorMessage !== 'Task registry loading...') {
+            const errorMsg = 'errorMessage' in resolved ? resolved.errorMessage : 'Unknown error';
+            console.warn(`[Interactive Tasks] Path resolution error in TaskProgression: ${errorMsg}`, {
+                path,
+                pluginId: effectivePluginId,
+                resolved,
+            });
+        }
+    }, [resolved, path, effectivePluginId, taskRegistry]);
+    // Show loading state while registry is loading
+    if (!taskRegistry) {
+        return (react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressionBox, styles_module_css_1.default.loadingBox) },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.contentArea },
+                react_1.default.createElement("div", { className: styles_module_css_1.default.title }, "Loading...")),
+            react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressSquare, styles_module_css_1.default.primarySquare) }, "-/-")));
+    }
+    // Determine if this is the current page
+    const isCurrentPage = !resolved.error &&
+        resolved.docId === currentDocId &&
+        resolved.pluginId === detectedPluginId;
+    // Error state - show danger box
+    if (resolved.error) {
+        const errorMsg = 'errorMessage' in resolved ? resolved.errorMessage : 'Unknown error';
+        return (react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressionBox, styles_module_css_1.default.errorBox) },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.contentArea },
+                react_1.default.createElement("div", { className: styles_module_css_1.default.title }, "Error: Path Not Found"),
+                react_1.default.createElement("div", { className: styles_module_css_1.default.errorMessage }, errorMsg)),
+            react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressSquare, styles_module_css_1.default.errorSquare) }, "?/?")));
+    }
+    // No stats available (shouldn't happen if resolved successfully)
+    if (!stats) {
+        console.warn('[Interactive Tasks] No stats available for resolved path in TaskProgression', {
+            path,
+            resolved,
+        });
+        return (react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressionBox, styles_module_css_1.default.errorBox) },
+            react_1.default.createElement("div", { className: styles_module_css_1.default.contentArea },
+                react_1.default.createElement("div", { className: styles_module_css_1.default.title }, "Error: No Task Data")),
+            react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressSquare, styles_module_css_1.default.errorSquare) }, "?/?")));
+    }
+    // Determine color based on completion
+    const isComplete = stats.isComplete;
+    const squareClass = isComplete ? styles_module_css_1.default.successSquare : styles_module_css_1.default.primarySquare;
+    // Build content
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { className: styles_module_css_1.default.contentArea },
+            stats.hasSectionName && (react_1.default.createElement("div", { className: styles_module_css_1.default.sectionName }, stats.sectionName)),
+            react_1.default.createElement("div", { className: styles_module_css_1.default.title }, stats.title)),
+        react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressSquare, squareClass) },
+            stats.completedTasks,
+            "/",
+            stats.totalTasks)));
+    // If it's the current page, render non-clickable box
+    if (isCurrentPage) {
+        return (react_1.default.createElement("div", { className: (0, clsx_1.default)(styles_module_css_1.default.progressionBox, styles_module_css_1.default.currentPage) }, content));
+    }
+    // Otherwise, render as a Link
+    return (react_1.default.createElement(Link_1.default, { to: stats.permalink, className: (0, clsx_1.default)(styles_module_css_1.default.progressionBox, styles_module_css_1.default.clickable) }, content));
+}
+//# sourceMappingURL=index.js.map

package/lib/theme/TaskProgression/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/TaskProgression/index.tsx"],"names":[],"mappings":"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"}

package/lib/theme/TaskProgression/styles.module.css

@@ -0,0 +1,162 @@
+/**
+ * TaskProgression Styles
+ * Borderless design with float effect and hover animations
+ */
+
+.progressionBox {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-areas: "content progress";
+  align-items: center;
+  gap: 1rem;
+  padding: 0.875rem 1.125rem;
+  min-height: 70px;
+  
+  /* Borderless with subtle shadow for float effect */
+  background-color: var(--ifm-card-background-color);
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  
+  /* Smooth transitions */
+  transition: all 0.25s ease;
+  
+  /* Remove link styling */
+  text-decoration: none;
+  color: inherit;
+
+  margin-bottom: 24px;
+}
+
+/* Clickable state - adds hover effect */
+.progressionBox.clickable {
+  cursor: pointer;
+}
+
+.progressionBox.clickable:hover {
+  /* Pop effect on hover */
+  transform: translateY(-3px);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
+}
+
+/* Current page - non-clickable */
+.progressionBox.currentPage {
+  cursor: default;
+  opacity: 0.85;
+}
+
+/* Error state */
+.progressionBox.errorBox {
+  background-color: var(--ifm-color-danger-contrast-background);
+  box-shadow: 0 2px 8px rgba(var(--ifm-color-danger-rgb), 0.15);
+}
+
+/* Loading state */
+.progressionBox.loadingBox {
+  opacity: 0.6;
+  cursor: default;
+}
+
+/* Content area - left side */
+.contentArea {
+  grid-area: content;
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  min-width: 0; /* Allow text truncation if needed */
+}
+
+/* Section name styling (bold, smaller) */
+.sectionName {
+  font-weight: 700;
+  font-size: 0.875rem;
+  color: var(--ifm-color-emphasis-800);
+  line-height: 1.3;
+}
+
+/* Title styling */
+.title {
+  font-size: 0.95rem;
+  color: var(--ifm-color-emphasis-900);
+  line-height: 1.4;
+  font-weight: 500;
+}
+
+/* Error message styling */
+.errorMessage {
+  font-size: 0.8rem;
+  color: var(--ifm-color-danger);
+  font-style: italic;
+}
+
+/* Progress square - right side */
+.progressSquare {
+  grid-area: progress;
+  padding: 0.5rem 0.875rem;
+  border-radius: 6px;
+  font-weight: 700;
+  font-size: 0.9rem;
+  text-align: center;
+  white-space: nowrap;
+  min-width: 50px;
+  
+  /* Smooth color transitions */
+  transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+/* Primary color - incomplete tasks */
+.primarySquare {
+  background-color: var(--ifm-color-primary);
+  color: var(--ifm-color-primary-contrast-background);
+}
+
+/* Success color - all tasks completed */
+.successSquare {
+  background-color: var(--ifm-color-success);
+  color: var(--ifm-color-success-contrast-background);
+}
+
+/* Error/danger color */
+.errorSquare {
+  background-color: var(--ifm-color-danger);
+  color: var(--ifm-color-danger-contrast-background);
+}
+
+/* Dark mode adjustments */
+[data-theme='dark'] .progressionBox {
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+}
+
+[data-theme='dark'] .progressionBox.clickable:hover {
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
+}
+
+[data-theme='dark'] .sectionName {
+  color: var(--ifm-color-emphasis-700);
+}
+
+[data-theme='dark'] .title {
+  color: var(--ifm-color-emphasis-800);
+}
+
+/* Responsive adjustments for smaller screens */
+@media (max-width: 768px) {
+  .progressionBox {
+    padding: 0.75rem 1rem;
+    min-height: 65px;
+    gap: 0.75rem;
+  }
+  
+  .sectionName {
+    font-size: 0.8rem;
+  }
+  
+  .title {
+    font-size: 0.875rem;
+  }
+  
+  .progressSquare {
+    padding: 0.4rem 0.75rem;
+    font-size: 0.85rem;
+    min-width: 45px;
+  }
+}

package/lib/theme/TaskProgressionOverview/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * TaskProgressionOverview Component
+ * Displays all task progressions across all docs in the plugin
+ */
+import { type ReactElement } from 'react';
+export interface TaskProgressionOverviewProps {
+    pluginId?: string;
+}
+export default function TaskProgressionOverview({ pluginId, }: TaskProgressionOverviewProps): ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/TaskProgressionOverview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/TaskProgressionOverview/index.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAc,EAAE,KAAK,YAAY,EAAW,MAAM,OAAO,CAAC;AAU1D,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAoCD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,QAAQ,GACT,EAAE,4BAA4B,GAAG,YAAY,CAgF7C"}