@elementor/editor-canvas 0.7.1 → 0.9.0

package/src/styles-renderer/enqueue-used-fonts.ts

@@ -1,22 +0,0 @@
-import { type StringPropValue } from '@elementor/editor-props';
-import { type StyleDefinition } from '@elementor/editor-styles';
-import { ensureError } from '@elementor/utils';
-
-import { enqueueFont } from '../sync/enqueue-font';
-
-export default function enqueueUsedFonts( styles: StyleDefinition[] ) {
-	try {
-		styles.forEach( ( styleDef ) => {
-			Object.values( styleDef.variants ).forEach( ( variant ) => {
-				const fontFamily = variant.props[ 'font-family' ] as StringPropValue;
-
-				if ( fontFamily?.value ) {
-					enqueueFont( fontFamily.value );
-				}
-			} );
-		} );
-	} catch ( error: unknown ) {
-		// eslint-disable-next-line no-console
-		console.error( `Cannot enqueue font': ${ ensureError( error ).message }` );
-	}
-}

package/src/styles-renderer/index.ts

@@ -1,2 +0,0 @@
-export { default as transformers } from './transformers';
-export { default as render } from './render';

package/src/styles-renderer/resolve.ts

@@ -1,103 +0,0 @@
-import { type PropsSchema } from '@elementor/editor-elements';
-import { isTransformable, type PropKey, type Props, type PropType, type PropValue } from '@elementor/editor-props';
-
-import { getMultiPropsValue, isMultiProps } from './multi-props';
-import { type TransformersMap } from './types';
-
-const TRANSFORM_DEPTH_LIMIT = 3;
-
-type ResolveArgs = {
-	props: Props;
-	schema: PropsSchema;
-	transformers: TransformersMap;
-	signal?: AbortSignal;
-};
-
-export async function resolve( { props, schema, transformers, signal }: ResolveArgs ) {
-	const promises = Promise.all(
-		Object.entries( schema ).map( async ( [ propKey, propType ] ) => {
-			const value = props[ propKey ] ?? propType.default;
-
-			const transformed = await transform( value, propKey, propType, transformers, 0, signal );
-
-			if ( transformed === null ) {
-				return;
-			}
-
-			if ( isMultiProps( transformed ) ) {
-				return getMultiPropsValue( transformed );
-			}
-
-			return { [ propKey ]: transformed };
-		} )
-	);
-
-	return Object.assign( {}, ...( await promises ).filter( Boolean ) );
-}
-
-async function transform(
-	value: PropValue,
-	propKey: PropKey,
-	propType: PropType,
-	transformers: TransformersMap,
-	depth: number = 0,
-	signal?: AbortSignal
-): Promise< unknown > {
-	if ( ! value && value !== 0 ) {
-		return null;
-	}
-
-	if ( ! isTransformable( value ) ) {
-		return value;
-	}
-
-	if ( depth > TRANSFORM_DEPTH_LIMIT ) {
-		return null;
-	}
-
-	if ( value.disabled === true ) {
-		return null;
-	}
-
-	if ( propType.kind === 'union' ) {
-		propType = propType.prop_types[ value.$$type ];
-
-		if ( ! propType ) {
-			return null;
-		}
-	}
-
-	// Warning: This variable is loosely-typed - use with caution.
-	let resolvedValue = value.value;
-
-	if ( propType.kind === 'object' ) {
-		resolvedValue = await resolve( {
-			transformers,
-			props: resolvedValue,
-			schema: propType.shape,
-			signal,
-		} );
-	}
-
-	if ( propType.kind === 'array' ) {
-		resolvedValue = await Promise.all(
-			resolvedValue.map( ( item: PropValue ) =>
-				transform( item, propKey, propType.item_prop_type, transformers, depth, signal )
-			)
-		);
-	}
-
-	const transformer = transformers[ value.$$type ];
-
-	if ( ! transformer ) {
-		return null;
-	}
-
-	try {
-		const transformed = await transformer( resolvedValue, { key: propKey, signal } );
-
-		return transform( transformed, propKey, propType, transformers, depth + 1, signal );
-	} catch {
-		return null;
-	}
-}

package/src/styles-renderer/transformers/background-image-overlay-transformer.ts

@@ -1,31 +0,0 @@
-import { type BackgroundImageOverlayPropValue } from '@elementor/editor-props';
-
-import { type Transformer } from '../types';
-
-export const defaultPositionValue = '0% 0%';
-
-const backgroundImageOverlayTransformer: Transformer< BackgroundImageOverlayPropValue[ 'value' ] > = ( value ) => {
-	const { 'image-src': imageSrc, size = null, position = null, repeat = null, attachment = null } = value;
-
-	let resultBackgroundStyle = imageSrc;
-
-	if ( repeat ) {
-		resultBackgroundStyle += ` ${ repeat }`;
-	}
-
-	if ( attachment ) {
-		resultBackgroundStyle += ` ${ attachment }`;
-	}
-
-	if ( position && ! size ) {
-		resultBackgroundStyle += ` ${ position }`;
-	}
-
-	if ( size ) {
-		resultBackgroundStyle += ` ${ position || defaultPositionValue } / ${ size }`;
-	}
-
-	return resultBackgroundStyle;
-};
-
-export default backgroundImageOverlayTransformer;

package/src/styles-renderer/transformers/stroke-transformer.ts

@@ -1,9 +0,0 @@
-import { type StrokePropValue } from '@elementor/editor-props';
-
-import { type Transformer } from '../types';
-
-const strokeTransformer: Transformer< StrokePropValue[ 'value' ] > = ( value ) => {
-	return `${ value.width } ${ value.color }`;
-};
-
-export default strokeTransformer;

package/src/styles-renderer/types.ts

@@ -1,16 +0,0 @@
-import { type PropValue } from '@elementor/editor-props';
-
-type TransformerOptions = {
-	key: string;
-	signal?: AbortSignal;
-};
-
-type MaybePromise< T > = T | Promise< T >;
-
-export type Transformer< TValue extends PropValue > = (
-	value: TValue,
-	options: TransformerOptions
-) => MaybePromise< PropValue >;
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export type TransformersMap = Record< string, Transformer< any > >;