Initial commit of repo

.editorconfig

@@ -0,0 +1,18 @@
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+
+# WordPress Coding Standards
+# https://make.wordpress.org/core/handbook/coding-standards/
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = tab
+
+[*.{yml,yaml}]
+indent_style = space
+indent_size = 2

.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Output of `npm pack`
+*.tgz
+
+# Output of `wp-scripts plugin-zip`
+*.zip
+
+# dotenv environment variables file
+.env

dynamic-icon-block.php

@@ -0,0 +1,63 @@
+<?php
+/**
+ * Plugin Name:       Dynamic Icon Block
+ * Description:       Example block scaffolded with Create Block tool.
+ * Requires at least: 6.6
+ * Requires PHP:      7.2
+ * Version:           0.1.0
+ * Author:            The WordPress Contributors
+ * License:           GPL-2.0-or-later
+ * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
+ * Text Domain:       dynamic-icon-block
+ *
+ * @package CreateBlock
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit; // Exit if accessed directly.
+}
+
+
+function dynamic_icon_block_render_callback( $attributes ) {
+
+	$circle_icon = '<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+		<circle cx="25" cy="25" r="20" fill="blue" />
+	</svg>';
+
+	$square_icon = '<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+		<rect x="5" y="5" width="40" height="40" fill="green" />
+	</svg>';
+
+	$triangle_icon = '<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
+		<polygon points="25,5 5,45 45,45" fill="red" />
+	</svg>';
+
+	$inner_html = '';
+
+	if ( 'circle' === $attributes['icon'] ) {
+		$inner_html = $circle_icon;
+	} elseif ( 'square' === $attributes['icon'] ) {
+		$inner_html = $square_icon;
+	} elseif ( 'triangle' === $attributes['icon'] ) {
+		$inner_html = $triangle_icon;
+	}
+
+	return '<p>' . $inner_html . '</p>';
+}
+
+/**
+ * Registers the block using the metadata loaded from the `block.json` file.
+ * Behind the scenes, it registers also all assets so they can be enqueued
+ * through the block editor in the corresponding context.
+ *
+ * @see https://developer.wordpress.org/reference/functions/register_block_type/
+ */
+function create_block_dynamic_icon_block_block_init() {
+	register_block_type(
+		__DIR__ . '/build',
+		array(
+			'render_callback' => 'dynamic_icon_block_render_callback',
+		)
+	);
+}
+add_action( 'init', 'create_block_dynamic_icon_block_block_init' );