@zeroheight/adoption-cli 2.4.2 → 3.0.0

package/dist/components/analyze/analyze.js

@@ -8,48 +8,116 @@ import NoCredentialsOnboarding from "../auth/no-credentials-onboarding.js";
 import RepoNamePrompt from "../repo-name-prompt.js";
 import UsageTable from "../usage-table.js";
 import { configPath, writeConfig, readConfig, } from "../../common/config.js";
-import { ResponseStatus, getAuthDetails, getZeroheightURL, submitUsageData, } from "../../common/api.js";
-import { calculateNumberOfComponents } from "../../commands/analyze.utils.js";
+import { ResponseStatus, getAuthDetails, getZeroheightURL, submitComponentUsageData, submitTokenLiteralUsageData, } from "../../common/api.js";
+import { calculateNumberOfColors, calculateNumberOfComponents, } from "../../commands/analyze.utils.js";
 import { ApiError } from "../../common/errors.js";
-export default function Analyze({ onAnalyzeFiles, dryRun, repoName, }) {
+import ColorUsageTable from "../color-usage-table.js";
+var AnalyzeStage;
+(function (AnalyzeStage) {
+    AnalyzeStage[AnalyzeStage["initial"] = 0] = "initial";
+    AnalyzeStage[AnalyzeStage["finished"] = 1] = "finished";
+    AnalyzeStage[AnalyzeStage["fetchCredentials"] = 2] = "fetchCredentials";
+    AnalyzeStage[AnalyzeStage["fetchRepoNames"] = 3] = "fetchRepoNames";
+    AnalyzeStage[AnalyzeStage["cuScanningFiles"] = 4] = "cuScanningFiles";
+    AnalyzeStage[AnalyzeStage["cuScanComplete"] = 5] = "cuScanComplete";
+    AnalyzeStage[AnalyzeStage["cuShowMoreDetails"] = 6] = "cuShowMoreDetails";
+    AnalyzeStage[AnalyzeStage["cuSendDataCheck"] = 7] = "cuSendDataCheck";
+    AnalyzeStage[AnalyzeStage["cuAuthSetUp"] = 8] = "cuAuthSetUp";
+    AnalyzeStage[AnalyzeStage["cuRepoSelection"] = 9] = "cuRepoSelection";
+    AnalyzeStage[AnalyzeStage["cuSendingData"] = 10] = "cuSendingData";
+    AnalyzeStage[AnalyzeStage["cuSendSuccess"] = 11] = "cuSendSuccess";
+    AnalyzeStage[AnalyzeStage["tuConfirmRun"] = 12] = "tuConfirmRun";
+    AnalyzeStage[AnalyzeStage["tuScanningFiles"] = 13] = "tuScanningFiles";
+    AnalyzeStage[AnalyzeStage["tuScanComplete"] = 14] = "tuScanComplete";
+    AnalyzeStage[AnalyzeStage["tuShowMoreDetails"] = 15] = "tuShowMoreDetails";
+    AnalyzeStage[AnalyzeStage["tuSendDataCheck"] = 16] = "tuSendDataCheck";
+    AnalyzeStage[AnalyzeStage["tuAuthSetUp"] = 17] = "tuAuthSetUp";
+    AnalyzeStage[AnalyzeStage["tuRepoSelection"] = 18] = "tuRepoSelection";
+    AnalyzeStage[AnalyzeStage["tuSendingData"] = 19] = "tuSendingData";
+    AnalyzeStage[AnalyzeStage["tuSendSuccess"] = 20] = "tuSendSuccess";
+})(AnalyzeStage || (AnalyzeStage = {}));
+export default function Analyze({ onAnalyzeFiles, onAnalyzeColorUsage, repoName, }) {
     const { exit } = useApp();
-    const [usageResult, setUsageResult] = React.useState(null);
-    const [isSendingData, setIsSendingData] = React.useState(false);
+    const [currentStage, setCurrentStage] = React.useState(AnalyzeStage.initial);
+    // Result states
+    const [componentUsageResult, setComponentUsageResult] = React.useState(new Map());
+    const [colorUsageResult, setColorUsageResult] = React.useState(new Map());
     const [errorList, setErrorList] = React.useState([]);
     const [errorFileLocation, setErrorFileLocation] = React.useState(null);
+    // Set up states
     const [credentials, setCredentials] = React.useState(null);
-    const [resourceURL, setResourceURL] = React.useState(null);
+    const [resourceURL, setResourceURL] = React.useState(getZeroheightURL());
     const [repo, setRepo] = React.useState(repoName);
-    const [promptRepo, setPromptRepo] = React.useState(repoName === undefined);
-    const [showContinue, setShowContinue] = React.useState(false);
+    // Text input states
+    const [continueToTokenUsage, setContinueToTokenUsage] = React.useState("");
+    const [runComponentUsage, setRunComponentUsage] = React.useState("");
+    const [runTokenUsage, setRunTokenUsage] = React.useState("");
     const [showMoreResults, setShowMoreResults] = React.useState("");
-    React.useEffect(() => {
-        (async () => {
-            try {
-                const { errorFile, usage } = await onAnalyzeFiles();
-                setErrorFileLocation(errorFile);
-                setUsageResult(usage);
-            }
-            catch (e) {
-                setErrorList((s) => [...s, e]);
+    // Component usage
+    function handleStartComponentUsage(shouldScan) {
+        if (shouldScan) {
+            setCurrentStage(AnalyzeStage.cuScanningFiles);
+            analyzeComponentUsage();
+        }
+        else {
+            setCurrentStage(AnalyzeStage.tuConfirmRun);
+        }
+    }
+    async function analyzeComponentUsage() {
+        try {
+            const { errorFile, usage } = await onAnalyzeFiles();
+            setErrorFileLocation(errorFile);
+            setComponentUsageResult(usage);
+            setCurrentStage(AnalyzeStage.cuScanComplete);
+        }
+        catch (e) {
+            setErrorList((s) => [...s, e]);
+        }
+    }
+    function handleShowMore(showMore) {
+        if (showMore) {
+            setCurrentStage(AnalyzeStage.cuShowMoreDetails);
+        }
+        else {
+            setCurrentStage(AnalyzeStage.cuSendDataCheck);
+        }
+    }
+    async function handleSendCuData(shouldSend) {
+        if (shouldSend) {
+            const creds = await fetchCredentials();
+            if (!creds) {
+                setCurrentStage(AnalyzeStage.cuAuthSetUp);
+                return;
             }
-            if (dryRun)
+            if (!repo) {
+                setCurrentStage(AnalyzeStage.cuRepoSelection);
                 return;
-            try {
-                const config = await readConfig();
-                if (config) {
-                    setCredentials({ token: config.token, client: config.client });
-                }
             }
-            catch (e) {
-                setErrorList((s) => [...s, "Failed to load credentials"]);
+            setCurrentStage(AnalyzeStage.cuSendingData);
+            sendCuData(componentUsageResult, repo, creds);
+        }
+        else {
+            setCurrentStage(AnalyzeStage.tuConfirmRun);
+            exit();
+        }
+    }
+    async function fetchCredentials() {
+        try {
+            const config = await readConfig();
+            if (config) {
+                setCredentials({ token: config.token, client: config.client });
+                return { token: config.token, client: config.client };
             }
-        })();
-    }, []);
-    async function sendData(result, repoName, credentials) {
-        setIsSendingData(true);
+            return null;
+        }
+        catch (e) {
+            setErrorList((s) => [...s, "Failed to load credentials"]);
+            return null;
+        }
+    }
+    async function sendCuData(result, repoName, credentials) {
         try {
-            await submitUsageData(result, repoName, credentials);
+            await submitComponentUsageData(result, repoName, credentials);
             const authDetailsResponse = await getAuthDetails(credentials);
             if (authDetailsResponse.status !== ResponseStatus.Success) {
                 throw new Error("Failed to get credentials");
@@ -60,6 +128,7 @@ export default function Analyze({ onAnalyzeFiles, dryRun, repoName, }) {
                 ? `/project/${projectId}/adoption/`
                 : "/adoption/";
             setResourceURL(resourceURL);
+            setCurrentStage(AnalyzeStage.cuSendSuccess);
         }
         catch (e) {
             let errorMessage = "Failed to send data to zeroheight";
@@ -68,23 +137,6 @@ export default function Analyze({ onAnalyzeFiles, dryRun, repoName, }) {
             }
             setErrorList((s) => [...s, errorMessage]);
         }
-        finally {
-            setIsSendingData(false);
-        }
-    }
-    async function handleContinue(shouldContinue) {
-        if (shouldContinue) {
-            if (!dryRun && credentials && usageResult && !repo) {
-                setPromptRepo(true);
-                setRepo("");
-            }
-            else if (!dryRun && credentials && usageResult && repo) {
-                sendData(usageResult, repo, credentials);
-            }
-        }
-        else {
-            exit();
-        }
     }
     function handleOnRepoNameSelected(repoName) {
         setRepo(repoName);
@@ -93,14 +145,13 @@ export default function Analyze({ onAnalyzeFiles, dryRun, repoName, }) {
                 [process.cwd()]: repoName,
             },
         });
-        setPromptRepo(false);
-    }
-    function handleShowMore(showMore) {
-        if (showMore) {
-            setShowMoreResults("true");
+        if (currentStage === AnalyzeStage.cuRepoSelection) {
+            handleSendCuData(true);
+            setCurrentStage(AnalyzeStage.cuSendingData);
         }
         else {
-            setShowContinue(true);
+            handleSendTuData(true);
+            setCurrentStage(AnalyzeStage.tuSendingData);
         }
     }
     async function handleCheckCredentials(newClient, newToken) {
@@ -112,6 +163,86 @@ export default function Analyze({ onAnalyzeFiles, dryRun, repoName, }) {
             return exit();
         }
     }
+    // Token usage
+    function startTokenUsageFlow(shouldContinue) {
+        if (shouldContinue) {
+            setCurrentStage(AnalyzeStage.tuConfirmRun);
+        }
+        else {
+            setCurrentStage(AnalyzeStage.finished);
+        }
+    }
+    function handleStartTokenUsage(shouldScan) {
+        if (shouldScan) {
+            setCurrentStage(AnalyzeStage.tuScanningFiles);
+            analyzeTokenUsage();
+        }
+        else {
+            setCurrentStage(AnalyzeStage.finished);
+        }
+    }
+    async function analyzeTokenUsage() {
+        try {
+            const { errorFile, usage } = await onAnalyzeColorUsage();
+            setErrorFileLocation(errorFile);
+            setColorUsageResult(usage);
+            setCurrentStage(AnalyzeStage.tuScanComplete);
+        }
+        catch (e) {
+            setErrorList((s) => [...s, e]);
+        }
+    }
+    function handleShowMoreTU(showMore) {
+        if (showMore) {
+            setCurrentStage(AnalyzeStage.tuShowMoreDetails);
+        }
+        else {
+            setCurrentStage(AnalyzeStage.tuSendDataCheck);
+        }
+    }
+    async function handleSendTuData(shouldSend) {
+        if (shouldSend) {
+            const creds = await fetchCredentials();
+            if (!creds) {
+                setCurrentStage(AnalyzeStage.tuAuthSetUp);
+                return;
+            }
+            if (!repo) {
+                setCurrentStage(AnalyzeStage.tuRepoSelection);
+                return;
+            }
+            setCurrentStage(AnalyzeStage.tuSendingData);
+            sendTuData(colorUsageResult, repo, creds);
+        }
+        else {
+            setCurrentStage(AnalyzeStage.finished);
+            exit();
+        }
+    }
+    async function sendTuData(result, repoName, credentials) {
+        try {
+            await submitTokenLiteralUsageData(result, repoName, credentials);
+            const authDetailsResponse = await getAuthDetails(credentials);
+            if (authDetailsResponse.status !== ResponseStatus.Success) {
+                throw new Error("Failed to get credentials");
+            }
+            const projectId = authDetailsResponse.data.project?.id;
+            const resourceURL = getZeroheightURL();
+            resourceURL.pathname = projectId
+                ? `/project/${projectId}/adoption/`
+                : "/adoption/";
+            setResourceURL(resourceURL);
+            setCurrentStage(AnalyzeStage.tuSendSuccess);
+        }
+        catch (e) {
+            let errorMessage = "Failed to send data to zeroheight";
+            if (e instanceof ApiError) {
+                errorMessage = e.message;
+            }
+            setErrorList((s) => [...s, errorMessage]);
+        }
+    }
+    // UI flow
     if (errorList.length > 0) {
         return (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Text, { color: "red" }, "Error:"),
@@ -119,7 +250,69 @@ export default function Analyze({ onAnalyzeFiles, dryRun, repoName, }) {
                 "- ",
                 e))))));
     }
-    if (!promptRepo && !credentials && !dryRun) {
+    if (currentStage === AnalyzeStage.initial) {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Text, null,
+                "\uD83D\uDC4B Welcome to the ",
+                React.createElement(Text, { color: "#f63e7c" }, "zeroheight"),
+                " analyze tool"),
+            React.createElement(Newline, null),
+            React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, null,
+                    "\u2753 Would you like to us to scan the files in this project to understand how components are being used (React only)?",
+                    " ",
+                    React.createElement(Text, { dimColor: true }, "(Y/n)")),
+                React.createElement(ConfirmInput, { isChecked: true, value: runComponentUsage, onChange: setRunComponentUsage, onSubmit: handleStartComponentUsage }))));
+    }
+    if (currentStage === AnalyzeStage.cuScanningFiles) {
+        return (React.createElement(Text, null,
+            React.createElement(Text, { color: "green" },
+                React.createElement(Spinner, { type: "dots" })),
+            " Scanning files for component usage..."));
+    }
+    if (currentStage === AnalyzeStage.cuScanComplete) {
+        if (componentUsageResult?.size > 0) {
+            return (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: "green" },
+                    calculateNumberOfComponents(componentUsageResult),
+                    " components found"),
+                errorFileLocation && (React.createElement(React.Fragment, null,
+                    React.createElement(Newline, null),
+                    React.createElement(Box, null,
+                        React.createElement(Text, { color: "red" }, "Error:"),
+                        React.createElement(Text, null,
+                            " ",
+                            "Some files could not be parsed. Errors can be found at",
+                            " ",
+                            React.createElement(Link, { url: errorFileLocation }, errorFileLocation))))),
+                React.createElement(Box, null,
+                    React.createElement(Text, null,
+                        "Show more details? ",
+                        React.createElement(Text, { dimColor: true }, "(y/N)")),
+                    React.createElement(ConfirmInput, { isChecked: false, value: showMoreResults, onChange: setShowMoreResults, onSubmit: handleShowMore }))));
+        }
+        else {
+            return (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Box, null,
+                    React.createElement(Text, null, "No files found, try a different directory or change the file extensions you want to include.")),
+                React.createElement(Box, null,
+                    React.createElement(Text, null,
+                        "Continue to token usage analysis? ",
+                        React.createElement(Text, { dimColor: true }, "(Y/n)")),
+                    React.createElement(ConfirmInput, { isChecked: true, value: continueToTokenUsage, onChange: setContinueToTokenUsage, onSubmit: startTokenUsageFlow }))));
+        }
+    }
+    if (currentStage === AnalyzeStage.cuShowMoreDetails) {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(UsageTable, { usage: componentUsageResult }),
+            React.createElement(Newline, null),
+            React.createElement(ContinuePrompt, { onContinue: handleSendCuData })));
+    }
+    if (currentStage === AnalyzeStage.cuSendDataCheck) {
+        return React.createElement(ContinuePrompt, { onContinue: handleSendCuData });
+    }
+    if (currentStage === AnalyzeStage.cuAuthSetUp ||
+        currentStage === AnalyzeStage.tuAuthSetUp) {
         return (React.createElement(NoCredentialsOnboarding, { configPath: configPath(), onCheckCredentials: handleCheckCredentials, onSaveCredentials: async (persist, newClient, newToken) => {
                 const newCredentials = { token: newToken, client: newClient };
                 setCredentials(newCredentials);
@@ -129,83 +322,108 @@ export default function Analyze({ onAnalyzeFiles, dryRun, repoName, }) {
                         token: newToken,
                     });
                 }
+                if (currentStage === AnalyzeStage.cuAuthSetUp) {
+                    handleSendCuData(true);
+                    setCurrentStage(AnalyzeStage.cuSendingData);
+                }
+                else {
+                    handleSendTuData(true);
+                    setCurrentStage(AnalyzeStage.tuSendingData);
+                }
             } }));
     }
