🚀 RELEASE: v0.1.0

README.md

@@ -0,0 +1,27 @@
+# Slider Block plugin
+
+__Fork it, or download the [latest release](https://github.com/colorful-tones/slider-block/releases), and make it your own!__
+
+This is a demonstration of how you might create a custom [Slider Block](https://www.advancedcustomfields.com/resources/blocks/), which is a slider carousel UI. We're using SwiperJS (3rd-party dependency) for the slider JavaScript and CSS (mostly).
+
+## Installation
+
+### Manual
+
+1. Upload the `slider-block` folder to the plugins directory (typically `wp-content/plugins`) in your WordPress installation.
+2. Activate the Slider Block plugin.
+3. Create a new post or page, and insert the Slider block.
+4. That's it.
+
+## Changelog
+
+### 0.1.0 – 2023-11-28
+
+Initial release, which includes:
+
+- Slider Block which uses [SwiperJS](https://swiperjs.com/) (v11.0.5)
+
+## Resources
+
+- Need help converting your block markup to PHP nested arrays or JS objects? Check out [WPHTML Converter](https://happyprime.github.io/wphtml-converter/)
+- [SwiperJS](https://swiperjs.com/).

build/blocks/slide/block.json

@@ -1,8 +1,8 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "colorful-tones/slide",
-  "version": "0.1.4",
+  "name": "wpe/slide",
+  "version": "0.1.0",
   "title": "Slide",
   "category": "widgets",
   "icon": "cover-image",
@@ -15,7 +15,7 @@
   },
   "example": {},
   "parent": [
-    "colorful-tones/slider"
+    "wpe/slider"
   ],
   "supports": {
     "align": [
@@ -25,7 +25,7 @@
     "className": true,
     "html": false
   },
-  "textdomain": "slider-block",
+  "textdomain": "wpe",
   "editorScript": "file:./index.js",
   "render": "file:./render.php"
 }

build/blocks/slide/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-hooks'), 'version' => 'e14cd374b6d31d66768e');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-hooks'), 'version' => 'de9db5073676682bab66');

build/blocks/slide/render.php

@@ -6,7 +6,7 @@
  * @var string    $content    Block default content.
  * @var \WP_Block $block      Block instance.
  *
- * @package colorful-tones/slider-block
+ * @package wpe/slider-block
  */
 
 // Pass along Swiper desired class.

build/blocks/slider/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "colorful-tones/slider",
+  "name": "wpe/slider",
   "title": "Slider",
   "category": "widgets",
   "description": "Display your images in a horizontal carousel.",
@@ -22,10 +22,6 @@
     "pagination": {
       "type": "boolean",
       "default": true
-    },
-    "slidesPerView": {
-      "type": "number",
-      "default": 1
     }
   },
   "example": {},
@@ -50,8 +46,8 @@
       ]
     }
   },
-  "textdomain": "slider-block",
-  "version": "0.1.4",
+  "textdomain": "wpe",
+  "version": "0.1.0",
   "editorScript": "file:./index.js",
   "editorStyle": "file:./index.css",
   "render": "file:./render.php",

build/blocks/slider/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '465f976cdfa4d6ccbea7');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => 'fe5e00eb9597bb99cf08');

build/blocks/slider/render.php

@@ -6,7 +6,7 @@
  * @var string    $content    Block default content.
  * @var \WP_Block $block      Block instance.
  *
- * @package colorful-tones/slider-block
+ * @package wpe/slider-block
  */
 
 $autoplay   = empty( $attributes['autoplay'] ) ? false : $attributes['autoplay'];