every action block mods

src/blocks/action-tag/ActionTagOfflineAction.js

@@ -0,0 +1,86 @@
+import Edit from './edit';
+import classnames from 'classnames'
+
+/**
+ * WordPress dependencies
+ */
+const { __ } = wp.i18n;
+const { createBlock, getBlockAttributes, registerBlockType } = wp.blocks;
+
+/**
+ * Block constants
+ */
+const name = 'actionTagOffline';
+const title = __('Every Action Offline Action Embed');
+const keywords = [
+  __('Advocacy'),
+  __('ActionTag'),
+  __('tinypixel'),
+];
+const blockAttributes = {
+  url: {
+    type: 'string',
+  },
+  file: {
+    type: 'string',
+  },
+  meta: {
+    type: 'boolean',
+    default: false,
+  },
+};
+
+const schema = {
+  div: {
+    classes: ['wp-block-every-action-action-tag'],
+  },
+};
+
+registerBlockType('every-action/every-action-offline-embed', {
+  title: title,
+  description: __('Embed Every Action Event Forms by adding the form link.'),
+  icon: {
+    src: 'megaphone',
+  },
+  category: 'common',
+  keywords: keywords,
+  attributes: blockAttributes,
+  supports: {
+    html: false,
+    align: ['wide'],
+  },
+  edit: Edit,
+  save({ attributes, className }) {
+    const { url } = attributes;
+    let actionTagContent = null;
+    if(url) {
+      let match = /(.*)\/\/(.*)\/(.*)/g.exec(url);
+      if(match) {
+        actionTagContent = `\
+          <div class="every-action-embed">\
+            <div class="oa-page-embed"\
+              data-page-url="${match[1]}${match[2]}${match[3]}">\
+            </div>\
+          </div>`;
+      }
+    }
+
+    if(actionTagContent) {
+      return (
+        <div
+          className={
+            classnames(
+              className,
+            )}
+        >
+          <script type="text/javascript" src="https://d1aqhv4sn5kxtx.cloudfront.net/actiontag/at.js" crossorigin="anonymous"></script>
+          <div dangerouslySetInnerHTML={{ __html: actionTagContent }} />
+          <noscript><a href={url}>{__('View this action on Every Action')}</a></noscript>
+        </div>
+      );
+    }
+
+    return "there was a problem 🤭";
+
+  },
+});

src/blocks/editor.js

@@ -3,4 +3,5 @@ import './editor.scss';
 
 /** blocks */
 import './action-tag/ActionTag';
-import './action-tag/ActionTagMultiStep';
+import './action-tag/ActionTagMultiStep';
+// import './action-tag/ActionTagOfflineAction';

wpackio.server.js

@@ -1,5 +1,5 @@
 module.exports = {
-	host: '10.0.0.236',
+	host: 'localhost',
 	proxy: 'http://bedrock.lndo.site',
 	port: 3000,
 	ui: {