-    // Usage is being calculated
-    if (usageResult === null) {
-        return (React.createElement(Text, null,
-            React.createElement(Text, { color: "green" },
-                React.createElement(Spinner, { type: "dots" })),
-            " Scanning files..."));
-    }
-    // No usage data found
-    if (usageResult?.size === 0) {
-        return (React.createElement(Text, null, "No files found, try a different directory or change the file extensions you want to include"));
+    if (currentStage === AnalyzeStage.cuRepoSelection ||
+        currentStage === AnalyzeStage.tuRepoSelection) {
+        return (React.createElement(RepoNamePrompt, { credentials: credentials, onRepoNameSelected: handleOnRepoNameSelected }));
     }
-    // Posting usage data to zeroheight
-    if (isSendingData) {
+    if (currentStage === AnalyzeStage.cuSendingData ||
+        currentStage === AnalyzeStage.tuSendingData) {
         return (React.createElement(Text, null,
             React.createElement(Text, { color: "green" },
                 React.createElement(Spinner, { type: "dots" })),
-            " Sending usage data to zeroheight..."));
+            " ",
+            "Sending usage data to ",
+            React.createElement(Text, { color: "#f63e7c" }, "zeroheight"),
+            "..."));
     }
-    // Completed, usage data is ready to view on zeroheight
-    if (resourceURL) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Newline, null),
+    if (currentStage === AnalyzeStage.cuSendSuccess) {
+        return (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Text, null,
-                React.createElement(Text, { color: "green" }, "Successful:"),
+                React.createElement(Text, { color: "green" }, "Successfully sent:"),
                 " View your",
                 " ",
-                React.createElement(Link, { url: resourceURL.toString() }, "usage data on zeroheight"))));
+                React.createElement(Link, { url: resourceURL.toString() },
+                    React.createElement(Text, { underline: true, color: "#f63e7c" }, "usage data on zeroheight"))),
+            React.createElement(Newline, null),
+            React.createElement(Box, null,
+                React.createElement(Text, null,
+                    "\u2753 Would you like to us to scan the files in this project to understand how colors are being used? ",
+                    React.createElement(Text, { dimColor: true }, "(Y/n)")),
+                React.createElement(ConfirmInput, { isChecked: true, value: runTokenUsage, onChange: setRunTokenUsage, onSubmit: handleStartTokenUsage }))));
     }
