Marius Bongarts MariusBongarts

Software Engineer @ Audi Business Innovation GmbH

MariusBongarts / manifest.json

Created February 2, 2023 06:42

	{
	"action": {
	"default_title": "Chrome History Dashboard",
	"default_popup": "./index.html",
	"default_icon": {
	"16": "images/icon16.png", // optional
	"24": "images/icon24.png", // optional
	"32": "images/icon32.png" // optional
	},
	}

MariusBongarts / History.tsx

Created February 1, 2023 07:30

	export const History: React.FC<HistoryProps> = ({ items }) => {
	return (
	<StyledList>
	{items.map((item) => (
	<HistoryItem key={item.id} item={item} />
	))}
	</StyledList>
	);
	};

MariusBongarts / History.tsx

Created February 1, 2023 07:29

MariusBongarts / Dashboard.tsx

Created February 1, 2023 07:28

	import React from "react";
	import { useChromeHistorySearch } from "../hooks/useChromeHistorySearch";
	import { History } from "./History";

	interface DashboardProps {}

	const query = { text: "", maxResults: 100 };

	export const Dashboard: React.FC<DashboardProps> = () => {
	const mostRecentItems = useChromeHistorySearch(query);

MariusBongarts / HistoryItem.tsx

Created February 1, 2023 07:21

	import React from "react";

	interface HistoryItemProps {
	item: chrome.history.HistoryItem;
	}

	export const HistoryItem: React.FC<HistoryItemProps> = ({ item }) => {
	return (
	<li>
	<span>{new Date(item.lastVisitTime ?? 0).toLocaleTimeString()}</span>

MariusBongarts / History.tsx

Last active March 10, 2023 08:08

	import React from "react";
	import { HistoryItem } from "./HistoryItem";
	import { StyledList } from "./History.styled";

	const MemoizedHistoryItem = React.memo(HistoryItem);

	interface HistoryProps {
	items: chrome.history.HistoryItem[];
	}

MariusBongarts / index.tsx

Last active January 30, 2023 07:29

	import React from "react";
	import ReactDOM from "react-dom/client";
	import App from "./App";

	const rootElement = document.createElement("div");
	rootElement.id = "chrome-history-dashboard";
	document.body.appendChild(rootElement);

	const root = ReactDOM.createRoot(rootElement);
	root.render(

MariusBongarts / index.html

Last active January 30, 2023 07:33

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Chrome History Dashboard</title>
	<style>
	body {

MariusBongarts / manifest.json

Created January 30, 2023 07:11

	{
	"name": "chrome-history-extension",
	"description": "Chrome extension that accesses the chrome history API to read the browser history and display it in our own personalized React dashboard",
	"version": "1.0.0",
	"manifest_version": 3,
	"action": {
	"default_title": "Chrome History Dashboard",
	"default_popup": "./index.html"
	}
	}

MariusBongarts / manifest.json

Created January 30, 2023 07:02

	{
	"name": "Chrome History Extension",
	"version": "1.0.0",
	"manifest_version": 3
	}