first commit

wp-content/plugins/pdf-poster/admin/framework/assets/js/gutenberg.js

@@ -0,0 +1,79 @@
+/**
+ *
+ * -----------------------------------------------------------
+ *
+ * Codestar Framework Gutenberg Block
+ * A Simple and Lightweight WordPress Option Framework
+ *
+ * -----------------------------------------------------------
+ *
+ */
+( function( blocks, blockEditor, element, components ) {
+
+  if ( !window.csf_gutenberg_blocks ) { return; }
+
+  Object.values(window.csf_gutenberg_blocks).forEach( function( block ) {
+
+    var registerBlockType = blocks.registerBlockType;
+    var PlainText         = blockEditor.PlainText;
+    var createElement     = element.createElement;
+    var RawHTML           = element.RawHTML;
+    var Button            = components.Button;
+
+    registerBlockType('csf-gutenberg-block/block-'+block.hash, {
+      title: block.gutenberg.title,
+      description: block.gutenberg.description,
+      icon: block.gutenberg.icon || 'screenoptions',
+      category: block.gutenberg.category || 'widgets',
+      keywords: block.gutenberg.keywords,
+      supports: {
+        html: false,
+        className: false,
+        customClassName: false,
+      },
+      attributes: {
+        shortcode: {
+          string: 'string',
+          source: 'text',
+        }
+      },
+      edit: function (props) {
+        return (
+          createElement('div', {className: 'csf-shortcode-block'},
+
+            createElement(Button, {
+              'data-modal-id': block.modal_id,
+              'data-gutenberg-id': block.hash,
+              className: 'is-secondary csf-shortcode-button',
+              onClick: function () {
+                window.csf_gutenberg_props = props;
+              },
+            }, block.button_title ),
+
+            createElement(PlainText, {
+              placeholder: block.gutenberg.placeholder,
+              className: 'input-control blocks-shortcode__textarea',
+              onChange: function (value) {
+                props.setAttributes({
+                  shortcode: value
+                });
+              },
+              value: props.attributes.shortcode
+            })
+
+          )
+        );
+      },
+      save: function (props) {
+        return createElement(RawHTML, {}, props.attributes.shortcode);
+      }
+    });
+
+  });
+
+})(
+  window.wp.blocks,
+  window.wp.blockEditor,
+  window.wp.element,
+  window.wp.components
+);