First very basic working version

a8cteam51 · Jul 17, 2024 · 0ad0dee · 0ad0dee
1 parent 556aed5
commit 0ad0dee
Show file tree

Hide file tree

Showing 19 changed files with 280 additions and 167 deletions.
diff --git a/marquee/build/block.json b/marquee/build/block.json
@@ -80,9 +80,7 @@
         "justifyContent": "left"
       }
     },
-    "interactivity": {
-      "clientNavigation": true
-    }
+    "interactivity": true
   },
   "allowedBlocks": [
     "core/paragraph",
@@ -103,5 +101,6 @@
   "editorScript": "file:./index.js",
   "editorStyle": "file:./index.css",
   "style": "file:./style-index.css",
-  "viewScript": "file:./view.js"
+  "render": "file:./render.php",
+  "viewScriptModule": "file:./view.js"
 }
diff --git a/marquee/build/index.asset.php b/marquee/build/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-element'), 'version' => '4e89a2d734fd7167347a');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-element'), 'version' => 'c8334640ad7b9b1b92c6');
diff --git a/marquee/build/index.js b/marquee/build/index.js
diff --git a/marquee/build/index.js.map b/marquee/build/index.js.map
diff --git a/marquee/build/render.php b/marquee/build/render.php
@@ -0,0 +1,16 @@
+<?php
+	$inner_blocks = $block->inner_blocks;
+	$inner_blocks_html = '';
+	foreach ($inner_blocks as $inner_block) {
+    $inner_blocks_html .= $inner_block->render();
+	}
+?>
+
+<div
+	data-wp-interactive="wpcomsp/marquee"
+	data-wp-init="callbacks.init"
+>
+	<div <?php echo get_block_wrapper_attributes(array( "class" => 'wp-block-wpcomsp-marquee__inner')); ?>>
+		<?php echo $inner_blocks_html; ?>
+	</div>
+</div>
diff --git a/marquee/build/style-index-rtl.css b/marquee/build/style-index-rtl.css
@@ -11,6 +11,17 @@
   position: relative;
 }
 
+[data-wp-interactive="wpcomsp/marquee"] {
+  overflow: clip;
+  display: flex;
+  flex-direction: row;
+}
+
+.wp-block-wpcomsp-marquee__inner {
+  animation: wpcomsp-marquee var(--speed) linear infinite var(--direction);
+  min-width: 100%;
+}
+
 @keyframes wpcomsp-marquee {
   0% {
     transform: translateX(0);
@@ -19,9 +30,3 @@
     transform: translateX(100%);
   }
 }
-.wp-block-wpcomsp-marquee__inner {
-  animation: wpcomsp-marquee var(--speed) linear infinite var(--direction);
-  display: flex;
-  overflow: hidden;
-  flex-wrap: nowrap;
-}
diff --git a/marquee/build/style-index.css b/marquee/build/style-index.css
diff --git a/marquee/build/style-index.css.map b/marquee/build/style-index.css.map
diff --git a/marquee/build/view.asset.php b/marquee/build/view.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '9618df91ea3d5989c295');
+<?php return array('dependencies' => array('@wordpress/interactivity'), 'version' => 'd4187ecd923728b96fa5', 'type' => 'module');
diff --git a/marquee/build/view.js b/marquee/build/view.js
diff --git a/marquee/build/view.js.map b/marquee/build/view.js.map
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-element'), 'version' => '4e89a2d734fd7167347a');
		<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-element'), 'version' => 'c8334640ad7b9b1b92c6');