@google-psat/report 0.10.2 → 0.11.0

package/dist/dashboard/components/header/index.js

@@ -18,9 +18,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * External dependencies.
  */
 import { PrivacySandboxColoredIcon } from '@google-psat/design-system';
-const Header = ({ url, dateTime }) => {
+const Header = ({ url, dateTime, version }) => {
     // @ts-ignore - Global object.
     const isExtension = globalThis?.PSAT_EXTENSION;
-    return (_jsxs("div", { className: "flex justify-between gap-3 px-4 py-2 bg-white dark:bg-charleston-green border-b border-hex-gray dark:border-quartz", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(PrivacySandboxColoredIcon, { className: "w-[40px] h-[40px]" }), _jsxs("div", { children: [url && _jsx("p", { className: "text-xs mb-[1px]", children: url }), _jsx("p", { className: "text-xs mb-[1px]", children: dateTime })] })] }), _jsx("div", { className: "flex items-center text-cente", children: isExtension ? 'PSAT Extension Analysis' : 'PSAT CLI Analysis' })] }));
+    return (_jsxs("div", { className: "flex justify-between gap-3 px-4 py-2 bg-white dark:bg-charleston-green border-b border-hex-gray dark:border-quartz", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(PrivacySandboxColoredIcon, { className: "w-[40px] h-[40px]" }), _jsxs("div", { children: [url && _jsx("p", { className: "text-xs mb-[1px]", children: url }), _jsx("p", { className: "text-xs mb-[1px]", children: dateTime })] })] }), _jsx("div", { className: "flex items-center", children: _jsxs("div", { children: [_jsx("span", { className: "block", children: isExtension ? 'PSAT Extension Analysis' : 'PSAT CLI Analysis' }), _jsx("span", { className: "block text-right text-darkest-gray dark:text-white text-[11px]", children: version ? 'v' + version : '' })] }) })] }));
 };
 export default Header;

package/dist/dashboard/components/siteMapReport/cookies.js

@@ -18,7 +18,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
  * External dependencies.
  */
 import { useCallback, useMemo, useState } from 'react';