-    if (usageResult &&
-        !promptRepo &&
-        !(showMoreResults === "true" || showContinue)) {
+    if (currentStage === AnalyzeStage.tuConfirmRun) {
         return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Box, null,
+                React.createElement(Text, null,
+                    "\u2753 Would you like to us to scan the files in this project to understand how colors are being used? ",
+                    React.createElement(Text, { dimColor: true }, "(Y/n)")),
+                React.createElement(ConfirmInput, { isChecked: true, value: runTokenUsage, onChange: setRunTokenUsage, onSubmit: handleStartTokenUsage }))));
+    }
+    if (currentStage === AnalyzeStage.tuScanningFiles) {
+        return (React.createElement(Text, null,
             React.createElement(Text, { color: "green" },
-                calculateNumberOfComponents(usageResult),
-                " components found"),
-            errorFileLocation && (React.createElement(React.Fragment, null,
-                React.createElement(Newline, null),
+                React.createElement(Spinner, { type: "dots" })),
+            " Scanning files for color usage..."));
+    }
+    if (currentStage === AnalyzeStage.tuScanComplete) {
+        if (colorUsageResult?.size > 0) {
+            return (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, { color: "green" },
+                    calculateNumberOfColors(colorUsageResult),
+                    " instatances of raw color usage found"),
+                errorFileLocation && (React.createElement(React.Fragment, null,
+                    React.createElement(Newline, null),
+                    React.createElement(Box, null,
+                        React.createElement(Text, { color: "red" }, "Error:"),
+                        React.createElement(Text, null,
+                            " ",
+                            "Some files could not be parsed. Errors can be found at",
+                            " ",
+                            React.createElement(Link, { url: errorFileLocation }, errorFileLocation))))),
                 React.createElement(Box, null,
-                    React.createElement(Text, { color: "red" }, "Error:"),
                     React.createElement(Text, null,
-                        " ",
-                        "Some files could not be parsed. Errors can be found at",
-                        " ",
-                        React.createElement(Link, { url: errorFileLocation }, errorFileLocation))))),
-            React.createElement(Box, null,
-                React.createElement(Text, null,
-                    "Show more details? ",
-                    React.createElement(Text, { dimColor: true }, "(y/N)")),
-                React.createElement(ConfirmInput, { isChecked: false, value: showMoreResults, onChange: setShowMoreResults, onSubmit: handleShowMore }))));
+                        "Show more details? ",
+                        React.createElement(Text, { dimColor: true }, "(y/N)")),
+                    React.createElement(ConfirmInput, { isChecked: false, value: showMoreResults, onChange: setShowMoreResults, onSubmit: handleShowMoreTU }))));
+        }
+        else {
+            return (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(Text, null, "No files found, try a different directory or change the file extensions you want to include.")));
+        }
     }
