@wordpress/create-block-tutorial-template 1.4.0 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## Unreleased
 
+## 2.0.0 (2022-03-03)
+
+### Breaking Change
+
+-   Bring project's template compatibility with `@wordpress/create-block` v3 ([#39049](https://github.com/WordPress/gutenberg/pull/39049)).
+
+### Enhancement
+
+-   Update project template configuration and templates to synchronize with the updated [Create a Block Tutorial](https://developer.wordpress.org/block-editor/getting-started/create-block/) ([#39049](https://github.com/WordPress/gutenberg/pull/39049)).
+
 ## 1.4.0 (2022-01-27)
 
 ### Enhancement

package/README.md

@@ -1,6 +1,6 @@
 # Create Block Tutorial Template
 
-This is a template for [`@wordpress/create-block`](/packages/create-block/README.md) that is the finished version of the block in the official [WordPress Tutorial](/docs/getting-started/create-block/README.md) for the block editor.
+This is a template for [`@wordpress/create-block`](https://github.com/WordPress/gutenberg/tree/HEAD/packages/create-block/README.md) that is the finished version of the block in the official [WordPress Tutorial](https://github.com/WordPress/gutenberg/tree/HEAD/docs/getting-started/create-block/README.md) for the block editor.
 
 ## Usage
 
@@ -10,4 +10,10 @@ This block template can be used by running the following command:
 npx  @wordpress/create-block --template @wordpress/create-block-tutorial-template
 ```
 
-<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>
+## Contributing to this package
+
+This is an individual package that's part of the Gutenberg project. The project is organized as a monorepo. It's made up of multiple self-contained software packages, each with a specific purpose. The packages in this monorepo are published to [npm](https://www.npmjs.com/) and used by [WordPress](https://make.wordpress.org/core/) as well as other software projects.
+
+To find out more about contributing to this package or Gutenberg as a whole, please read the project's main [contributor guide](https://github.com/WordPress/gutenberg/tree/HEAD/CONTRIBUTING.md).
+
+<br /><br /><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>

package/{templates/src → block-templates}/edit.js.mustache

@@ -28,11 +28,10 @@ import { useBlockProps } from '@wordpress/block-editor';
 export default function Edit( { attributes, setAttributes } ) {
 	const blockProps = useBlockProps();
 	return (
-		<div { ...blockProps }>
-			<TextControl
-				value={ attributes.message }
-				onChange={ ( val ) => setAttributes( { message: val } ) }
-			/>
-		</div>
+		<TextControl
+			{ ...blockProps }
+			value={ attributes.message }
+			onChange={ ( val ) => setAttributes( { message: val } ) }
+		/>
 	);
 }

package/block-templates/editor.scss.mustache

@@ -0,0 +1,13 @@
+/**
+ * The following styles get applied inside the editor only.
+ *
+ * Replace them with your own styles or remove the file completely.
+ */
+
+.wp-block-{{namespace}}-{{slug}} input[type='text'] {
+	font-family: Gilbert;
+	font-size: 64px;
+	color: inherit;
+	background: inherit;
+	border: 0;
+}

package/{templates/src → block-templates}/index.js.mustache

@@ -36,12 +36,10 @@ registerBlockType( '{{namespace}}/{{slug}}', {
 			message: '{{title}}',
 		},
 	},
-
 	/**
 	 * @see ./edit.js
 	 */
 	edit: Edit,
-
 	/**
 	 * @see ./save.js
 	 */

package/index.js

@@ -6,7 +6,6 @@ const { join } = require( 'path' );
 module.exports = {
 	defaultValues: {
 		slug: 'gutenpride',
-		namespace: 'create-block-tutorial',
 		category: 'text',
 		title: 'Gutenpride',
 		description:
@@ -23,6 +22,7 @@ module.exports = {
 			html: false,
 		},
 	},
-	templatesPath: join( __dirname, 'templates' ),
+	pluginTemplatesPath: join( __dirname, 'plugin-templates' ),
+	blockTemplatesPath: join( __dirname, 'block-templates' ),
 	assetsPath: join( __dirname, 'assets' ),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/create-block-tutorial-template",
-	"version": "1.4.0",
+	"version": "2.0.0",
 	"description": "Template for @wordpress/create-block used in the official WordPress tutorial.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -21,5 +21,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d95ccb9366e249133cdb1d7b25c382446b9ee502"
+	"gitHead": "bc1ccad6698ada7ea0096df8e55a188fcd3a1a26"
 }

package/{templates → plugin-templates}/$slug.php.mustache

@@ -1,12 +1,15 @@
 <?php
 /**
  * Plugin Name:       {{title}}
+{{#pluginURI}}
+ * Plugin URI:        {{{pluginURI}}}
+{{/pluginURI}}
 {{#description}}
  * Description:       {{description}}
 {{/description}}
+ * Version:           {{version}}
  * Requires at least: 5.8
  * Requires PHP:      7.0
- * Version:           {{version}}
 {{#author}}
  * Author:            {{author}}
 {{/author}}
@@ -17,6 +20,12 @@
  * License URI:       {{{licenseURI}}}
 {{/licenseURI}}
  * Text Domain:       {{textdomain}}
+{{#domainPath}}
+ * Domain Path:       {{{domainPath}}}
+{{/domainPath}}
+{{#updateURI}}
+ * Update URI:        {{{updateURI}}}
+{{/updateURI}}
  *
  * @package           {{namespace}}
  */
@@ -29,6 +38,6 @@
  * @see https://developer.wordpress.org/reference/functions/register_block_type/
  */
 function {{namespaceSnakeCase}}_{{slugSnakeCase}}_block_init() {
-	register_block_type( __DIR__ );
+	register_block_type( __DIR__ . '/build' );
 }
 add_action( 'init', '{{namespaceSnakeCase}}_{{slugSnakeCase}}_block_init' );

package/templates/src/editor.scss.mustache

@@ -1,14 +0,0 @@
-/**
- * The following styles get applied inside the editor only.
- *
- * Replace them with your own styles or remove the file completely.
- */
-
-.wp-block-{{namespace}}-{{slug}} {
-	border: 1px dotted #f00;
-
-	input[type="text"] {
-		font-family: Gilbert, sans-serif;
-		font-size: 64px;
-	}
-}