Null dennnnnnnnnnn

FAQ on the xz-utils backdoor (CVE-2024-3094)

This is a living document. Everything in this document is made in good faith of being accurate, but like I just said; we don't yet know everything about what's going on.

Update: I've disabled comments as of 2025-01-26 to avoid everyone having notifications for something a year on if someone wants to suggest a correction. Folks are free to email to suggest corrections still, of course.

Background

NOTICE: Arc now supports Windows 10 officially. This guide is no longer necessary.

As this is not an official way of installing Arc, if you encounter any issues do NOT report them to the developers, they did not intend for people to be running Arc on Windows 10.

	// useful links:
	// custom easing by Lochie (x.com/lochieaxon): https://www.easing.dev
	// motion-primitives by Ibelick (x.com/Ibelick): https://motion-primitives.com/docs
	// The Magic of Clip Path article by Emil Kowalski (x.com/emilkowalski_): https://emilkowal.ski/ui/the-magic-of-clip-path

	// we use same transition for every element to make it look consistent
	const transition: Transition = {
	duration: 2.5,
	// custom easing from https://www.easing.dev
	ease: [0.175, 0.885, 0.32, 1],

	"use client";

	import React, { useEffect, useId, useState } from "react";
	import { motion, AnimatePresence, MotionConfig } from "framer-motion";
	import { PlusIcon, XIcon } from "lucide-react";
	import { createPortal } from "react-dom";
	import { cn } from "@/lib/utils";
	import { buttonVariants } from "../button";

	const transition = {

	// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
	// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
	(() => {
	const SHOW_SIDES = false; // color sides of DOM nodes?
	const COLOR_SURFACE = true; // color tops of DOM nodes?
	const COLOR_RANDOM = false; // randomise color?
	const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
	const MAX_ROTATION = 180; // set to 360 to rotate all the way round
	const THICKNESS = 20; // thickness of layers
	const DISTANCE = 10000; // ¯\\_(ツ)_/¯

	import { useCallback, useState } from "react";

	// Custom hook to copy text to clipboard
	const useCopyToClipboard = (timeoutDuration: number = 1000) => {
	const [copied, setCopied] = useState(false);
	const [error, setError] = useState<Error \| null>(null);

	const copyToClipboard = useCallback(
	async (text: string) => {
	try {

	// zod schema
	z.object({
	// valid if string or:
	optional: z.string().optional(), // field not provided, or explicitly `undefined`
	nullable: z.string().nullable(), // field explicitly `null`
	nullish: z.string().nullish(), // field not provided, explicitly `null`, or explicitly `undefined`
	});

	// type
	{


	/**
	* Modifies legacy html to match TipTap document structure,
	* without losing content.
	*
	* Images in paragraphs, links with images inside,
	* links not in paragraphs and YouTube videos
	* are taken care of.
	*
	* Images are assumed to be configured as blocks in TipTap.

	import {
	fromUnixTime,
	format,
	} from "date-fns"

	/**
	* Checks if a timezone string is valid or not
	*
	* We do this to catch typos.
	*

	import * as React from 'react'

	const originalSetItem = localStorage.setItem
	localStorage.setItem = function() {
	const event = new Event('storageChange')
	document.dispatchEvent(event)
	originalSetItem.apply(this, arguments)
	}
	const originalRemoveItem = localStorage.removeItem
	localStorage.removeItem = function() {