-    if (usageResult && !promptRepo && showMoreResults === "true") {
+    if (currentStage === AnalyzeStage.tuShowMoreDetails) {
         return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(UsageTable, { usage: usageResult }),
-            dryRun && (React.createElement(React.Fragment, null,
-                React.createElement(Newline, null),
-                React.createElement(Text, null,
-                    "Nothing sent to zeroheight, if you want to track component usage data then remove the ",
-                    React.createElement(Text, { italic: true }, "--dry-run"),
-                    " option."),
-                React.createElement(Newline, null))),
-            !dryRun && React.createElement(ContinuePrompt, { onContinue: handleContinue })));
+            React.createElement(ColorUsageTable, { usage: colorUsageResult }),
+            React.createElement(Newline, null),
+            React.createElement(ContinuePrompt, { onContinue: handleSendTuData })));
     }
-    if (usageResult && !promptRepo && showContinue) {
+    if (currentStage === AnalyzeStage.tuSendDataCheck) {
+        return React.createElement(ContinuePrompt, { onContinue: handleSendTuData });
+    }
+    if (currentStage === AnalyzeStage.tuSendSuccess) {
         return (React.createElement(Box, { flexDirection: "column" },
-            dryRun && (React.createElement(React.Fragment, null,
-                React.createElement(Newline, null),
-                React.createElement(Text, null,
-                    "Nothing sent to zeroheight, if you want to track component usage data then remove the ",
-                    React.createElement(Text, { italic: true }, "--dry-run"),
-                    " option."),
-                React.createElement(Newline, null))),
-            !dryRun && React.createElement(ContinuePrompt, { onContinue: handleContinue })));
+            React.createElement(Text, null,
+                React.createElement(Text, { color: "green" }, "Successfully sent:"),
+                " View your",
+                " ",
+                React.createElement(Link, { url: resourceURL.toString() },
+                    React.createElement(Text, { underline: true, color: "#f63e7c" }, "usage data on zeroheight"))),
+            React.createElement(Newline, null),
+            React.createElement(Text, null, "\uD83D\uDC4B See you next time!")));
     }
