@metamask/snaps-sdk
Version:
A library containing the core functionality for building MetaMask Snaps
49 lines • 2.22 kB
JavaScript
/**
* The JSX runtime for Snaps SDK components. This function is used to render
* Snap components into a format that can be used by the Snaps.
*
* This is the "production" version of the runtime, which does not include
* additional validation, as it is handled by MetaMask. To use this runtime,
* specify `@metamask/snaps-sdk` as import source for JSX, and use `react-jsx`
* as the pragma.
*
* @param component - The component to render.
* @param props - The props to pass to the component.
* @param key - The key of the component.
* @returns The rendered component.
* @see https://www.typescriptlang.org/tsconfig/#jsx
*/
export function jsx(component, props, key) {
if (typeof component === 'string') {
// If component is a string, it is a built-in HTML element. This is not
// supported in Snaps, so we throw an error.
throw new Error(`An HTML element ("${String(component)}") was used in a Snap component, which is not supported by Snaps UI. Please use one of the supported Snap components.`);
}
if (!component) {
// If component is undefined, a JSX fragment `<>...</>` was used, which is
// not supported in Snaps.
throw new Error('A JSX fragment was used in a Snap component, which is not supported by Snaps UI. Please use one of the supported Snap components.');
}
return component({ ...props, key });
}
/**
* The JSX runtime for Snaps SDK components. This function is used to render
* Snap components into a format that can be used by the Snaps.
*
* The `jsxs` function is used for rendering nested components.
*
* This is the "production" version of the runtime, which does not include
* additional validation, as it is handled by MetaMask. To use this runtime,
* specify `@metamask/snaps-sdk` as import source for JSX, and use `react-jsx`
* as the pragma.
*
* @param component - The component to render.
* @param props - The props to pass to the component.
* @param key - The key of the component.
* @returns The rendered component.
* @see https://www.typescriptlang.org/tsconfig/#jsx
*/
export function jsxs(component, props, key) {
return jsx(component, props, key);
}
//# sourceMappingURL=jsx-runtime.mjs.map