-import { noop, } from '@google-psat/common';
+import { noop, extractCookies, } from '@google-psat/common';
 import { useSidebar } from '@google-psat/design-system';
 /**
  * Internal dependencies.
@@ -26,7 +26,6 @@ import { useSidebar } from '@google-psat/design-system';
 import AssembledCookiesLanding from '../siteReport/tabs/cookies/cookiesLandingContainer';
 import SiteReport from '../siteReport';
 import { generateSiteMapReportandDownload } from '../utils/reportDownloader';
-import extractCookies from '../utils/extractCookies';
 const CookiesTab = ({ selectedSite, tabCookies, tabFrames, completeJson, path, libraryMatches, query = '', clearQuery = noop, }) => {
     const isKeySelected = useSidebar(({ actions }) => actions.isKeySelected);
     const [appliedFilters, setAppliedFilters] = useState({});
@@ -56,18 +55,17 @@ const CookiesTab = ({ selectedSite, tabCookies, tabFrames, completeJson, path, l
         }
         await generateSiteMapReportandDownload(completeJson, appliedFilters, path);
     }, [appliedFilters, completeJson, path]);
-    const [siteFilteredCookies, siteFilteredTechnologies, siteFilteredCompleteJson,] = useMemo(() => {
+    const [siteFilteredCookies, siteFilteredCompleteJson] = useMemo(() => {
         const reportData = completeJson?.find((data) => isKeySelected(data.pageUrl));
         if (!reportData) {
             return [{}, [], null];
         }
         const _cookies = extractCookies(reportData.cookieData, '', true);
-        const _technologies = reportData.technologyData;
-        return [_cookies, _technologies, [reportData]];
+        return [_cookies, [reportData]];
     }, [completeJson, isKeySelected]);
     const sitemapPath = 
     // @ts-ignore - Global object
     globalThis?.PSAT_DATA?.siteMapUrl || globalThis?.PSAT_DATA?.selectedSite;
-    return (_jsx(_Fragment, { children: !selectedSite ? (_jsx(AssembledCookiesLanding, { tabCookies: tabCookies, tabFrames: tabFrames, libraryMatches: siteMapLibraryMatches, libraryMatchesUrlCount: libraryMatchesUrlCount, downloadReport: downloadReport, menuBarScrollContainerId: "dashboard-sitemap-layout-container", setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: sitemapPath })) : (_jsx(SiteReport, { cookies: siteFilteredCookies, technologies: siteFilteredTechnologies, completeJson: siteFilteredCompleteJson, selectedSite: selectedSite || '', path: path, libraryMatches: libraryMatches && selectedSite ? libraryMatches[selectedSite] : {}, query: query, clearQuery: clearQuery })) }));
+    return (_jsx(_Fragment, { children: !selectedSite ? (_jsx(AssembledCookiesLanding, { tabCookies: tabCookies, tabFrames: tabFrames, libraryMatches: siteMapLibraryMatches, libraryMatchesUrlCount: libraryMatchesUrlCount, downloadReport: downloadReport, menuBarScrollContainerId: "dashboard-sitemap-layout-container", setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: sitemapPath })) : (_jsx(SiteReport, { cookies: siteFilteredCookies, completeJson: siteFilteredCompleteJson, selectedSite: selectedSite || '', path: path, libraryMatches: libraryMatches && selectedSite ? libraryMatches[selectedSite] : {}, query: query, clearQuery: clearQuery })) }));
 };
 export default CookiesTab;

package/dist/dashboard/components/siteMapReport/layout.js

@@ -19,13 +19,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import React, { useEffect, useMemo, useState } from 'react';
 import { Resizable } from 're-resizable';
-import { noop, } from '@google-psat/common';
+import { noop, reshapeCookies, } from '@google-psat/common';
 import { useSidebar, Sidebar, SIDEBAR_ITEMS_KEYS, File, FileWhite, } from '@google-psat/design-system';
 /**
  * Internal dependencies.
  */
 import SiteMapCookiesWithIssues from './sitemapCookiesWithIssues';
-import reshapeCookies from '../utils/reshapeCookies';
 import CookiesTab from './cookies';
 const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData, path, libraryMatches, }) => {
     const [sites, setSites] = useState([]);
@@ -37,7 +36,8 @@ const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData,
         setSites(Array.from(_sites));
     }, [completeJson]);
     const reshapedCookies = useMemo(() => reshapeCookies(landingPageCookies), [landingPageCookies]);
