playground, readme and build

.gitignore

@@ -0,0 +1,6 @@
+node_modules
+vendor
+composer.lock
+package-lock.json
+.DS_Store
+.note

README.md

@@ -0,0 +1,16 @@
+# Dataviews Plugin
+
+[![](https://img.shields.io/badge/playground-live%20preview-blue?logo=wordpress)](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/wptrainingteam/devblog-dataviews-plugin/276d75bb3e074d4f44eee61d6e2fc63fc58d5a77/_playground/blueprint.json)
+
+An exploration of using the Dataview component inside of a plugin
+
+## Development
+
+1. Set up a local WordPress development environment.
+2. Clone / download this repository into the `wp-content/plugins` folder.
+3. Navigate to the `wp-content/plugins/devblog-dataviews-plugin` folder in the command line.
+4. Run `npm install` to install the plugin's dependencies within a `/node_modules/` folder.
+5. Run `npm run start` to compile and watch source files for changes while developing.
+6. Login to your local WordPress development environment, navigate from _Dashboard > Plugins_ and activate _"DevBlog Dataviews Plugin"_
+
+Refer to `package.json` for additional commands.

_playground/blueprint.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://playground.wordpress.net/blueprint-schema.json",
+  "landingPage": "/wp-admin/admin.php?page=add-media-from-third-party-service",
+  "preferredVersions": {
+    "php": "8.0",
+    "wp": "6.6"
+  },
+  "features": {
+    "networking": true
+  },
+  "login": true,
+  "plugins": [
+    "https://github-proxy.com/proxy/?repo=wptrainingteam/devblog-dataviews-plugin&commit=276d75bb3e074d4f44eee61d6e2fc63fc58d5a77"
+  ]
+}

build/index.asset.php

@@ -0,0 +1 @@
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-dom-ready', 'wp-element'), 'version' => '6466cc0595c1ebc8dfbf');