Next.js website for Rocky Mountain Vending company featuring: - Product catalog with Stripe integration - Service areas and parts pages - Admin dashboard with Clerk authentication - SEO optimized pages with JSON-LD structured data Co-authored-by: Cursor <cursoragent@cursor.com>
71 lines
2.8 KiB
Text
71 lines
2.8 KiB
Text
/* eslint-disable @definitelytyped/no-self-import -- self-imports in module augmentations aren't self-imports */
|
|
/* eslint-disable @definitelytyped/no-declare-current-package -- The module augmentations are optional */
|
|
/**
|
|
* These are types for things that are present in the upcoming React 18 release.
|
|
*
|
|
* Once React 18 is released they can just be moved to the main index file.
|
|
*
|
|
* To load the types declared here in an actual project, there are three ways. The easiest one,
|
|
* if your `tsconfig.json` already has a `"types"` array in the `"compilerOptions"` section,
|
|
* is to add `"react-dom/canary"` to the `"types"` array.
|
|
*
|
|
* Alternatively, a specific import syntax can to be used from a typescript file.
|
|
* This module does not exist in reality, which is why the {} is important:
|
|
*
|
|
* ```ts
|
|
* import {} from 'react-dom/canary'
|
|
* ```
|
|
*
|
|
* It is also possible to include it through a triple-slash reference:
|
|
*
|
|
* ```ts
|
|
* /// <reference types="react-dom/canary" />
|
|
* ```
|
|
*
|
|
* Either the import or the reference only needs to appear once, anywhere in the project.
|
|
*/
|
|
|
|
// See https://github.com/facebook/react/blob/main/packages/react-dom/index.js to see how the exports are declared,
|
|
// but confirm with published source code (e.g. https://unpkg.com/react-dom@canary) that these exports end up in the published code
|
|
|
|
import React = require("react");
|
|
import ReactDOM = require(".");
|
|
|
|
export {};
|
|
|
|
declare module "react" {
|
|
// @enableViewTransition
|
|
interface ViewTransitionPseudoElement extends Animatable {
|
|
getComputedStyle: () => CSSStyleDeclaration;
|
|
}
|
|
|
|
interface ViewTransitionInstance {
|
|
group: ViewTransitionPseudoElement;
|
|
imagePair: ViewTransitionPseudoElement;
|
|
old: ViewTransitionPseudoElement;
|
|
new: ViewTransitionPseudoElement;
|
|
}
|
|
|
|
// @enableFragmentRefs
|
|
interface FragmentInstance {
|
|
blur: () => void;
|
|
focus: (focusOptions?: FocusOptions | undefined) => void;
|
|
focusLast: (focusOptions?: FocusOptions | undefined) => void;
|
|
observeUsing(observer: IntersectionObserver | ResizeObserver): void;
|
|
unobserveUsing(observer: IntersectionObserver | ResizeObserver): void;
|
|
getClientRects(): Array<DOMRect>;
|
|
getRootNode(getRootNodeOptions?: GetRootNodeOptions | undefined): Document | ShadowRoot | FragmentInstance;
|
|
addEventListener(
|
|
type: string,
|
|
listener: EventListener,
|
|
optionsOrUseCapture?: Parameters<Element["addEventListener"]>[2],
|
|
): void;
|
|
removeEventListener(
|
|
type: string,
|
|
listener: EventListener,
|
|
optionsOrUseCapture?: Parameters<Element["removeEventListener"]>[2],
|
|
): void;
|
|
dispatchEvent(event: Event): boolean;
|
|
scrollIntoView(alignToTop?: boolean): void;
|
|
}
|
|
}
|