Cacher is the code snippet organizer for pro developers

# RSYNC useful commands
    - Install: `apt install rsync`
    - Use: `rsync [OPTIONS] SOURCE DESTINATION`

- **Copy/Sync File Locally**
    - `rsync -zvh /source/file /dest/folder/` 
    
- **Copy/Sync Directory Locally**
    - `rsync -avzh /source/folder /dest/other-folder/`

- **Copy a Directory from Local to Remote Server**
    - `rsync -avzh /local-source/folder user@192.168.0.141:/root/`
    

{
    "type": "object",
    "properties": {
        "vendor": { "type": "string" },
        "invoice_number": { "type": "string" },
        "amount": { "type": "number" }
    }
}

{
  "id": "chatcmpl-123",
  "object": "chat.completion",
  "created": 1677652288,
  "model": "gpt-4o",
  "choices": [
    {
      "index": 0,
      "message": {
        "role": "assistant",
        "content": "{\n  \"vendor\": \"Example Inc.\",\n  \"invoice_number\": \"INV-2023-001\",\n  \"amount\": 150.00\n}"
      },
      "finish_reason": "stop"
    }
  ],
  "usage": {
    "prompt_tokens": 9,
    "completion_tokens": 12,
    "total_tokens": 21
  }
}

## The Essential Role of Payment Testing in Modern Development

In the modern era of software development, building a robust e-commerce platform requires more than just a sleek user interface and a functional product catalog. The heart of any online business lies in its payment processing system. Ensuring that this system handles transactions accurately, securely, and efficiently is paramount for user trust and business continuity. This is where the strategic use of test credit card numbers beco

import { useEffect, useState } from "react"

