@wordpress/block-editor 12.12.0 → 12.13.0

package/src/utils/transform-styles/ast/stringify/compiler.js

@@ -1,50 +0,0 @@
-// Adapted from https://github.com/reworkcss/css
-// because we needed to remove source map support.
-
-/**
- * Expose `Compiler`.
- */
-
-export default Compiler;
-
-/**
- * Initialize a compiler.
- */
-
-function Compiler( opts ) {
-	this.options = opts || {};
-}
-
-/**
- * Emit `str`
- */
-
-Compiler.prototype.emit = function ( str ) {
-	return str;
-};
-
-/**
- * Visit `node`.
- */
-
-Compiler.prototype.visit = function ( node ) {
-	return this[ node.type ]( node );
-};
-
-/**
- * Map visit over array of `nodes`, optionally using a `delim`
- */
-
-Compiler.prototype.mapVisit = function ( nodes, delim ) {
-	let buf = '';
-	delim = delim || '';
-
-	for ( let i = 0, length = nodes.length; i < length; i++ ) {
-		buf += this.visit( nodes[ i ] );
-		if ( delim && i < length - 1 ) {
-			buf += this.emit( delim );
-		}
-	}
-
-	return buf;
-};

package/src/utils/transform-styles/ast/stringify/compress.js

@@ -1,238 +0,0 @@
-// Adapted from https://github.com/reworkcss/css
-// because we needed to remove source map support.
-
-/**
- * External dependencies
- */
-import inherits from 'inherits';
-
-/**
- * Internal dependencies
- */
-import Base from './compiler';
-
-/**
- * Expose compiler.
- */
-
-export default Compiler;
-
-/**
- * Initialize a new `Compiler`.
- */
-
-function Compiler( options ) {
-	Base.call( this, options );
-}
-
-/**
- * Inherit from `Base.prototype`.
- */
-
-inherits( Compiler, Base );
-
-/**
- * Compile `node`.
- */
-
-Compiler.prototype.compile = function ( node ) {
-	return node.stylesheet.rules.map( this.visit, this ).join( '' );
-};
-
-/**
- * Visit comment node.
- */
-
-Compiler.prototype.comment = function ( node ) {
-	return this.emit( '', node.position );
-};
-
-/**
- * Visit import node.
- */
-
-Compiler.prototype.import = function ( node ) {
-	return this.emit( '@import ' + node.import + ';', node.position );
-};
-
-/**
- * Visit media node.
- */
-
-Compiler.prototype.media = function ( node ) {
-	return (
-		this.emit( '@media ' + node.media, node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( node.rules ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit container node.
- */
-
-Compiler.prototype.container = function ( node ) {
-	return (
-		this.emit( '@container ' + node.container, node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( node.rules ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit document node.
- */
-
-Compiler.prototype.document = function ( node ) {
-	const doc = '@' + ( node.vendor || '' ) + 'document ' + node.document;
-
-	return (
-		this.emit( doc, node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( node.rules ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit charset node.
- */
-
-Compiler.prototype.charset = function ( node ) {
-	return this.emit( '@charset ' + node.charset + ';', node.position );
-};
-
-/**
- * Visit namespace node.
- */
-
-Compiler.prototype.namespace = function ( node ) {
-	return this.emit( '@namespace ' + node.namespace + ';', node.position );
-};
-
-/**
- * Visit supports node.
- */
-
-Compiler.prototype.supports = function ( node ) {
-	return (
-		this.emit( '@supports ' + node.supports, node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( node.rules ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit keyframes node.
- */
-
-Compiler.prototype.keyframes = function ( node ) {
-	return (
-		this.emit(
-			'@' + ( node.vendor || '' ) + 'keyframes ' + node.name,
-			node.position
-		) +
-		this.emit( '{' ) +
-		this.mapVisit( node.keyframes ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit keyframe node.
- */
-
-Compiler.prototype.keyframe = function ( node ) {
-	const decls = node.declarations;
-
-	return (
-		this.emit( node.values.join( ',' ), node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( decls ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit page node.
- */
-
-Compiler.prototype.page = function ( node ) {
-	const sel = node.selectors.length ? node.selectors.join( ', ' ) : '';
-
-	return (
-		this.emit( '@page ' + sel, node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( node.declarations ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit font-face node.
- */
-
-Compiler.prototype[ 'font-face' ] = function ( node ) {
-	return (
-		this.emit( '@font-face', node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( node.declarations ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit host node.
- */
-
-Compiler.prototype.host = function ( node ) {
-	return (
-		this.emit( '@host', node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( node.rules ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit custom-media node.
- */
-
-Compiler.prototype[ 'custom-media' ] = function ( node ) {
-	return this.emit(
-		'@custom-media ' + node.name + ' ' + node.media + ';',
-		node.position
-	);
-};
-
-/**
- * Visit rule node.
- */
-
-Compiler.prototype.rule = function ( node ) {
-	const decls = node.declarations;
-	if ( ! decls.length ) {
-		return '';
-	}
-
-	return (
-		this.emit( node.selectors.join( ',' ), node.position ) +
-		this.emit( '{' ) +
-		this.mapVisit( decls ) +
-		this.emit( '}' )
-	);
-};
-
-/**
- * Visit declaration node.
- */
-
-Compiler.prototype.declaration = function ( node ) {
-	return (
-		this.emit( node.property + ':' + node.value, node.position ) +
-		this.emit( ';' )
-	);
-};

package/src/utils/transform-styles/ast/stringify/identity.js

@@ -1,286 +0,0 @@
-/* eslint-disable @wordpress/no-unused-vars-before-return */
-
-// Adapted from https://github.com/reworkcss/css
-// because we needed to remove source map support.
-
-/**
- * External dependencies
- */
-import inherits from 'inherits';
-
-/**
- * Internal dependencies
- */
-import Base from './compiler';
-
-/**
- * Expose compiler.
- */
-
-export default Compiler;
-
-/**
- * Initialize a new `Compiler`.
- */
-
-function Compiler( options ) {
-	options = options || {};
-	Base.call( this, options );
-	this.indentation = options.indent;
-}
-
-/**
- * Inherit from `Base.prototype`.
- */
-
-inherits( Compiler, Base );
-
-/**
- * Compile `node`.
- */
-
-Compiler.prototype.compile = function ( node ) {
-	return this.stylesheet( node );
-};
-
-/**
- * Visit stylesheet node.
- */
-
-Compiler.prototype.stylesheet = function ( node ) {
-	return this.mapVisit( node.stylesheet.rules, '\n\n' );
-};
-
-/**
- * Visit comment node.
- */
-
-Compiler.prototype.comment = function ( node ) {
-	return this.emit(
-		this.indent() + '/*' + node.comment + '*/',
-		node.position
-	);
-};
-
-/**
- * Visit import node.
- */
-
-Compiler.prototype.import = function ( node ) {
-	return this.emit( '@import ' + node.import + ';', node.position );
-};
-
-/**
- * Visit media node.
- */
-
-Compiler.prototype.media = function ( node ) {
-	return (
-		this.emit( '@media ' + node.media, node.position ) +
-		this.emit( ' {\n' + this.indent( 1 ) ) +
-		this.mapVisit( node.rules, '\n\n' ) +
-		this.emit( this.indent( -1 ) + '\n}' )
-	);
-};
-
-/**
- * Visit container node.
- */
-
-Compiler.prototype.container = function ( node ) {
-	return (
-		this.emit( '@container ' + node.container, node.position ) +
-		this.emit( ' {\n' + this.indent( 1 ) ) +
-		this.mapVisit( node.rules, '\n\n' ) +
-		this.emit( this.indent( -1 ) + '\n}' )
-	);
-};
-
-/**
- * Visit document node.
- */
-
-Compiler.prototype.document = function ( node ) {
-	const doc = '@' + ( node.vendor || '' ) + 'document ' + node.document;
-
-	return (
-		this.emit( doc, node.position ) +
-		this.emit( ' ' + ' {\n' + this.indent( 1 ) ) +
-		this.mapVisit( node.rules, '\n\n' ) +
-		this.emit( this.indent( -1 ) + '\n}' )
-	);
-};
-
-/**
- * Visit charset node.
- */
-
-Compiler.prototype.charset = function ( node ) {
-	return this.emit( '@charset ' + node.charset + ';', node.position );
-};
-
-/**
- * Visit namespace node.
- */
-
-Compiler.prototype.namespace = function ( node ) {
-	return this.emit( '@namespace ' + node.namespace + ';', node.position );
-};
-
-/**
- * Visit supports node.
- */
-
-Compiler.prototype.supports = function ( node ) {
-	return (
-		this.emit( '@supports ' + node.supports, node.position ) +
-		this.emit( ' {\n' + this.indent( 1 ) ) +
-		this.mapVisit( node.rules, '\n\n' ) +
-		this.emit( this.indent( -1 ) + '\n}' )
-	);
-};
-
-/**
- * Visit keyframes node.
- */
-
-Compiler.prototype.keyframes = function ( node ) {
-	return (
-		this.emit(
-			'@' + ( node.vendor || '' ) + 'keyframes ' + node.name,
-			node.position
-		) +
-		this.emit( ' {\n' + this.indent( 1 ) ) +
-		this.mapVisit( node.keyframes, '\n' ) +
-		this.emit( this.indent( -1 ) + '}' )
-	);
-};
-
-/**
- * Visit keyframe node.
- */
-
-Compiler.prototype.keyframe = function ( node ) {
-	const decls = node.declarations;
-
-	return (
-		this.emit( this.indent() ) +
-		this.emit( node.values.join( ', ' ), node.position ) +
-		this.emit( ' {\n' + this.indent( 1 ) ) +
-		this.mapVisit( decls, '\n' ) +
-		this.emit( this.indent( -1 ) + '\n' + this.indent() + '}\n' )
-	);
-};
-
-/**
- * Visit page node.
- */
-
-Compiler.prototype.page = function ( node ) {
-	const sel = node.selectors.length ? node.selectors.join( ', ' ) + ' ' : '';
-
-	return (
-		this.emit( '@page ' + sel, node.position ) +
-		this.emit( '{\n' ) +
-		this.emit( this.indent( 1 ) ) +
-		this.mapVisit( node.declarations, '\n' ) +
-		this.emit( this.indent( -1 ) ) +
-		this.emit( '\n}' )
-	);
-};
-
-/**
- * Visit font-face node.
- */
-
-Compiler.prototype[ 'font-face' ] = function ( node ) {
-	return (
-		this.emit( '@font-face ', node.position ) +
-		this.emit( '{\n' ) +
-		this.emit( this.indent( 1 ) ) +
-		this.mapVisit( node.declarations, '\n' ) +
-		this.emit( this.indent( -1 ) ) +
-		this.emit( '\n}' )
-	);
-};
-
-/**
- * Visit host node.
- */
-
-Compiler.prototype.host = function ( node ) {
-	return (
-		this.emit( '@host', node.position ) +
-		this.emit( ' {\n' + this.indent( 1 ) ) +
-		this.mapVisit( node.rules, '\n\n' ) +
-		this.emit( this.indent( -1 ) + '\n}' )
-	);
-};
-
-/**
- * Visit custom-media node.
- */
-
-Compiler.prototype[ 'custom-media' ] = function ( node ) {
-	return this.emit(
-		'@custom-media ' + node.name + ' ' + node.media + ';',
-		node.position
-	);
-};
-
-/**
- * Visit rule node.
- */
-
-Compiler.prototype.rule = function ( node ) {
-	const indent = this.indent();
-	const decls = node.declarations;
-	if ( ! decls.length ) {
-		return '';
-	}
-
-	return (
-		this.emit(
-			node.selectors
-				.map( function ( s ) {
-					return indent + s;
-				} )
-				.join( ',\n' ),
-			node.position
-		) +
-		this.emit( ' {\n' ) +
-		this.emit( this.indent( 1 ) ) +
-		this.mapVisit( decls, '\n' ) +
-		this.emit( this.indent( -1 ) ) +
-		this.emit( '\n' + this.indent() + '}' )
-	);
-};
-
-/**
- * Visit declaration node.
- */
-
-Compiler.prototype.declaration = function ( node ) {
-	return (
-		this.emit( this.indent() ) +
-		this.emit( node.property + ': ' + node.value, node.position ) +
-		this.emit( ';' )
-	);
-};
-
-/**
- * Increase, decrease or return current indentation.
- */
-
-Compiler.prototype.indent = function ( level ) {
-	this.level = this.level || 1;
-
-	if ( null !== level ) {
-		this.level += level;
-		return '';
-	}
-
-	return Array( this.level ).join( this.indentation || '  ' );
-};
-
-/* eslint-enable @wordpress/no-unused-vars-before-return */

package/src/utils/transform-styles/ast/stringify/index.js

@@ -1,32 +0,0 @@
-// Adapted from https://github.com/reworkcss/css
-// because we needed to remove source map support.
-
-/**
- * Internal dependencies
- */
-import Compressed from './compress';
-import Identity from './identity';
-
-/**
- * Stringfy the given AST `node`.
- *
- * Options:
- *
- *  - `compress` space-optimized output
- *  - `sourcemap` return an object with `.code` and `.map`
- *
- * @param {Object} node
- * @param {Object} [options]
- * @return {string}
- */
-
-export default function ( node, options ) {
-	options = options || {};
-
-	const compiler = options.compress
-		? new Compressed( options )
-		: new Identity( options );
-
-	const code = compiler.compile( node );
-	return code;
-}

package/src/utils/transform-styles/test/__snapshots__/traverse.js.snap

@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CSS traverse Should traverse the CSS 1`] = `
-"namespace h1 {
-color: red;
-}"
-`;

package/src/utils/transform-styles/test/traverse.js

@@ -1,24 +0,0 @@
-/**
- * Internal dependencies
- */
-import traverse from '../traverse';
-
-describe( 'CSS traverse', () => {
-	it( 'Should traverse the CSS', () => {
-		const input = `h1 { color: red; }`;
-		const output = traverse( input, ( node ) => {
-			if ( node.type === 'rule' ) {
-				return {
-					...node,
-					selectors: node.selectors.map(
-						( selector ) => 'namespace ' + selector
-					),
-				};
-			}
-
-			return node;
-		} );
-
-		expect( output ).toMatchSnapshot();
-	} );
-} );

package/src/utils/transform-styles/transforms/test/__snapshots__/url-rewrite.js.snap

@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`URL rewrite should not replace absolute paths 1`] = `
-"h1 {
-background: url(/images/test.png);
-}"
-`;
-
-exports[`URL rewrite should not replace remote paths 1`] = `
-"h1 {
-background: url(http://wp.org/images/test.png);
-}"
-`;
-
-exports[`URL rewrite should replace complex relative paths 1`] = `
-"h1 {
-background: url(http://wp-site.local/themes/gut/images/test.png);
-}"
-`;
-
-exports[`URL rewrite should replace relative paths 1`] = `
-"h1 {
-background: url(http://wp-site.local/themes/gut/css/images/test.png);
-}"
-`;