ErfanEbrahimnia

import { useRef, type ClipboardEvent } from "react";
import { useDropzone } from "react-dropzone";

function Dropzone() {
  const inputRef = useRef<HTMLInputElement>(null)
  const {
   getRootProps,
   getInputProps,
 } = useDropzone({...});
 

ErfanEbrahimnia

import { useLayoutEffect, useRef, useState } from "react";
import { flushSync } from "react-dom";

export function useResizeScale<
  ContainerRef extends HTMLElement,
  InnerRef extends HTMLElement,
>({ width }: { width: number }) {
  const containerRef = useRef<ContainerRef | null>(null);
  const innerRef = useRef<InnerRef | null>(null);
  const [innerStyle, setInnerStyle] = useState<React.CSSProperties>({});

ErfanEbrahimnia

import { type NextRequest, NextResponse } from "next/server";

export function middleware(request: NextRequest) {
  return basicAuth(request);
}

function basicAuth(request: NextRequest) {
  const authHeader = request.headers.get("Authorization");
  const validCredentials = process.env.BASIC_AUTH_CREDENTIALS; // e.g. admin:12345

ErfanEbrahimnia

@property --rotation {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@property --pos-x {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;

ErfanEbrahimnia

'use strict';

var _ = require('lodash');

/**
 * @class StateMachine
 * @constructor
 */
function StateMachine(options) {
    /**

ErfanEbrahimnia

// Javascript

var $form = $('#form-id'),
error;

$form.submit(function()
{  			  
	error = 0;
	
	// check if radio groups are selected