update block example to use new asset syntax

10up · May 10, 2022 · e2c4bb8 · e2c4bb8
1 parent 6bcbd9d
commit e2c4bb8
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 23 deletions.
diff --git a/projects/10up-theme/includes/blocks/example-block/block.json b/projects/10up-theme/includes/blocks/example-block/block.json
@@ -1,35 +1,35 @@
 {
 	"title": "Example Block",
 	"description": "An Example Block",
-	"text-domain": "tenup-scaffold",
+	"textdomain": "tenup-scaffold",
 	"name": "tenup/example",
-  "icon": "feedback",
-  "category": "tenup-scaffold-blocks",
-	"attributes":{
+	"icon": "feedback",
+	"category": "tenup-scaffold-blocks",
+	"attributes": {
 		"customTitle": {
-			"type" : "string"
+			"type": "string"
 		}
-  },
-  "example": {
-    "attributes":{
-      "customTitle": "Example Block"
-    }
-  },
-  "supports": {
+	},
+	"example": {
+		"attributes": {
+			"customTitle": "Example Block"
+		}
+	},
+	"supports": {
 		"align": false,
 		"alignWide": false,
 		"anchor": false,
-		"color":{
+		"color": {
 			"gradients": false,
 			"background": false,
 			"text": false
 		},
 		"customClassName": false,
 		"defaultStylePicker": false,
-    "typography": {
-      "fontSize": false,
-      "lineHeight": true
-    },
+		"typography": {
+			"fontSize": false,
+			"lineHeight": true
+		},
 		"html": false,
 		"inserter": true,
 		"multiple": true,
@@ -38,6 +38,9 @@
 			"padding": false
 		}
 	},
-	"editorScript": "file:../../../dist/blocks/example-block/editor.js",
-  "editorStyle": "file:../../../dist/blocks/example-block/editor.css"
+	"editorScript": "file:./index.js",
+	"editorStyle": "file:./editor.css",
+	"style": "file:./style.css",
+	"viewScript": "file:./view.js",
+	"script": "file:./script.js"
 }
diff --git a/projects/10up-theme/includes/blocks/example-block/editor.css b/projects/10up-theme/includes/blocks/example-block/editor.css
diff --git a/projects/10up-theme/includes/blocks/example-block/index.js b/projects/10up-theme/includes/blocks/example-block/index.js
@@ -16,9 +16,6 @@ import edit from './edit';
 import save from './save';
 import block from './block.json';
 
-/* Uncomment for CSS overrides in the admin */
-import './index.css';
-
 /**
  * Register block
  */

diff --git a/projects/10up-theme/includes/blocks/example-block/script.js b/projects/10up-theme/includes/blocks/example-block/script.js
@@ -0,0 +1,5 @@
+import domReady from '@wordpress/dom-ready';
+
+domReady(() => {
+	console.log('DOM ready!');
+});
diff --git a/...e/includes/blocks/example-block/index.css → ...e/includes/blocks/example-block/style.css b/...e/includes/blocks/example-block/index.css → ...e/includes/blocks/example-block/style.css
diff --git a/projects/10up-theme/includes/blocks/example-block/view.js b/projects/10up-theme/includes/blocks/example-block/view.js
@@ -0,0 +1,5 @@
+import domReady from '@wordpress/dom-ready';
+
+domReady(() => {
+	console.log('DOM ready!');
+});
diff --git a/projects/10up-theme/package.json b/projects/10up-theme/package.json
@@ -35,7 +35,6 @@
       "shared-style": "./assets/css/shared/shared-style.css",
       "styleguide-style": "./assets/css/styleguide/styleguide.css",
       "core-block-overrides": "./includes/core-block-overrides.js",
-      "example-block": "./includes/blocks/example-block/index.js",
       "test-style": "./assets/css/frontend/testing.scss"
     }
   }