Ebrahim-Ramadan

<input type="text" maxlength="6">

<style>
input[type=text] {
  --w: 1ch;   /* control the width for each letter */
  --g: .15em; /* the gap between letters */
  --b: 2px;   /* the border thickness */
 
  --c: #888;
  --_n: attr(maxlength type(<integer>)); 

Ebrahim-Ramadan

function push {
    param (
        [string]$message
    )
    git add .
    git commit -m $message
    git push
}

Ebrahim-Ramadan

import * as vscode from 'vscode';
import { Ollama } from 'ollama';

let panel: vscode.WebviewPanel | undefined = undefined;

// Initialize Ollama client
const ollama = new Ollama({
    host: 'http://localhost:11434'  // default Ollama host
});

Ebrahim-Ramadan

export default function Home() {
  let searchParams = useSearchParams(); 
  let [search, setSearch] = useState(searchParams.get('search') ?? ''); 
  
  let { data, isPlaceholderData } = useQuery({
    queryKey: ['people', search],
    queryFn: async () => {
      let res = await fetch(`/api/people?search=${search}`);
      let data = await res.json();

Ebrahim-Ramadan

import { NextRequest, NextResponse } from 'next/server';
import { words } from './words';

export const dynamic = 'force-dynamic';


const getRandomWord = () => {
    const randomIndex = Math.floor(Math.random() * words.length);
    return words[randomIndex];
  };

Ebrahim-Ramadan

import { headers } from "next/headers";
export function geoLocation() {
  const headersList = headers();
    return {
      ip: headersList.get("x-real-ip"),
      country: headersList.get("x-vercel-ip-country"), 
      city: headersList.get("x-vercel-ip-city"),
  };
}

Ebrahim-Ramadan

export const copyToClipboard = async (dataUrl: string) => {
  try {
    // Convert the Data URL to a Blob
    const response = await fetch(dataUrl);
    const blob = await response.blob();
    
    // Check if the image is in a supported format, convert if necessary
    let pngBlob = blob;
    if (blob.type !== 'image/png') {

Ebrahim-Ramadan

  export const updateDocumentsWithVinyls = async () => {
    try {
      const collectionRef = collection(db, 'frames');
      const querySnapshot = await getDocs(collectionRef);
      
      for (const docSnapshot of querySnapshot.docs) {
        const documentData = docSnapshot.data();
        
        // Check if the document has a 'keywords' field and it's a comma-separated string

Ebrahim-Ramadan

// components/TopLoadingIndicator.js
import { useEffect, useState } from 'react';
import { useRouter } from 'next/router';

const TopLoadingIndicator = () => {
  const router = useRouter();
  const [loading, setLoading] = useState(false);

  useEffect(() => {
    const handleStart = () => {

Ebrahim-Ramadan

import * as React from "react"

export function useDebounce(
  value
  delay
  callback
) {
  const [debouncedValue, setDebouncedValue] = React.useState(value)

  React.useEffect(() => {