-    const cookiesWithIssues = useMemo(() => Object.fromEntries(Object.entries(reshapedCookies).filter(([, cookie]) => cookie.isBlocked || cookie.blockedReasons?.length)), [reshapedCookies]);
+    const cookiesWithIssues = useMemo(() => Object.fromEntries(Object.entries(reshapedCookies).filter(([, cookie]) => cookie.isBlocked ||
+        (cookie.blockedReasons && cookie.blockedReasons?.length > 0))), [reshapedCookies]);
     const { activePanel, selectedItemKey, updateSelectedItemKey, isKeySelected } = useSidebar(({ state, actions }) => ({
         activePanel: state.activePanel,
         selectedItemKey: state.selectedItemKey,

package/dist/dashboard/components/siteReport/components/layout.js

@@ -19,23 +19,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import React, { useEffect, useMemo, useRef } from 'react';
 import { Resizable } from 're-resizable';
-import { I18n } from '@google-psat/i18n';
 import { noop } from '@google-psat/common';
-import { Sidebar, useSidebar, SIDEBAR_ITEMS_KEYS, CookieIcon, CookieIconWhite, SiteBoundariesIcon, SiteBoundariesIconWhite, } from '@google-psat/design-system';
+import { Sidebar, useSidebar, SIDEBAR_ITEMS_KEYS, CookieIcon, CookieIconWhite, } from '@google-psat/design-system';
 /**
  * Internal dependencies.
  */
 import { useContentStore } from '../stateProviders/contentStore';
 import CookiesTab from '../tabs/cookies';
 import SiteCookiesWithIssues from '../tabs/siteCookiesWithIssues';
-import Technologies from '../tabs/technologies';
 const Layout = ({ selectedSite, setSidebarData, query = '', clearQuery = noop, }) => {
-    const { technologies, completeJson } = useContentStore(({ state }) => ({
-        technologies: state.technologies,
+    const { completeJson } = useContentStore(({ state }) => ({
         completeJson: state.completeJson,
     }));
     const frameUrls = useMemo(() => {
-        const frames = Object.keys(completeJson?.[0].cookieData ?? {});
+        const frames = Object.keys(completeJson?.[0]?.cookieData ?? {});
         return frames.filter((url) => url?.includes('http'));
     }, [completeJson]);
     const { activePanel, selectedItemKey, updateSelectedItemKey } = useSidebar(({ state, actions }) => ({
@@ -81,7 +78,7 @@ const Layout = ({ selectedSite, setSidebarData, query = '', clearQuery = noop, }
                         //@ts-ignore
                         Element: CookieIconWhite,
                     },
-                    isBlurred: Object.keys(completeJson?.[0].cookieData?.[url]?.frameCookies || {}).length === 0,
+                    isBlurred: Object.keys(completeJson?.[0]?.cookieData?.[url]?.frameCookies || {}).length === 0,
                 };
                 return acc;
             }, {});
@@ -91,29 +88,6 @@ const Layout = ({ selectedSite, setSidebarData, query = '', clearQuery = noop, }
                     selectedSite,
                 },
             };
-            if (technologies && technologies.length > 0) {
-                _data[SIDEBAR_ITEMS_KEYS.TECHNOLOGIES] = {
-                    title: I18n.getMessage('technologies'),
-                    children: {},
-                    icon: {
-                        //@ts-ignore
-                        Element: SiteBoundariesIcon,
-                    },
-                    selectedIcon: {
-                        //@ts-ignore
-                        Element: SiteBoundariesIconWhite,
-                    },
-                    panel: {
-                        Element: Technologies,
-                        props: {
-                            selectedSite,
-                        },
-                    },
-                };
-            }
-            else {
-                delete _data[SIDEBAR_ITEMS_KEYS.TECHNOLOGIES];
-            }
             return _data;
         });
     }, [
@@ -124,7 +98,6 @@ const Layout = ({ selectedSite, setSidebarData, query = '', clearQuery = noop, }
         selectedItemKey,
         selectedSite,
         setSidebarData,
-        technologies,
     ]);
     useEffect(() => {
         if (selectedItemKey === null) {

package/dist/dashboard/components/siteReport/index.js

@@ -26,8 +26,8 @@ import { SidebarProvider } from '@google-psat/design-system';
 import { Provider as ContentStoreProvider } from './stateProviders/contentStore';
 import Layout from './components/layout';
 import Tabs from './tabs';
-const SiteReport = ({ cookies, technologies, completeJson, selectedSite, path, libraryMatches, query = '', clearQuery = noop, }) => {
+const SiteReport = ({ cookies, completeJson, selectedSite, path, libraryMatches, query = '', clearQuery = noop, }) => {
     const [data, setData] = useState(Tabs);
-    return (_jsx(ContentStoreProvider, { cookies: cookies, technologies: technologies, completeJson: completeJson, libraryMatches: libraryMatches, path: path, children: _jsx(SidebarProvider, { data: data, children: _jsx(Layout, { selectedSite: selectedSite, setSidebarData: setData, query: query, clearQuery: clearQuery }) }) }));
+    return (_jsx(ContentStoreProvider, { cookies: cookies, completeJson: completeJson, libraryMatches: libraryMatches, path: path, children: _jsx(SidebarProvider, { data: data, children: _jsx(Layout, { selectedSite: selectedSite, setSidebarData: setData, query: query, clearQuery: clearQuery }) }) }));
 };
 export default SiteReport;

package/dist/dashboard/components/siteReport/stateProviders/contentStore/index.js

@@ -18,27 +18,21 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * External dependencies.
  */
 import { useMemo } from 'react';
-import { useContextSelector, createContext, } from '@google-psat/common';
-/**
- * Internal dependencies.
- */
-import reshapeCookies from '../../../utils/reshapeCookies';
+import { useContextSelector, createContext, reshapeCookies, } from '@google-psat/common';
 const initialState = {
     state: {
         tabCookies: {},
-        technologies: [],
         completeJson: null,
         path: '',
         libraryMatches: null,
     },
 };
 export const Context = createContext(initialState);
-export const Provider = ({ cookies, technologies, completeJson, children, path, libraryMatches, }) => {
+export const Provider = ({ cookies, completeJson, children, path, libraryMatches, }) => {
     const tabCookies = useMemo(() => reshapeCookies(cookies), [cookies]);
     return (_jsx(Context.Provider, { value: {
             state: {
                 tabCookies,
-                technologies,
                 completeJson,
                 path,
                 libraryMatches,

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/knownBreakages.js

@@ -47,7 +47,7 @@ const KnownBreakages = ({ libraryMatches, libraryMatchesUrlCount, }) => {
                     ?.domQuerymatches
                 : null;
             return (_jsx(Component, { matches: matches, domQueryMatches: domQueryMatches, urlCount: libraryMatchesUrlCount?.[library.name] }, library.name));
-        }) })) : (_jsx("p", { className: "text-center dark:text-bright-gray", children: I18n.getMessage('noLibraries') }));
+        }) })) : (_jsx("p", { className: "text-center text-gray  dark:text-bright-gray", children: I18n.getMessage('noLibraries') }));
     return (_jsx(CookiesLandingWrapper, { dataMapping: dataMapping, testId: "library-detection", description: "", children: _jsx("div", { className: "divide-y divide-hex-gray", children: result }) }));
 };
 export default KnownBreakages;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/landing.js

@@ -105,6 +105,9 @@ const Landing = ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, lib
     const menuData = useMemo(() => sections.map(({ name, link }) => ({ name, link })), [sections]);
     return (_jsxs(_Fragment, { children: [_jsx(MenuBar, { disableReportDownload: false, downloadReport: 
                 // @ts-ignore -- PSAT_DATA is not present in globalThis type.
-                globalThis?.PSAT_DATA?.hideDownloadButton ? undefined : downloadReport, menuData: menuData, scrollContainerId: menuBarScrollContainerId, extraClasses: "top-[85px]" }), sections.map(({ link, panel: { Element, props } }) => (_jsx("div", { id: link, className: "cookie-landing-section", children: Element && _jsx(Element, { ...(props || {}) }) }, link)))] }));
+                globalThis?.PSAT_DATA?.hideDownloadButton ||
+                    Object.keys(tabCookies ?? {}).length === 0
+                    ? undefined
+                    : downloadReport, menuData: menuData, scrollContainerId: menuBarScrollContainerId, extraClasses: "top-[85px]" }), sections.map(({ link, panel: { Element, props } }) => (_jsx("div", { id: link, className: "cookie-landing-section", children: Element && _jsx(Element, { ...(props || {}) }) }, link)))] }));
 };
 export default Landing;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/index.js

