Checked compatibility with WordPress 5.9

Author: ZebraNorth

block.json

@@ -1,16 +1,16 @@
 {
 	"apiVersion": 2,
-	"name": "zebra-north/webgl-shader",
-	"version": "1.0.1",
-	"title": "WebGL Shader",
+	"name": "zebra-north/display-webgl-shader",
+	"version": "1.0.2",
+	"title": "Display WebGL Shader",
 	"category": "media",
 	"icon": "format-video",
 	"description": "Display a WebGL fragment shader compatible with Shadertoy",
 	"keywords": ["webgl", "shader", "glsl", "opengl"],
 	"supports": {
 		"html": false
 	},
-	"textdomain": "webgl-shader",
+	"textdomain": "display-webgl-shader",
 	"editorScript": "file:./build/index.js",
 	"editorStyle": "file:./build/index.css",
 	"style": "file:./build/style-index.css",

webgl-shader.js renamed to display-webgl-shader.js

@@ -1,7 +1,9 @@
 'use strict';
 
 /**
- * WebGL Shader WordPress Block v1.0.1.
+ * Display WebGL Shader WordPress Block.
+ *
+ * https://mrzebra.co.uk/
  *
  * Copyright (c) Zebra North, 2021
  */

webgl-shader.php renamed to display-webgl-shader.php

@@ -1,14 +1,14 @@
 <?php
 /**
- * Plugin Name:       WebGL Shader
+ * Plugin Name:       Display WebGL Shader
  * Description:       Display a WebGL shader
  * Requires at least: 5.8
  * Requires PHP:      7.0
- * Version:           1.0.1
+ * Version:           1.0.2
  * Author:            Zebra North
  * License:           GPLv3
  * License URI:       https://www.gnu.org/licenses/gpl-3.0.en.html
- * Text Domain:       webgl-shader
+ * Text Domain:       display-webgl-shader
  *
  * @package           zebra-north
  */
@@ -29,7 +29,7 @@ function zebra_north_webgl_shader_block_init() {
  */
 function zebra_north_webgl_shader_enqueue_scripts() {
 	wp_enqueue_script('zebra_north_gl_matrix', plugin_dir_url(__FILE__) . '/gl-matrix.js');
-	wp_enqueue_script('zebra_north_webgl_shader', plugin_dir_url(__FILE__) . '/webgl-shader.js');
+	wp_enqueue_script('zebra_north_webgl_shader', plugin_dir_url(__FILE__) . '/display-webgl-shader.js');
 }
 
 add_action( 'init', 'zebra_north_webgl_shader_block_init' );

package.json

@@ -1,9 +1,9 @@
 {
-	"name": "webgl-shader",
-	"version": "1.0.1",
+	"name": "display-webgl-shader",
+	"version": "1.0.2",
 	"description": "Display a WebGL shader",
 	"author": "Zebra North",
-	"license": "Proprietary",
+	"license": "GPLv3",
 	"main": "build/index.js",
 	"scripts": {
 		"build": "wp-scripts build",

readme.txt

@@ -1,10 +1,10 @@
-=== WebGL Shader ===
+=== Display WebGL Shader ===
 Contributors:      zebranorth
 Donate link:       https://paypal.me/zebranorth
 Tags:              block, shader, shadertoy, webgl, webgl2, opengl, graphics
 Requires at least: 5.8.0
 Tested up to:      5.9.0
-Stable tag:        1.0.1
+Stable tag:        1.0.2
 Requires PHP:      7.0
 License:           GPLv3
 License URI:       https://www.gnu.org/licenses/gpl-3.0.en.html
@@ -19,9 +19,22 @@ Simply copy and paste the code of your fragment shader into the edit box.
 
 This plugin makes use of the open source "gl-matrix" library by Brandon Jones and Colin MacKensie IV.
 
+Your shader code should look like the example below.  The mainImage() function is called once for each pixel.
+
+```
+void mainImage(out vec4 fragColor, in vec2 fragCoord)
+{
+    // Normalized pixel coordinates (from 0 to 1).
+    vec2 uv = fragCoord / iResolution.xy;
+
+    // Output to screen as (r, g, b, alpha).
+    fragColor = vec4(uv.x, uv.y, 0.0, 1.0);
+}
+```
+
 == Installation ==
 
-1. Upload the plugin files to the `/wp-content/plugins/webgl-shader` directory, or install the plugin through the WordPress plugins screen directly.
+1. Upload the plugin files to the `/wp-content/plugins/display-webgl-shader` directory, or install the plugin through the WordPress plugins screen directly.
 1. Activate the plugin through the 'Plugins' screen in WordPress
 
 == Screenshots ==
@@ -30,6 +43,10 @@ This plugin makes use of the open source "gl-matrix" library by Brandon Jones an
 
 == Changelog ==
 
+= 1.0.2 =
+
+Rename from "WebGL Shader" to "Display WebGL Shader".
+
 = 1.0.1 =
 * Minor updates so the plugin can be hosted on wordpress.org.