export function useLocalStorage(key, initialValue) {
  const [value, setValue] = useState(() => {
    const localValue = localStorage.getItem(key)
    if (localValue == null) {
      if (typeof initialValue === "function") {
        return initialValue()
      } else {
        return initialValue
      }
    } else {
      return JSON.parse(localValue)
    }
  })

  useEffect(() => {
    if (value === undefined) {
      localStorage.

import { useState, useCallback } from "react"

export function useArray(initialValue) {
  const [array, setArray] = useState(initialValue)

  const push = useCallback(element => {
    setArray(a => [...a, element])
  }, [])

  const replace = useCallback((index, newElement) => {
    setArray(a => {
      return [...a.slice(0, index), newElement, ...a.slice(index + 1)]
    })
  }, [])

  const filter = useCallback(callback => {
    setArray(a => {
      return a.filter(callback)

/**
 * @param {number} n
 * @return {number}
 */
var binaryGap = function(n) {
    // Convert the number to its binary string representation.
    // Example: 22 -> "10110"
    const binary = n.toString(2);

    // This will store the index of the *previous* '1' we saw.
    // We start with null because we haven't seen any '1' yet.
    let prevOneIndex = null;

    // This will track the maximum distance found so far.
    let maxDistance = 0;

    // Loop through each character in the binary stri

'use client';

import { useState } from 'react';
import { Target, Edit2, Check, X } from 'lucide-react';
import { Budget } from '../lib/types';
import { formatCurrency } from '../lib/utils';

interface BudgetOverviewProps {
  budgets: Budget[];
  onUpdateBudget: (category: string, newLimit: number) => void;
}

export default function BudgetOverview({ budgets, onUpdateBudget }: BudgetOverviewProps) {
  const [editingCategory, setEditingCategory] = useState<string | null>(null);
  co

a rag agent using mastra.ai and mongodb with workspaces setup with agent skills as well with a knowlege base that is stored in the browser for now , we need to be able to supply a url and then the site witll be crawled and all the documentation and code examples will be added to the knowlegebase, we needs to beablel to upload pdf,markdown, html, css, js, jsx,ts,tsx,python,mp3,mp4,jpeg,jpg,png,webp,codesnippetts,notes,and bookmaarks as well, agent memory needs to be persisted in sqlite.

<div class="box"></div>

<div class="for_status_bars"></div>
<div class="for_tab_bars"></div>

/* ==UserStyle==
@name           Stylus Editor - Solarized Light Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A Solarized Light theme for the Stylus extension editor.
@author         Gemini 2.5 Pro
==/UserStyle== */
@-moz-document url-prefix("chrome-extension://clngdbkpkpeebahjckkjfobafhncgmne/edit.html") {

    /* Solarized Light Palette */
    :root {
        --base03: #002b36;
        --base02: #073642;
        --base01: #586e75;
        --base00: #

# Switch to main branch
git checkout main

# Get latest changes from remote
git pull origin main

# Create new feature branch
git checkout -b feature/<issue-number>-short-description

# Stage specific file (recommended)
git add filename.cs

# OR stage all changes (use carefully)
git add .

#  Check what will be committed
git status

#  Commit with clear message
git commit -m "feat: short clear description"

#  Push branch (first time)
git push -u origin feature/<issue-number>-short-description

# Lambda Nano-functions アンチパターン

## 概要

1処理1Lambdaに細分化する設計パターン。通称 "Lambda per method" / "Nano-functions"。
通常のプログラミングにおける関数分割をそのままLambda分割に持ち上げる構成。

## 問題点

### 1. レイテンシの劣化

- Lambda間呼び出しでは、コールドスタート（実行環境が未起動の状態からランタイムの初期化・コードのロードを行う時間。Java: 数百ms〜数s、Python/Node: 100〜500ms程度）が各Lambdaで発生しうる
- プロセス内関数呼び出しのオーバーヘッドはμs単位。Lambda間呼び出しはネットワークホップ（Lambda AがLambda Bを呼ぶ際に経由するネットワーク通信の1区間）を含むためms〜s単位
- 3段チェーン（Lambda A → Lambda B → Lambda Cのように3つのLambdaが直列に呼び出し合う構成）の場合、最悪ケースでコールドスタートが3回直列に発生し、合計レイテンシが数秒に達する

###

# Lambda Nano-functions アンチパターン

## 概要

1処理1Lambdaに細分化する設計パターン。通称 "Lambda per method" / "Nano-functions"。
通常のプログラミングにおける関数分割をそのままLambda分割に持ち上げる構成。

## 問題点

### 1. レイテンシの劣化

- Lambda間呼び出しでは、コールドスタート（実行環境が未起動の状態からランタイムの初期化・コードのロードを行う時間。Java: 数百ms〜数s、Python/Node: 100〜500ms程度）が各Lambdaで発生しうる
- プロセス内関数呼び出しのオーバーヘッドはμs単位。Lambda間呼び出しはネットワークホップ（Lambda AがLambda Bを呼ぶ際に経由するネットワーク通信の1区間）を含むためms〜s単位
- 3段チェーン（Lambda A → Lambda B → Lambda Cのように3つのLambdaが直列に呼び出し合う構成）の場合、最悪ケースでコールドスタートが3回直列に発生し、合計レイテンシが数秒に達する

###

# httpOnly Cookie の誤解 ― 「読めない」は「悪用できない」ではない

## よくある誤解

> 「Cookie を httpOnly にすれば JavaScript から読めないので安全」

半分正しく、半分間違い。httpOnly 属性は `document.cookie` 経由での読み取りを防ぐが、**Cookie を読めなくても悪用できる**という点が見落とされがち。

---

## 何が起きるのか ― CSRF（Cross-Site Request Forgery）

ブラウザには「リクエスト送信時に、対象ドメインの Cookie を自動的に付与する」という仕様がある。`credentials: "include"` を指定した fetch API も例外ではない。

攻撃者はこの仕様を利用して、**Cookie の中身を一切知らないまま**、被害者のブラウザに正規リクエストを送信させることができる。

### 攻撃の流れ

```
1. 被害者が target-site.com にログイン済み
   → セッション Cookie がブラウザに保存されてい