-    if (promptRepo) {
-        return (React.createElement(RepoNamePrompt, { credentials: credentials, onRepoNameSelected: handleOnRepoNameSelected }));
+    if (currentStage === AnalyzeStage.finished) {
+        return (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Text, null, "\uD83D\uDC4B See you next time!")));
     }
-    return React.createElement(Text, null, "Done");
+    return React.createElement(Text, null, "Analzye complete");
 }

package/dist/components/analyze/non-interactive-analyze.d.ts

@@ -1,10 +1,16 @@
 import React from "react";
-import { RawUsageMap } from "../../commands/analyze.js";
+import { RawColorUsageMap, RawComponentUsageMap } from "../../commands/analyze.js";
 export interface NonInteractiveAnalyzeProps {
     onAnalyzeFiles: () => Promise<{
         errorFile: string | null;
-        usage: RawUsageMap;
+        usage: RawComponentUsageMap;
+    }>;
+    onAnalyzeColorUsage: () => Promise<{
+        errorFile: string | null;
+        usage: RawColorUsageMap;
     }>;
     repoName?: string;
+    shouldAnalyzeComponentUsage: boolean;
+    shouldAnalyzeTokenUsage: boolean;
 }
-export default function NonInteractiveAnalyze({ repoName, onAnalyzeFiles, }: NonInteractiveAnalyzeProps): React.JSX.Element;
+export default function NonInteractiveAnalyze({ repoName, onAnalyzeFiles, onAnalyzeColorUsage, shouldAnalyzeComponentUsage, shouldAnalyzeTokenUsage, }: NonInteractiveAnalyzeProps): React.JSX.Element;