<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[9845] sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts: Handbook plugin: Introduce a block for callout boxes.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/9845">9845</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/9845","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ocean90</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2020-05-11 07:47:03 +0000 (Mon, 11 May 2020)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Handbook plugin: Introduce a block for callout boxes.
As an alternative to the shortcodes, this brings a new callout block to the handbooks.
See <a href="http://meta.trac.wordpress.org/ticket/5205">#5205</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookhandbookphp">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/handbook.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookwpenvjson">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/.wp-env.json</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookincblocksphp">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/inc/blocks.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookpackagejson">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/package.json</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptsblocksassetphp">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.asset.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptsblocksjs">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.js</a></li>
<li>sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/</li>
<li>sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/</li>
<li>sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/</li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscallouteditjs">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/edit.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscallouteditorcss">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/editor.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscalloutindexjs">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscallouttransformsjs">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/transforms.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscalloutvariationsjs">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/variations.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblocksjs">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks.js</a></li>
</ul>
<h3>Property Changed</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbook">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscripts">sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook 2020-05-10 11:19:07 UTC (rev 9844)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook 2020-05-11 07:47:03 UTC (rev 9845)
</ins><a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbook"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnignore"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:ignore</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+node_modules
</ins><a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookwpenvjson"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/.wp-env.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/.wp-env.json (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/.wp-env.json 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,4 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{
+ "core": "WordPress/WordPress#master",
+ "plugins": [ "." ]
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookhandbookphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/handbook.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/handbook.php 2020-05-10 11:19:07 UTC (rev 9844)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/handbook.php 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,17 +5,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Author: Nacin
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-require_once dirname( __FILE__ ) . '/inc/admin-notices.php';
-require_once dirname( __FILE__ ) . '/inc/callout-boxes.php';
-require_once dirname( __FILE__ ) . '/inc/glossary.php';
-require_once dirname( __FILE__ ) . '/inc/navigation.php';
-require_once dirname( __FILE__ ) . '/inc/breadcrumbs.php';
-require_once dirname( __FILE__ ) . '/inc/table-of-contents.php';
-require_once dirname( __FILE__ ) . '/inc/template-tags.php';
-require_once dirname( __FILE__ ) . '/inc/email-post-changes.php';
-require_once dirname( __FILE__ ) . '/inc/walker.php';
-require_once dirname( __FILE__ ) . '/inc/watchlist.php';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const WPORG_HANDBOOK_PLUGIN_FILE = __FILE__;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+require_once __DIR__ . '/inc/admin-notices.php';
+require_once __DIR__ . '/inc/callout-boxes.php';
+require_once __DIR__ . '/inc/glossary.php';
+require_once __DIR__ . '/inc/navigation.php';
+require_once __DIR__ . '/inc/breadcrumbs.php';
+require_once __DIR__ . '/inc/table-of-contents.php';
+require_once __DIR__ . '/inc/template-tags.php';
+require_once __DIR__ . '/inc/email-post-changes.php';
+require_once __DIR__ . '/inc/walker.php';
+require_once __DIR__ . '/inc/watchlist.php';
+require_once __DIR__ . '/inc/blocks.php';
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Initialize our handbooks
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -155,7 +158,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> return $post_states;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Adds custom handbook-related classes to body tag.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -437,7 +440,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> register_sidebar( $sidebar_args );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- require_once dirname( __FILE__ ) . '/inc/widgets.php';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ require_once __DIR__ . '/inc/widgets.php';
</ins><span class="cx" style="display: block; padding: 0 10px"> register_widget( 'WPorg_Handbook_Pages_Widget' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookincblocksphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/inc/blocks.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/inc/blocks.php (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/inc/blocks.php 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,60 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Class providing blocks for the block editor.
+ *
+ * @package handbook
+ */
+
+class WPorg_Handbook_Blocks {
+
+ /**
+ * Initializes handbook blocks.
+ */
+ public static function init() {
+ add_action( 'init', array( __CLASS__, 'do_init' ) );
+ }
+
+ /**
+ * Fires on 'init' action.
+ *
+ * @access public
+ */
+ public static function do_init() {
+ $script_path = plugin_dir_path( WPORG_HANDBOOK_PLUGIN_FILE ) . 'scripts/blocks.js';
+ $script_asset_path = plugin_dir_path( WPORG_HANDBOOK_PLUGIN_FILE ) . 'scripts/blocks.asset.php';
+ $script_asset = file_exists( $script_asset_path ) ?
+ require $script_asset_path :
+ [
+ 'dependencies' => [],
+ 'version' => filemtime( $script_path ),
+ ];
+
+ // TODO: Update after https://github.com/WordPress/gutenberg/issues/14801 is fixed.
+ wp_register_style(
+ 'wporg-handbook-blocks',
+ plugins_url( 'scripts/src/blocks/callout/editor.css', __DIR__ ),
+ [],
+ $script_asset['version']
+ );
+
+ wp_register_script(
+ 'wporg-handbook-blocks',
+ plugins_url( 'scripts/blocks.js', __DIR__ ),
+ $script_asset['dependencies'],
+ $script_asset['version'],
+ true
+ );
+
+ wp_set_script_translations( 'wporg-handbook-blocks', 'wporg' );
+
+ register_block_type(
+ 'wporg/callout',
+ [
+ 'editor_style' => 'wporg-handbook-blocks',
+ 'editor_script' => 'wporg-handbook-blocks',
+ ]
+ );
+ }
+}
+
+WPorg_Handbook_Blocks::init();
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookpackagejson"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/package.json (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/package.json 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,14 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{
+ "name": "handbook",
+ "version": "1.0.0",
+ "author": "WordPress.org contributors",
+ "license": "GPL-2.0-or-later",
+ "devDependencies": {
+ "@wordpress/scripts": "^9.0.0"
+ },
+ "scripts": {
+ "build": "wp-scripts build ./scripts/src/blocks.js --output-path=scripts",
+ "start": "wp-scripts start ./scripts/src/blocks.js --output-path=scripts",
+ "lint": "wp-scripts lint-js ./scripts/src"
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Index: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts 2020-05-10 11:19:07 UTC (rev 9844)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts 2020-05-11 07:47:03 UTC (rev 9845)
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscripts"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnignore"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:ignore</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*.map
</ins><a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptsblocksassetphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.asset.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.asset.php (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.asset.php 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n', 'wp-polyfill'), 'version' => '1480a2bfa33c4985c6c8d9c16641a96d');
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptsblocksjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/blocks.js 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+!function(t){var e={};function o(r){if(e[r])return e[r].exports;var n=e[r]={i:r,l:!1,exports:{}};return t[r].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=t,o.c=e,o.d=function(t,e,r){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(r,n,function(e){return t[e]}.bind(null,n));return r},o.n=function(t){var e=t&&t.__esModule?functio
n(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=4)}([function(t,e){!function(){t.exports=this.wp.i18n}()},function(t,e){!function(){t.exports=this.wp.blocks}()},function(t,e){!function(){t.exports=this.wp.element}()},function(t,e){!function(){t.exports=this.wp.blockEditor}()},function(t,e,o){"use strict";o.r(e);var r=o(2),n=o(0),c=o(1),i=o(3),a=function(t){var e=t.attributes,o="callout callout-".concat(e.type);return Object(r.createElement)("div",{className:o},Object(r.createElement)(i.InnerBlocks,{allowedBlocks:["core/paragraph"]}))},l=[{name:"info",isDefault:!0,title:Object(n.__)("Info Callout","wporg"),icon:"info",attributes:{type:"info"}},{name:"tip",title:Object(n.__)("Tip Callout","wporg"),icon:"lightbulb",attributes:{type:"tip
"}},{name:"alert",title:Object(n.__)("Alert Callout","wporg"),icon:"flag",attributes:{type:"alert"}},{name:"tutorial",title:Object(n.__)("Tutorial Callout","wporg"),icon:"hammer",attributes:{type:"tutorial"}},{name:"warning",title:Object(n.__)("Warning Callout","wporg"),icon:"dismiss",attributes:{type:"warning"}}],u={from:[{type:"block",blocks:["core/paragraph"],transform:function(t){var e=t.content,o=[Object(c.createBlock)("core/paragraph",{content:e})];return Object(c.createBlock)("wporg/callout",{type:"info"},o)}},{type:"block",blocks:["core/shortcode"],isMatch:function(t){return wp.shortcode.regexp("info|tip|alert|tutorial|warning").test(t.text)},transform:function(t){var e,o,r,n,i,a=t.text,l=null===(e=wp.shortcode.next("info",a))||void 0
===e?void 0:e.shortcode;l||(l=null===(o=wp.shortcode.next("tip",a))||void 0===o?void 0:o.shortcode);l||(l=null===(r=wp.shortcode.next("alert",a))||void 0===r?void 0:r.shortcode);l||(l=null===(n=wp.shortcode.next("tutorial",a))||void 0===n?void 0:n.shortcode);l||(l=null===(i=wp.shortcode.next("warning",a))||void 0===i?void 0:i.shortcode);var u=[Object(c.createBlock)("core/paragraph",{content:l.content})];return Object(c.createBlock)("wporg/callout",{type:l.tag},u)}}],to:[{type:"block",blocks:["core/paragraph"],transform:function(t,e){return e}}]};Object(c.registerBlockType)("wporg/callout",{title:Object(n.__)("Callout","wporg"),description:Object(n.__)("Callout boxes to be used in handbooks.","wporg"),category:"widgets",icon:"info",keywords:[Object(n.__)("alert","wporg"),Object(n.__)("tip","wporg"
)],attributes:{type:{type:"string",default:"info"}},supports:{className:!1},example:{attributes:{type:"info"},innerBlocks:[{name:"core/paragraph",attributes:{content:Object(n.__)("This is the content of the callout boxes.","wporg")}}]},variations:l,transforms:u,edit:a,save:function(t){var e=t.attributes,o="callout callout-".concat(e.type);return Object(r.createElement)("div",{className:o},Object(r.createElement)(i.InnerBlocks.Content,null))}})}]);
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscallouteditjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/edit.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/edit.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/edit.js 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,15 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * WordPress dependencies
+ */
+import { InnerBlocks } from '@wordpress/block-editor';
+
+const CalloutEdit = ( { attributes } ) => {
+ const className = `callout callout-${ attributes.type }`;
+ return (
+ <div className={ className }>
+ <InnerBlocks allowedBlocks={ [ 'core/paragraph' ] } />
+ </div>
+ );
+};
+
+export default CalloutEdit;
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscallouteditorcss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/editor.css (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/editor.css 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,28 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.callout {
+ padding: 0 3em 0 3.7em;
+ overflow: auto;
+ position: relative;
+ border-width: 0 0 0 5px;
+ border-style: solid;
+}
+
+.callout:before {
+ content: "";
+ font-family: "dashicons";
+ position: absolute;
+ font-size: 2em;
+ top: 0.5em;
+ left: 0.5em;
+}
+
+.callout-info { background: #e5f5fa; border-color: #00a0d2; }
+.callout-tip { background: #eff7ed; border-color: #64b450; }
+.callout-alert { background: #fff8e5; border-color: #ffb900; }
+.callout-tutorial { background: #f2f0f7; border-color: #826eb4; }
+.callout-warning { background: #fbeaea; border-color: #dc3232; }
+
+.callout-info:before { content: "\f348"; color: #00a0d2; }
+.callout-tip:before { content: "\f339"; color: #64b450; }
+.callout-alert:before { content: "\f227"; color: #ffb900; }
+.callout-tutorial:before { content: "\f308"; color: #826eb4; }
+.callout-warning:before { content: "\f153"; color: #dc3232; }
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscalloutindexjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/index.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/index.js 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,57 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { registerBlockType } from '@wordpress/blocks';
+import { InnerBlocks } from '@wordpress/block-editor';
+
+/**
+ * Internal dependencies
+ */
+import edit from './edit';
+import variations from './variations';
+import transforms from './transforms';
+
+registerBlockType( 'wporg/callout', {
+ title: __( 'Callout', 'wporg' ),
+ description: __( 'Callout boxes to be used in handbooks.', 'wporg' ),
+ category: 'widgets',
+ icon: 'info',
+ keywords: [ __( 'alert', 'wporg' ), __( 'tip', 'wporg' ) ],
+ attributes: {
+ type: {
+ type: 'string',
+ default: 'info',
+ },
+ },
+ supports: {
+ className: false,
+ },
+ example: {
+ attributes: {
+ type: 'info',
+ },
+ innerBlocks: [
+ {
+ name: 'core/paragraph',
+ attributes: {
+ content: __(
+ 'This is the content of the callout boxes.',
+ 'wporg'
+ ),
+ },
+ },
+ ],
+ },
+ variations,
+ transforms,
+ edit,
+ save: ( { attributes } ) => {
+ const className = `callout callout-${ attributes.type }`;
+ return (
+ <div className={ className }>
+ <InnerBlocks.Content />
+ </div>
+ );
+ },
+} );
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscallouttransformsjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/transforms.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/transforms.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/transforms.js 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,92 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * WordPress dependencies
+ */
+import { createBlock } from '@wordpress/blocks';
+
+const transforms = {
+ // TODO: Implement after https://github.com/WordPress/gutenberg/issues/17758 is fixed.
+ /*from: [
+ {
+ type: 'shortcode',
+ tag: 'info',
+ attributes: {
+ type: 'info'
+ },
+ },
+ ],*/
+ from: [
+ {
+ type: 'block',
+ blocks: [ 'core/paragraph' ],
+ transform: ( { content } ) => {
+ const innerBlocks = [
+ createBlock( 'core/paragraph', {
+ content,
+ } ),
+ ];
+
+ return createBlock(
+ 'wporg/callout',
+ { type: 'info' },
+ innerBlocks
+ );
+ },
+ },
+ {
+ type: 'block',
+ blocks: [ 'core/shortcode' ],
+ isMatch: ( attributes ) => {
+ const shortcodeRegexp = wp.shortcode.regexp(
+ 'info|tip|alert|tutorial|warning'
+ );
+ return shortcodeRegexp.test( attributes.text );
+ },
+ transform: ( attributes ) => {
+ const shortcodeRaw = attributes.text;
+
+ let shortcode = wp.shortcode.next( 'info', shortcodeRaw )
+ ?.shortcode;
+ if ( ! shortcode ) {
+ shortcode = wp.shortcode.next( 'tip', shortcodeRaw )
+ ?.shortcode;
+ }
+ if ( ! shortcode ) {
+ shortcode = wp.shortcode.next( 'alert', shortcodeRaw )
+ ?.shortcode;
+ }
+ if ( ! shortcode ) {
+ shortcode = wp.shortcode.next( 'tutorial', shortcodeRaw )
+ ?.shortcode;
+ }
+ if ( ! shortcode ) {
+ shortcode = wp.shortcode.next( 'warning', shortcodeRaw )
+ ?.shortcode;
+ }
+
+ const innerBlocks = [
+ createBlock( 'core/paragraph', {
+ content: shortcode.content,
+ } ),
+ ];
+
+ return createBlock(
+ 'wporg/callout',
+ { type: shortcode.tag },
+ innerBlocks
+ );
+ },
+ },
+ ],
+ to: [
+ {
+ type: 'block',
+ blocks: [ 'core/paragraph' ],
+ transform: ( attributes, innerBlocks ) => {
+ return innerBlocks;
+ },
+ },
+ // TODO: Transform to other callout types: https://github.com/WordPress/gutenberg/issues/20584
+ ],
+};
+
+export default transforms;
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblockscalloutvariationsjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/variations.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/variations.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks/callout/variations.js 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,40 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
+const variations = [
+ {
+ name: 'info',
+ isDefault: true,
+ title: __( 'Info Callout', 'wporg' ),
+ icon: 'info',
+ attributes: { type: 'info' },
+ },
+ {
+ name: 'tip',
+ title: __( 'Tip Callout', 'wporg' ),
+ icon: 'lightbulb',
+ attributes: { type: 'tip' },
+ },
+ {
+ name: 'alert',
+ title: __( 'Alert Callout', 'wporg' ),
+ icon: 'flag',
+ attributes: { type: 'alert' },
+ },
+ {
+ name: 'tutorial',
+ title: __( 'Tutorial Callout', 'wporg' ),
+ icon: 'hammer',
+ attributes: { type: 'tutorial' },
+ },
+ {
+ name: 'warning',
+ title: __( 'Warning Callout', 'wporg' ),
+ icon: 'dismiss',
+ attributes: { type: 'warning' },
+ },
+];
+
+export default variations;
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentpluginshandbookscriptssrcblocksjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/plugins/handbook/scripts/src/blocks.js 2020-05-11 07:47:03 UTC (rev 9845)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import './blocks/callout';
</ins></span></pre>
</div>
</div>
</body>
</html>