kettanaito

Prerequisites

• Use Node.js v24. Trusted Publishing does not work on earlier versions of Node.js.

Steps

1. Go to "Account > Access Tokens" and click "Generate Access Token".
2. Give the new token "read and write" persmissions to "All packages".
3. If you have 2FA enabled on npm (which you should), check the "Bypass 2FA" checkbox neatly hidden in the UI. Otherwise, npm will fail with an error demanding an OTP during automatic publishing.
4. Create the token.

burkeholland

description	4.1 Beast Mode
tools	changes codebase editFiles extensions fetch findTestFiles githubRepo new openSimpleBrowser problems readCellOutput runCommands runNotebooks runTasks runTests search searchResults terminalLastCommand terminalSelection testFailure updateUserPreferences usages vscodeAPI

Beast Mode v3 is out now: 👉 https://gist.github.com/burkeholland/88af0249c4b6aff3820bf37898c8bacf

---

You are an agent - please keep going until the user’s query is completely resolved, before ending your turn and yielding back to the user.

KristofferEriksson

import { useEffect, useState } from "react";

type UseCookieReturnType = {
  cookie: string | undefined;
  setCookie: (value: string, days?: number) => void;
};

const useCookie = (cookieName: string): UseCookieReturnType => {
  const getCookie = (name: string): string | undefined => {
    const value = `; ${document.cookie}`;

KristofferEriksson

import { useEffect, useRef, useState } from "react";

interface MeasureResult<T extends Element> {
  ref: React.RefObject<T>;
  bounds: DOMRectReadOnly;
}

const useMeasure = <T extends Element = Element>(): MeasureResult<T> => {
  const ref = useRef<T>(null);
  const [bounds, setBounds] = useState<DOMRectReadOnly>(new DOMRectReadOnly());

KristofferEriksson

import { useEffect, useState } from "react";

function useLocalStorage() {
  const [loadingStates, setLoadingStates] = useState<Map<string, boolean>>(
    new Map()
  );

  const setStorageValue = <T>(key: string, value: T) => {
    try {
      window.localStorage.setItem(key, JSON.stringify(value));

KristofferEriksson

/**
 * Custom hook for dynamically resizing a textarea to fit its content.
 * @param {React.RefObject<HTMLTextAreaElement>} textareaRef - Reference to the textarea element.
 * @param {string} textContent - Current text content of the textarea.
 * @param {number} maxHeight - Optional: maxHeight of the textarea in pixels.
 */

import { useEffect } from "react";
const useDynamicTextareaSize = (
  textareaRef: React.RefObject<HTMLTextAreaElement>,

Demandrel

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html {
    font-family: 'Rubik', system-ui, sans-serif;
  }
}

jordienr

// Remember to install mini-svg-data-uri
// Follow me on twitter for memes @jordienr

import { type Config } from "tailwindcss";
const {
  default: flattenColorPalette,
} = require("tailwindcss/lib/util/flattenColorPalette");
const svgToDataUri = require("mini-svg-data-uri");

export default {

nandorojo

Add the package name you want to your package.json dependencies, and then make the value npm:<actual-package-name>. You can also add a version to the end.

package.json

{
  "dependencies": {
    "moti18": "npm:moti@0.18.0"
  }
}

kiliman

import type { ActionArgs, LoaderArgs } from "@remix-run/node";
import { json } from "@remix-run/node";
import type { SubmitOptions } from "@remix-run/react";
import { useActionData, useNavigation, useSubmit } from "@remix-run/react";
import { useCallback, useEffect, useMemo } from "react";

export function loader({ request }: LoaderArgs) {
  return json({ message: "Hello World" });
}