MariusBongarts

type LabeledTuple = [first: string, second: string];

MariusBongarts

import fs from "fs/promises";

const getFileResource = async (path: string) => {
  const fileResource = await fs.open(path, "r");
  return {
    fileResource,
    [Symbol.asyncDispose]: async () => {
      await fileResource?.close();
      console.log("Cleanup done");      
    },

MariusBongarts

(async () => {
  let fileResource;
  try {
    fileResource = await fs.open("file.txt", "r");
    // Do stuff with fileResource
  } finally {
    await fileResource?.close();
    console.log("Cleanup done");
  }
})();

MariusBongarts

{
  const getResource = () => {
    return {
      [Symbol.dispose]: () => {
        console.log('Clean up done!')
      }
    }
  }
  using resource = getResource();
} // 'Clean up done!' logged to console because `resource` left the scope

MariusBongarts

NEON COLORS:

• Neon Orange: #ffad2a (RGB: 255, 173, 42)
• Neon Red: #f887f (RGB: 248, 135, 127)
• Neon Yellow: #f8fc46 (RGB: 248, 252, 70)
• Neon Green: #77e68a (RGB: 119, 230, 138)
• Olive Green: #00c87a (RGB: 0, 200, 122)
• Neon Blue: #3cbefc (RGB: 60, 190, 252)
• Neon Violet: #9d64e2 (RGB: 157, 100, 226)
• Neon Pink: #fb83b3 (RGB: 251, 131, 179)
• Lilac: #f447d1 (RGB: 244, 71, 209)

MariusBongarts

type HistoryItem = chrome.history.HistoryItem;
export const useChromeHistorySearch = (
  query: chrome.history.HistoryQuery
): HistoryItem[] => {
  const [historyItems, setHistoryItems] = useState<HistoryItem[]>([]);
  useEffect(() => {
    chrome.history
      .search(query)
      .then((historyItems) => setHistoryItems(historyItems))
      .catch(() => setHistoryItems([]));

MariusBongarts

import React from "react";
import { truncateString, urlWithoutSchema } from "../services/helper";
import {
  StyledInfo,
  StyledHistoryItem,
  StyledItemLink,
  StyledTitle,
  StyledTime,
} from "./HistoryItem.styled";

MariusBongarts

export const StyledInfo = styled.div`
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  row-gap: 2px;
  padding: 4px;
`;

export const StyledItemLink = styled.a`
  color: var(--light-grey);

MariusBongarts

import React from "react";
import { truncateString, urlWithoutSchema } from "../services/helper";
import {
  StyledInfo,
  StyledHistoryItem,
  StyledItemLink,
  StyledTitle,
  StyledTime,
} from "./HistoryItem.styled";

MariusBongarts

useEffect(() => {
  chrome.history.search({ text: "", maxResults: 10 }, (data) => {
    console.log(data);
  });
}, []);