@@ -31,7 +31,7 @@ const AssembledCookiesLanding = ({ tabCookies, tabFrames, setAppliedFilters, dow
     const cookies = useMemo(() => Object.values(tabCookies || {}), [tabCookies]);
     const filterOutput = useGlobalFiltering(cookies, query, clearQuery);
     // @ts-ignore Using global variable.
-    const { dateTime } = globalThis?.PSAT_DATA || {};
+    const { dateTime, psatVersion } = globalThis?.PSAT_DATA || {};
     const cookiesByKey = useMemo(() => {
         return (filterOutput.filteredData.reduce((acc, cookie) => {
             const cookieKey = getCookieKey(cookie.parsedCookie);
@@ -42,12 +42,13 @@ const AssembledCookiesLanding = ({ tabCookies, tabFrames, setAppliedFilters, dow
             return acc;
         }, {}) || {});
     }, [filterOutput.filteredData]);
-    const cookiesWithIssues = useMemo(() => Object.fromEntries(Object.entries(cookiesByKey).filter(([, cookie]) => cookie.isBlocked)), [cookiesByKey]);
+    const cookiesWithIssues = useMemo(() => Object.fromEntries(Object.entries(cookiesByKey).filter(([, cookie]) => cookie.isBlocked ||
+        (cookie.blockedReasons && cookie.blockedReasons?.length > 0))), [cookiesByKey]);
     useEffect(() => {
         setAppliedFilters(filterOutput.selectedFilters);
     }, [filterOutput.selectedFilters, setAppliedFilters]);
     const [showFilterSidebar, setShowFilterSidebar] = useState(false);
-    return (_jsxs("div", { className: "h-full flex flex-col", children: [_jsx(Header, { url: url, dateTime: dateTime }), _jsxs("div", { className: "flex justify-center items-center flex-1 border-b border-gray-300 dark:border-quartz bg-anti-flash-white dark:bg-raisin-black", children: [_jsx("button", { className: "w-3 h-3 m-1 pl-1", onClick: () => setShowFilterSidebar(!showFilterSidebar), title: I18n.getMessage('openFilterOptions'), children: _jsx(FilterIcon, { className: showFilterSidebar
+    return (_jsxs("div", { className: "h-full flex flex-col", children: [_jsx(Header, { url: url, dateTime: dateTime, version: psatVersion }), _jsxs("div", { className: "flex justify-center items-center flex-1 border-b border-gray-300 dark:border-quartz bg-anti-flash-white dark:bg-raisin-black", children: [_jsx("button", { className: "w-3 h-3 m-1 pl-1", onClick: () => setShowFilterSidebar(!showFilterSidebar), title: I18n.getMessage('openFilterOptions'), children: _jsx(FilterIcon, { className: showFilterSidebar
                                 ? 'text-royal-blue dark:text-medium-persian-blue'
                                 : 'text-mischka' }) }), _jsx(ChipsBar, { selectedFilters: filterOutput.selectedFilters, resetFilters: filterOutput.resetFilters, toggleFilterSelection: filterOutput.toggleFilterSelection })] }), _jsxs("div", { className: "flex grow-0", style: {
                     height: 'calc(100% - 82px)',

package/dist/dashboard/components/siteReport/tabs/cookies/index.js

@@ -32,7 +32,7 @@ const CookiesTab = ({ selectedFrameUrl, selectedSite, query = '', clearQuery = n
     }));
     const [appliedFilters, setAppliedFilters] = useState({});
     const tabFrames = useMemo(() => {
-        const frames = Object.keys(completeJson?.[0].cookieData ?? {}).reduce((acc, _url) => {
+        const frames = Object.keys(completeJson?.[0]?.cookieData ?? {}).reduce((acc, _url) => {
             if (_url?.includes('http')) {
                 acc[_url] = {};
             }

package/dist/dashboard/components/urlsWithIssues/index.js

@@ -43,10 +43,6 @@ const ErroredOutUrls = ({ erroredOutUrls }) => {
         },
     ], []);
     const filters = useMemo(() => ({}), []);
-    const searchKeys = useMemo(() => ['url'], []);
-    const tablePersistentSettingsKey = useMemo(() => {
-        return 'urlsWithIssues';
-    }, []);
     return (_jsxs("div", { className: "w-full h-full text-outer-space-crayola border-x border-american-silver dark:border-quartz flex flex-col", children: [_jsx(Resizable, { defaultSize: {
                     width: '100%',
                     height: '80%',
@@ -55,7 +51,7 @@ const ErroredOutUrls = ({ erroredOutUrls }) => {
                     right: false,
                     bottom: true,
                     left: false,
-                }, className: "h-full flex", children: _jsx(TableProvider, { data: erroredOutUrls, tableColumns: tableColumns, tableFilterData: filters, tableSearchKeys: searchKeys, tablePersistentSettingsKey: tablePersistentSettingsKey, onRowClick: (row) => {
+                }, className: "h-full flex", children: _jsx(TableProvider, { data: erroredOutUrls, tableColumns: tableColumns, tableFilterData: filters, tableSearchKeys: ['url'], tablePersistentSettingsKey: "urlsWithIssues", onRowClick: (row) => {
                         setSelectedRow(row);
                     }, onRowContextMenu: noop, getRowObjectKey: (row) => {
                         return row.originalData.url;

package/dist/dashboard/components/utils/extractReportData.js

@@ -19,9 +19,15 @@
 import extractCookies from './extractCookies';
 const extractReportData = (data) => {
     const landingPageCookies = {};
+    const erroredOutUrlsData = [];
     const technologies = [];
     const consolidatedLibraryMatches = {};
-    data.forEach(({ cookieData, pageUrl, libraryMatches, technologyData }) => {
+    data.forEach(({ cookieData, pageUrl, libraryMatches, technologyData, erroredOutUrls, }) => {
+        erroredOutUrlsData.push(...(erroredOutUrls ?? []));
+        if (erroredOutUrls &&
+            erroredOutUrls.filter(({ url }) => url === pageUrl).length > 0) {
+            return;
+        }
         formatCookieData(extractCookies(cookieData, pageUrl, true), landingPageCookies);
         technologies.push(...technologyData.map((technology) => ({
             ...technology,
@@ -32,6 +38,7 @@ const extractReportData = (data) => {
     return {
         landingPageCookies,
         consolidatedLibraryMatches,
+        erroredOutUrlsData,
     };
 };
 const formatCookieData = (cookieData, store) => {

package/dist/dashboard/components/utils/reportDownloader/generateSiteMapReportandDownload.js

@@ -18,7 +18,7 @@
  */
 import JSZip from 'jszip';
 import { saveAs } from 'file-saver';
-import { getCurrentDateAndTime } from '@google-psat/common';
+import { generateRootSummaryDataCSV, getCurrentDateAndTime, } from '@google-psat/common';
 import {} from '@google-psat/design-system';
 /**
  * Internal dependencies
@@ -37,7 +37,9 @@ const generateSiteMapReportandDownload = async (JSONReport, appliedFilters, path
         createZip(data, appliedFilters, zipFolder);
     });
     const report = generateSitemapHTMLFile(JSONReport, appliedFilters);
+    const rootSummaryData = generateRootSummaryDataCSV(JSONReport);
     zip.file('report.html', report);
+    zip.file('report.csv', rootSummaryData);
     const content = await zip.generateAsync({ type: 'blob' });
     saveAs(content, `psat_cli_report_${getFolderName(path)}_${getCurrentDateAndTime('YYYY-MM-DD_HH-MM-SS')}.zip`);
 };

package/dist/dashboard/components/utils/reportDownloader/utils.js

@@ -1,31 +1,15 @@
-/*
- * Copyright 2023 Google LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     https://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { generateCookiesWithIssuesCSV, generateAllCookiesCSV, generateSummaryDataCSV, generateTechnologyCSV, } from '@google-psat/common';
+import { generateCookiesWithIssuesCSV, generateAllCookiesCSV, generateSummaryDataCSV, } from '@google-psat/common';
 import {} from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import packageJson from '../../../../../package.json';
 const generateCSVFiles = (data) => {
     const allCookiesCSV = generateAllCookiesCSV(data);
-    let technologyDataCSV = null;
-    if (data.technologyData.length > 0) {
-        technologyDataCSV = generateTechnologyCSV(data);
-    }
     const cookiesWithIssuesDataCSV = generateCookiesWithIssuesCSV(data);
     const summaryDataCSV = generateSummaryDataCSV(data);
     return {
         allCookiesCSV,
-        technologyDataCSV,
         cookiesWithIssuesDataCSV,
         summaryDataCSV,
     };
@@ -64,6 +48,8 @@ const generateHTMLFile = (analysisData, appliedFilters) => {
         // @ts-ignore -- because this data will already be injected from cli or the extension.
         dateTime: globalThis?.PSAT_DATA.dateTime,
         hideDownloadButton: true,
+        // @ts-ignore -- because this data will already be injected from cli or the extension.
+        psatVersion: globalThis?.PSAT_DATA.psatVersion ?? packageJson.version,
     };
     let code = `window.PSAT_DATA = ${JSON.stringify(reportData)};`;
     // @ts-ignore -- because this data will already be injected from cli or the extension.
@@ -113,6 +99,8 @@ export const generateSitemapHTMLFile = (analysisData, appliedFilters) => {
         dateTime: globalThis?.PSAT_DATA.dateTime,
         appliedFilters,
         hideDownloadButton: true,
+        // @ts-ignore -- because this data will already be injected from cli or the extension.
+        psatVersion: globalThis?.PSAT_DATA.psatVersion ?? packageJson.version,
     };
     const code = `window.PSAT_DATA = ${JSON.stringify(reportData)}`;
     script.text = code;
@@ -123,12 +111,9 @@ export const generateSitemapHTMLFile = (analysisData, appliedFilters) => {
     return html;
 };
 export const createZip = (analysisData, appliedFilters, zipObject) => {
-    const { allCookiesCSV, technologyDataCSV, cookiesWithIssuesDataCSV, summaryDataCSV, } = generateCSVFiles(analysisData);
+    const { allCookiesCSV, cookiesWithIssuesDataCSV, summaryDataCSV } = generateCSVFiles(analysisData);
     const file = generateHTMLFile(analysisData, appliedFilters);
     zipObject.file('cookies.csv', allCookiesCSV);
-    if (technologyDataCSV) {
-        zipObject.file('technologies.csv', technologyDataCSV);
-    }
     zipObject.file('cookie-issues.csv', cookiesWithIssuesDataCSV);
     zipObject.file('report.csv', summaryDataCSV);
     zipObject.file('report.json', JSON.stringify(analysisData, null, 4));

package/dist/dashboard/components/utils/tests/data.mock.js

@@ -20,6 +20,7 @@ import {} from '@google-psat/common';
 export const tempSinglePageData = {
     pageUrl: 'https://edition.cnn.com/sitemaps/sitemap-section.xml',
     libraryMatches: {},
+    erroredOutUrls: [],
     cookieData: {
         'https://edition.cnn.com': {
             frameCookies: {
@@ -72,6 +73,7 @@ export const tempMultiPageData = [
     {
         libraryMatches: {},
         pageUrl: 'https://www.cnn.com/index.html',
+        erroredOutUrls: [],
         technologyData: [
             {
                 slug: 'varnish',
@@ -124,6 +126,7 @@ export const tempMultiPageData = [
     {
         libraryMatches: {},
         pageUrl: 'https://edition.cnn.com/index.html',
+        erroredOutUrls: [],
         technologyData: [
             {
                 slug: 'varnish',

package/dist/dashboard/components/utils/tests/extractReportData.js

@@ -22,6 +22,7 @@ describe('extractReportData', () => {
     it('should return an empty object if no cookies are present', () => {
         expect(extractReportData([])).toEqual({
             landingPageCookies: {},
+            erroredOutUrlsData: [],
             consolidatedLibraryMatches: {},
         });
     });
@@ -55,6 +56,7 @@ describe('extractReportData', () => {
                     },
                 },
             },
+            erroredOutUrlsData: [],
             consolidatedLibraryMatches: {
                 'https://edition.cnn.com/index.html': {},
                 'https://www.cnn.com/index.html': {},

package/dist/dashboard/index.js

@@ -15,5 +15,3 @@
  */
 export { default as SiteReport } from './components/siteReport';
 export { default as SiteMapReport } from './components/siteMapReport';
-export { default as extractReportData } from './components/utils/extractReportData';
-export { default as extractCookies } from './components/utils/extractCookies';

package/dist-types/dashboard/components/header/index.d.ts

@@ -1,6 +1,7 @@
 interface HeaderProps {
     url: string | undefined | null;
     dateTime: string;
+    version: string;
 }
-declare const Header: ({ url, dateTime }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: ({ url, dateTime, version }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Header;

package/dist-types/dashboard/components/siteReport/index.d.ts

@@ -1,11 +1,10 @@
-import { type CompleteJson, type CookieJsonDataType, type LibraryData, type TechnologyData } from '@google-psat/common';
+import { type CompleteJson, type CookieJsonDataType, type LibraryData } from '@google-psat/common';
 interface SiteReportProps {
     cookies: {
         [frame: string]: {
             [key: string]: CookieJsonDataType;
         };
     };
-    technologies: TechnologyData[];
     completeJson: CompleteJson[] | null;
     selectedSite: string | null;
     path: string;
@@ -13,5 +12,5 @@ interface SiteReportProps {
     query?: string;
     clearQuery?: () => void;
 }
-declare const SiteReport: ({ cookies, technologies, completeJson, selectedSite, path, libraryMatches, query, clearQuery, }: SiteReportProps) => import("react/jsx-runtime").JSX.Element;
+declare const SiteReport: ({ cookies, completeJson, selectedSite, path, libraryMatches, query, clearQuery, }: SiteReportProps) => import("react/jsx-runtime").JSX.Element;
 export default SiteReport;

package/dist-types/dashboard/components/siteReport/stateProviders/contentStore/index.d.ts

@@ -2,13 +2,12 @@
  * External dependencies.
  */
 import { type PropsWithChildren } from 'react';
-import { type CompleteJson, type CookieJsonDataType, type CookieTableData, type TechnologyData, type LibraryData } from '@google-psat/common';
+import { type CompleteJson, type CookieJsonDataType, type CookieTableData, type LibraryData } from '@google-psat/common';
 export interface ContentStore {
     state: {
         tabCookies: {
             [key: string]: CookieTableData;
         };
-        technologies: TechnologyData[] | undefined;
         completeJson: CompleteJson[] | null;
         path: string;
         libraryMatches: LibraryData | null;
@@ -21,12 +20,11 @@ interface ContentStoreProviderProps {
             [key: string]: CookieJsonDataType;
         };
     };
-    technologies?: TechnologyData[];
     completeJson: CompleteJson[] | null;
     path: string;
     libraryMatches: LibraryData | null;
 }
-export declare const Provider: ({ cookies, technologies, completeJson, children, path, libraryMatches, }: PropsWithChildren<ContentStoreProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Provider: ({ cookies, completeJson, children, path, libraryMatches, }: PropsWithChildren<ContentStoreProviderProps>) => import("react/jsx-runtime").JSX.Element;
 export declare function useContentStore(): ContentStore;
 export declare function useContentStore<T>(selector: (state: ContentStore) => T): T;
 export {};

package/dist-types/dashboard/components/utils/extractReportData.d.ts

@@ -1,11 +1,12 @@
 /**
  * External dependencies
  */
-import type { CompleteJson, LibraryData } from '@google-psat/common';
+import type { CompleteJson, ErroredOutUrlsData, LibraryData } from '@google-psat/common';
 declare const extractReportData: (data: CompleteJson[]) => {
     landingPageCookies: {};
     consolidatedLibraryMatches: {
         [url: string]: LibraryData;
     };
+    erroredOutUrlsData: ErroredOutUrlsData[];
 };
 export default extractReportData;

package/dist-types/dashboard/index.d.ts

@@ -1,4 +1,2 @@
 export { default as SiteReport } from './components/siteReport';
 export { default as SiteMapReport } from './components/siteMapReport';
-export { default as extractReportData } from './components/utils/extractReportData';
-export { default as extractCookies } from './components/utils/extractCookies';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@google-psat/report",
-  "version": "0.10.2",
+  "version": "0.11.0",
   "description": "Static HTML analysis report",
   "main": "dist/index.js",
   "types": "dist-types/index.d.ts",