Can You Really Build Gutenberg Blocks Without React No Music

Can You Really Build Gutenberg Blocks Without React? | No Music 🔗 **Source:** [Can You Really Build Gutenberg Blocks Without React? | No Music](https://www.youtube.com/watch?v=vX1TkFYBMqs) > [!note]+ Document Notes > tags: [gutenberg, php, blocks, wordpress] > author: UpTick > source: YouTube > reference: [https://www.youtube.com/watch?v=vX1TkFYBMqs] > date created: 2025-01-10 14:30 > > # 🏷️ Title: Can You Really Build Gutenberg Blocks Without React? | No Music >  ## 🧰 Action Inbox - [H1] Test PHP-only blocks with Gutenberg plugin 22.4+ — requires experimental features #gutenberg - [H2] Explore auto-generated controls from attribute definitions — coming in next release #development - [H3] Research security practices for streaming/content creation — prevent malicious links #security ## 🧭 Table of Contents - [📝 Summary](#-summary) - [📖 Main Content](#-main-content) - [🗒️ Notes](#️-notes) - [📚 References](#-references) - [🗣️ Paraphrase](#️-paraphrase) - [📰 Newsletter](#-newsletter) - [✅ Action Items](#-action-items) - [🧪 Hypotheses](#-hypotheses) - [📊 Methodology](#-methodology) - [❓ Questions](#-questions) - [🔮 Future Research](#-future-research) - [💡 Implications](#-implications) - [🧠 Learning Styles Assessment](#-learning-styles-assessment) - [📊 Accessibility Assessment](#-accessibility-assessment) - [🌍 DEIB Assessment](#-deib-assessment) - [✅ Logical Validity](#-logical-validity) - [🛡️ DARVO Analysis](#-darvo-analysis) - [🎯 Conclusion](#-conclusion) ### 🔗 References - [PHP Block Development](https://developer.wordpress.org/block-editor/) - [Gutenberg Plugin](https://wordpress.org/plugins/gutenberg/) ## 📝 Summary - Demonstration of creating Gutenberg blocks using only PHP without React or JavaScript build processes - Requires Gutenberg plugin version 21.8+ for PHP-only block registration with `autoregister` feature - Shows basic block creation, styling, and attribute handling through server-side rendering - Upcoming features in version 22.4 will add auto-generated sidebar controls - Addresses developers who prefer PHP over JavaScript/React workflows ## 📖 Main Content This stream demonstrates the emerging capability to create WordPress Gutenberg blocks entirely in PHP without requiring React knowledge or JavaScript build processes. The feature leverages the `autoregister` parameter in PHP block registration to automatically generate editor interfaces from block attributes. The approach uses server-side rendering for both editor and frontend display, making blocks accessible to PHP developers who prefer to avoid JavaScript tooling. While currently requiring the Gutenberg plugin (versions 21.8+), these features are planned for WordPress 7.0. Key limitations include simplified attribute controls and potential performance considerations with server-side rendering. However, upcoming releases promise auto-generated sidebar controls based on attribute definitions. ## 🗒️ Notes #### ⏱️ [00:00](https://youtu.be/vX1TkFYBMqs?t=0) — [H1] Stream introduction and setup - Key idea: Starting demonstration of PHP-only Gutenberg blocks - Evidence: "Today we're talking about registering blocks only with PHP which is possible in the Gutenberg plugin right now" #### ⏱️ [03:45](https://youtu.be/vX1TkFYBMqs?t=225) — [H2] Historical context of block development - Key idea: Blocks originally used more PHP before shifting to JavaScript-heavy approach - Evidence: "When blocks first came out way back in the day, we did everything inside of PHP" #### ⏱️ [05:30](https://youtu.be/vX1TkFYBMqs?t=330) — [H1] Gutenberg plugin requirement - Key idea: PHP-only blocks require Gutenberg plugin for experimental features - Evidence: "You just have to have the plugin enabled because it is newish" #### ⏱️ [08:15](https://youtu.be/vX1TkFYBMqs?t=495) — [H2] Autoregister feature demonstration - Key idea: The `autoregister: true` parameter enables PHP-only block registration - Evidence: "This is the important part. So, we want to set that to true" #### ⏱️ [12:30](https://youtu.be/vX1TkFYBMqs?t=750) — [H3] Plugin vs core WordPress discussion - Key idea: Gutenberg plugin provides cutting-edge features before core integration - Evidence: "The plugin is the newest development... published every two weeks" #### ⏱️ [18:45](https://youtu.be/vX1TkFYBMqs?t=1125) — [H2] Block metadata and icon configuration - Key idea: PHP blocks support same metadata as JSON-defined blocks - Evidence: "This mirrors a lot of what you're going to see in like a block JSON file" #### ⏱️ [22:00](https://youtu.be/vX1TkFYBMqs?t=1320) — [H2] Block supports and controls - Key idea: PHP blocks can opt into WordPress block supports like spacing and colors - Evidence: "My guess is that we can add any control that you can opt into with a block" #### ⏱️ [28:30](https://youtu.be/vX1TkFYBMqs?t=1710) — [H3] Theme.json compatibility - Key idea: PHP blocks respect theme.json settings for block supports - Evidence: "It shouldn't override anything... you're defining them in PHP which under the hood is what's happening" #### ⏱️ [35:15](https://youtu.be/vX1TkFYBMqs?t=2115) — [H1] Benefits of PHP-only approach - Key idea: Eliminates need for build processes and React knowledge - Evidence: "Not everyone likes build processes. Not everyone likes React. Sometimes you don't even need it" #### ⏱️ [42:00](https://youtu.be/vX1TkFYBMqs?t=2520) — [H2] Server-side rendering considerations - Key idea: PHP blocks use server-side rendering which has performance implications - Evidence: "It's using the new... use server side render hook" #### ⏱️ [48:30](https://youtu.be/vX1TkFYBMqs?t=2910) — [H1] Upcoming attribute controls in 22.4 - Key idea: Next Gutenberg version will add auto-generated sidebar controls - Evidence: "String with enum is a select field... you pass it an enum and this would be the select options" #### ⏱️ [55:45](https://youtu.be/vX1TkFYBMqs?t=3345) — [H2] CSS and script enqueueing - Key idea: PHP blocks support traditional WordPress asset enqueueing - Evidence: "You can do it... we have a series of styles handles" #### ⏱️ [62:00](https://youtu.be/vX1TkFYBMqs?t=3720) — [H3] Current limitations and future potential - Key idea: Feature completeness depends on simple vs complex attribute controls - Evidence: "Feature-wise it's basically complete if you're okay with a very simple user interface" ## 📚 References - [WordPress Block Editor Handbook](https://developer.wordpress.org/block-editor/) - [Gutenberg Plugin GitHub](https://github.com/WordPress/gutenberg) - [WordPress 7.0 Development Roadmap](https://make.wordpress.org/core/) ## 🗣️ Paraphrase - PHP-only Gutenberg blocks eliminate the need for JavaScript build processes by using server-side rendering and automatic registration features - The Gutenberg plugin (version 21.8+) provides experimental features that will eventually merge into WordPress core version 7.0 - While currently limited to simple attribute controls, upcoming releases promise auto-generated sidebar interfaces based on attribute definitions ## 📰 Newsletter **PHP-Only Gutenberg Blocks: Skip the Build Process** Great news for PHP developers! You can now create Gutenberg blocks without touching React or JavaScript build tools. The Gutenberg plugin's new `autoregister` feature lets you define blocks entirely in PHP with automatic editor interface generation. **Key Benefits:** - No webpack, npm, or Node.js required - Familiar PHP development workflow - Server-side rendering for both editor and frontend - Full WordPress block supports integration **Getting Started:** Install the Gutenberg plugin and set `autoregister: true` in your block registration. Coming to WordPress 7.0! Resources: [Block Editor Handbook](https://developer.wordpress.org/block-editor/), [Gutenberg Plugin](https://wordpress.org/plugins/gutenberg/), [WP-CLI](https://wp-cli.org/) ## ✅ Action Items #### WordPress - Core: Test PHP-only block registration features in development environments - Core Program Team: Document PHP block development patterns and best practices - Documentation: Create comprehensive guides for PHP-only block development workflows - Community: Share PHP block examples and use cases with developer community #### DevRel - Developer advocacy: Promote PHP-only blocks to backend-focused developers - Education: Create workshops comparing JavaScript vs PHP block approaches - Developer experience: Improve PHP block documentation and examples - Community engagement: Gather feedback on PHP block developer experience ## 🧪 Hypotheses - PHP-only blocks will increase Gutenberg adoption among backend developers who avoid JavaScript - Server-side rendering performance will be acceptable for most block use cases - Auto-generated controls will cover 80% of common block attribute scenarios - Theme.json integration will work seamlessly with PHP-defined block supports ### 📊 Methodology - Performance testing: Compare server-side vs client-side rendering speeds - Developer surveys: Measure adoption rates among PHP vs JavaScript developers - Feature parity analysis: Document gaps between PHP and JavaScript block capabilities ### ❓ Questions - Will server-side rendering performance scale with complex blocks? - How will auto-generated controls handle advanced UI components? - Can PHP blocks achieve feature parity with React-based blocks? ### 🔮 Future Research - Integration patterns with existing PHP frameworks - Performance optimization strategies for server-side rendering - Developer experience improvements for PHP block workflows ### 💡 Implications - Practice: Enables PHP developers to create blocks without JavaScript knowledge - Education: Requires new documentation and training materials for PHP workflows - Performance: Server-side rendering may impact editor responsiveness - Adoption: Could significantly increase block development among PHP-focused developers ### 🧠 Learning Styles Assessment Reading level estimate: 10th Grade #### 👀 Visual learners - Present: Code examples, block editor screenshots, live demonstration - Improve: Architecture diagrams showing PHP vs JavaScript block flows #### 🔊 Aural learners - Present: Live stream format with verbal explanations - Improve: Audio summary of key concepts and implementation steps #### 🗣️ Verbal learners - Present: Clear terminology, step-by-step explanations, analogies - Improve: Glossary of PHP block-specific terms #### 🧩 Kinesthetic learners - Present: Live coding demonstration, hands-on examples - Improve: Downloadable starter templates and exercises #### 🧠 Logical learners - Present: Feature comparison tables, version timelines - Improve: Decision trees for choosing PHP vs JavaScript approaches #### 🧑‍🤝‍🧑 Social learners - Present: Live chat interaction, community discussion - Improve: Developer forums and collaboration opportunities #### 🧘‍♀️ Solitary learners - Present: Self-contained examples, independent exploration - Improve: Self-assessment quizzes and reflection prompts #### 🌿 Naturalistic learners - Present: Evolution from historical block development approaches - Improve: Ecosystem thinking about WordPress development trends ### 📊 Accessibility Assessment #### Screen reader semantics - Present: Clear heading structure in code examples - Improve: ARIA labels for code demonstrations #### Keyboard navigation - Present: Standard video player controls - Improve: Keyboard shortcuts for code navigation #### Contrast and readability - Present: High contrast code editor themes - Improve: Larger font sizes for streaming #### Text resizing and reflow - Present: Responsive code examples - Improve: Mobile-friendly documentation #### Media and captions - Present: Live stream format - Improve: Auto-generated captions, transcript availability #### Standards reference - Follows WCAG 2.2 AA for code demonstration clarity ### 🌍 DEIB Assessment #### Cultural breadth - Present: English-language demonstration - Improve: Multilingual examples, global developer perspectives #### Inclusive language - Present: Technical terms clearly defined - Improve: Avoid assumptions about developer background #### Neurodiversity support - Present: Step-by-step approach, clear structure - Improve: Multiple explanation methods, flexible pacing #### Representation - Present: Focus on technical content - Improve: Diverse developer use cases and examples #### Psychological safety - Present: Encouraging tone for different skill levels - Improve: Clear beginner-friendly alternatives ### ✅ Logical Validity #### Strong reasoning - Deductive strength: Clear cause-effect relationships in code examples - Inductive strength: Generalizes from specific examples to broader patterns - Causal reasoning: Links features to developer benefits - Analogical strength: Compares to existing development patterns #### Fallacies - None identified: Technical demonstration remains factual #### Tone of voice - Overall tone: Enthusiastic and educational, encouraging experimentation ### 🛡️ DARVO Analysis - No concerning patterns identified - Straightforward technical education content - Appropriate acknowledgment of limitations and experimental nature ## 🎯 Conclusion PHP-only Gutenberg blocks represent a significant step toward making block development accessible to PHP developers without JavaScript expertise. While currently requiring the Gutenberg plugin and having some limitations around complex controls, the feature promises to broaden the WordPress developer ecosystem. The upcoming auto-generated controls and eventual core integration in WordPress 7.0 will make this a viable alternative to React-based block development for many use cases. ## 🧱 Refactor Appendix ### 📚 Literature Split Pad Purpose: Stage CEE units that become Literature notes. Split level: H3 ### [H1] PHP blocks eliminate JavaScript build requirements > [!quote] [Can You Really Build Gutenberg Blocks Without React?](https://www.youtube.com/watch?v=vX1TkFYBMqs) by [[UpTick]] via [[YouTube]]. Published 2025-01-10. Accessed 2025-01-10. > "Not everyone likes build processes. Not everyone likes React. Sometimes you don't even need it." Demonstrates alternative development path for WordPress developers preferring server-side approaches over client-side JavaScript frameworks. [view highlight](https://youtu.be/vX1TkFYBMqs?t=2115#H1) #gutenberg #php ID:rw_php_blocks_001 ### [H2] Autoregister enables server-side block generation > [!quote] [Can You Really Build Gutenberg Blocks Without React?](https://www.youtube.com/watch?v=vX1TkFYBMqs) > "The autoregister thing that we want... this block does not exist without it." Core mechanism allowing PHP-only block registration through Gutenberg plugin experimental features. [view highlight](https://youtu.be/vX1TkFYBMqs?t=495#H2) #wordpress #development ID:rw_php_blocks_002 --- ### 🔖 Atomic Split Pad (Zettel Candidates) Purpose: Promote reusable claims into Atomic notes. Split level: H4 #### [Z1] Server-side rendering trades performance for simplicity - Applies to blocks with minimal interactivity requirements - Pointer to 42:00 performance discussion - Links: [[Block-Performance]] [[Server-Side-Rendering]] #### [Z2] Auto-generated controls reduce development complexity - Limited to simple attribute types in current implementation - Pointer to 48:30 upcoming features - Links: [[Block-Attributes]] [[Developer-Experience]] --- ### ✏️ Fleeting Queue Purpose: Capture quick actions for Fleeting notes. - [F1] Test PHP blocks with WP 7.0 beta — core integration timing #fleeting #testing - [F2] Compare PHP vs JS block performance — server-side rendering impact #fleeting #research - [F3] Document PHP block security practices — prevent malicious code execution #fleeting #security --- ## Full Transcript [00:00] Hello. Hey, Karolina. How's it going? [00:05] Good to see you. [00:08] Good to see you. [00:11] Oh, my microphone's over here again. I [00:13] did it again. Every time I start a [00:14] stream, I always forget I have a [00:15] microphone and that I need to say that I [00:17] use to communicate to the world. And so, [00:20] yeah, there's that. Anyhow, awesome. [00:26] Let's see. Bad dude court is here as [00:28] well. is what is going on? [00:38] >> Bad duda. [00:41] Bad duda court. [00:49] Happy 2020. Oh. Oh. Hey. [01:00] So good. Oh boy. Duda. Yes. Hello. Uh [01:04] Sashin Raj CP from LinkedIn. Um how's it [01:08] going? Um Albus original. Good to see [01:12] you. Bad dude cord. Good to see you. [01:14] Somebody else chatted. Who? Cross keys. [01:16] Cross keys. No, you don't have to touch [01:19] react if you don't want. [01:25] It's getting it's getting [01:29] it's awesome. [01:31] Um, [01:33] cross keys. No. So, the idea today so [01:35] today we're talking about registering [01:38] blocks only with PHP which is possible [01:41] um [01:44] in the Gutenberg plugin right now [01:45] because it is it is not really uh [01:49] functional. So, okay. So, here's the [01:50] history. Here's some history. So like [01:52] when when blocks first first came out [01:53] way back in the day, right? We did [01:55] everything inside of PHP and then we did [01:57] have to like we added a couple [01:59] JavaScript files to to handle the the [02:01] the editor experience, right? Um and and [02:05] the um like the save and the edit, but [02:07] it was all pretty much done inside of [02:08] PHP. So like you you would run you would [02:11] run this sort of thing, right? Um like I [02:14] don't even I don't even have an old old [02:16] way of registering it. But what we can [02:19] do now [02:21] uh is we can do this entirely in in in [02:25] PHP without JavaScript at all. Dave [02:26] Martin, hi. Uh thanks for saying hey [02:29] from Bloomington, Indiana. Uh over there [02:32] on on the LinkedIn. Appreciate you. Um [02:36] yeah, so this there's there's some setup [02:39] here. So what we have to do I have all [02:41] these tabs and we're going to get to it [02:42] all. I'm going to get rid of that. What [02:44] is this? Is this it? Okay. So, um, going [02:47] to go to my plugins page. I'm going to [02:49] go So, I have Good Gutenberg installed. [02:51] I don't think I have any experiments [02:53] enabled. So, let's just check that. I'm [02:56] pretty sure there's no medical [02:58] experiments enabled, [03:01] right? Okay. So, there is not. So, [03:04] that's cool. So, you just have to have [03:06] the plugin enabled. And that is because [03:09] it is uh newish. Like the way it works [03:12] now is new. So, um, if I were to turn [03:15] this plugin off. [03:17] All right, let me just show you. So, I [03:19] have this really simple, [03:22] um, plugin. Hey, Sashin, Raj, we're over [03:25] here in in Twitch with the chat if [03:27] everyone wants to come over there and [03:29] chat, but otherwise, I can say hi to [03:30] you. I see it. I I see you. [03:35] All right. So the important feature here [03:37] that we need is this dudad this dio [03:40] right here which is called autoregister. [03:43] I believe autoregister I believe if I [03:47] were to make this false [03:50] this block would no longer [03:52] appear. [03:54] So it's the autoregister thing that we [03:57] want. Yeah. So so this is this this [04:01] block does not exist. Right. [04:04] Uh, I'm going to make some changes here. [04:05] This is going to be Twitch. This is [04:08] going to be uh PH PHP only block. Thank [04:12] you, GitHub Copilot. So, this is the [04:14] important part. So, we want to set that [04:15] to true, right? So, the rest of this [04:18] stuff I think we we can just hide this. [04:21] Let's see. I I don't even know what's [04:23] what's um Oh, maybe I need to have maybe [04:26] something needs to be [04:28] Let's check. I don't know what what what [04:30] we need to have enabled. I'm assuming [04:32] probably title. Oh, [04:35] do you know why that error fired? I'll [04:37] tell you why that error fired. You just [04:40] wait. Because I change the name of my [04:42] block. So, I'm going to refresh this. [04:44] I'm going to uh refresh this [04:49] and I'm going to go in here. I'm going [04:51] to look in widgets because that's where [04:53] it should be. Um where's widgets? Okay. [04:56] So, it doesn't look like it's showing up [04:57] in there anywhere. [05:01] I don't see it. Oh, you know. Okay. So, [05:03] Twitch PHP only. So, so that shows up [05:05] right there. So, that's kind of ugly, [05:08] right? And this was kind of the [05:08] experience prior to 22.3, which is the [05:12] latest version of Gutenberg. Uh 21.8 is [05:15] when I believe this was actually added, [05:17] but that's kind of a poopy experience, [05:19] right? Like there's no can't see see [05:22] what it is. Do you want me to zoom that [05:23] in a little bit? Maybe I'll do that. So, [05:26] now we have all this awesome metadata. [05:28] So, we can actually do this. We can [05:31] change the icon. Let's make this the [05:33] smiley icon, which is my favorite. [05:38] All right. And uh so we'll save this. So [05:41] now we can start seeing that we can we [05:43] can build this out a lot nicer. [05:46] Loading and loading. I have it in here [05:47] twice apparently. We go rid of that. [05:50] Right. So now we can see we have this [05:52] custom title. [05:56] Cross keys has a question. And how [05:59] painful is it switching from core [06:01] Gutenberg to plug-in Gutenberg? [06:04] Um, that is a interesting question. So [06:10] it [06:13] the way to think of it is well this is [06:15] how I think of it. So the the plug-in is [06:18] the the newest development, right? Is is [06:20] how is the is the new features that are [06:22] being worked on and that's it's [06:24] published every two weeks. So you know [06:26] week one we have a release candidate [06:28] that that goes live and that's when the [06:30] all all the packages are updated and [06:31] then week two we get a new version of [06:33] the plugin. So the version of of the [06:35] plug-in adds to core let's think of it [06:38] that way. It will have features that you [06:40] can use that you can opt into. Okay. [06:45] Um yeah sure. So it's not painful [06:49] because unless you're using the the [06:53] cutting edge stuff that is experimental [06:57] that is not finished [06:59] um you're not really going to hurt [07:01] yourself too much right if you keep up [07:04] with the versions of Gutenberg you can [07:08] test these features and then uh it's not [07:12] no it's not technically stable the [07:14] entire plug-in is not technically stable [07:16] certain features will be stable um and [07:20] and and and added too. So, it's not like [07:23] if you enable this all of a sudden [07:25] everything's going to break. If you [07:27] enable it and don't do anything with the [07:29] new a APIs there, like there might be [07:32] some things that that like there's [07:35] there's backwards compatibility [07:37] that always comes into play. You're not [07:39] going to enable the the Gutenberg plugin [07:41] and then just and WordPress is not going [07:43] to work. That's never going to happen. [07:45] Now what might happen is you enable the [07:47] Gutenberg plugin. You come over to the [07:49] experiments here and you decide uh you [07:53] you decide that you want to enable some [07:55] experimentmental blocks and start [07:57] messing around with that stuff and that [07:59] might cause problems as you move forward [08:02] because like there's warnings right here [08:03] like these blogs, you know. So it's it [08:07] if you want to use it, you can but you [08:09] have to be you have to be aware of what [08:11] you're trying to opt into. All right. [08:13] And testing is the way to do it, right? [08:14] So, make sure that that you test stuff. [08:17] Now, the thing about the Gutenber plugin [08:19] is that all of these versions get rolled [08:21] up into the next major version of of [08:23] WordPress. So, the versions that we're [08:24] dealing with right now, like uh I can't [08:26] remember what what the cuto off was for [08:28] for 6.9, but these features that we're [08:30] talking about today, the PHP only [08:31] blocks, they're going to be rolled in in [08:33] the 7.0, barring some crazy all of a [08:36] sudden, oh, we can't do this, we have to [08:38] roll it back, right? So, don't worry too [08:41] much about it. This is definitely [08:42] something that you'll want to test and [08:44] then and and and you know work with [08:46] before you say deploy to your client [08:48] site. But when I was at Tenup, we almost [08:51] always installed and enabled the the [08:55] plugin because you you you know as the [08:58] development moves forward, you get [09:00] access to a lot more features a lot [09:02] faster. [09:04] Um Madtown Limbs asked a question. Um [09:08] what's this question here? I think and [09:10] by the way thank you for the first time [09:12] chat mad times I think I missed or don't [09:14] understand why the gut plugin is needed. [09:15] So the gut plugin is needed because [09:17] these features the code does not exist [09:19] in core right now. Um this was a a new a [09:24] new addition added in version 21.8 8 of [09:26] the Gutenberg plugin, which does not um [09:31] uh does not include the code that we're [09:34] looking at today, but this should be the [09:36] next major version of uh of WordPress. [09:39] Anyways, [09:41] um yes, I did work at Tenup. It was a [09:42] fantastic experience. I loved all of my [09:45] time at Tennup. It was amazing. Shout [09:48] out Jake Goldman. [09:51] Uh [09:53] yeah. Anyhow, [09:57] um yeah, so that's that's what we're [10:00] working on today. So, so yeah. So, [10:04] again, I can't stress enough that it's [10:06] safe to use, you know, with great power [10:08] comes great responsibility to quote [10:11] Uncle Ben. Um, but you know, you you [10:15] should be fine as long as you're you're [10:16] not doing the the crazy stuff and [10:18] relying on all the cutting edge things [10:20] for your features. Uh, but it's a great [10:23] way to go in and experiment. Uh, cool. [10:25] So, [10:27] what where was I? Okay. So, now we've [10:29] got we've got all of the all of these [10:32] things and we can we we can do this. So, [10:35] this mirrors [10:37] the a lot of what you you're going to [10:39] see in like a block JSON file, right? [10:42] So, we have name, version, all all this [10:45] stuff, you know, icon, category, [10:48] description. I don't know if we need [10:51] stuff like this. Like I don't think [10:52] that's really going going to do much. I [10:54] don't know what ex let's let's see. [10:57] Oh, interesting. I wonder if it supports [10:59] example. [11:03] Um [11:07] when it shows up in the widget. Okay, [11:09] hold on. I need I need to refresh this [11:11] here. Um [11:16] go to widgets. It's around here [11:17] somewhere. My custom thing. So no [11:20] preview available. So if I were to add [11:24] example [11:26] example in here and just leave it as an [11:30] empty array. [11:33] What does that do? [11:38] Uh sonwp on on YouTube is asking this is [11:41] not merged to core yet right. Do you [11:43] know when it will be merged? Well, as I [11:45] said earlier, um the the versions Okay, [11:50] cool. So, that does support title. So, [11:53] the versions of Gutenberg, [11:56] um there there's a whole slew of [11:58] versions of Gutenberg. Um like so if you [12:01] it'll be most likely in version uh seven [12:14] into oh my god [12:18] it will most likely be going this in [12:21] here. So let's just see [12:26] uh WordPress 7 was just started to [12:27] release. Oh, okay. Here's the road map. [12:31] Um, oh, wait. Here's a really great link [12:33] here. [12:36] Let's see. [12:38] So, 21 [12:41] Oh, 21.8 [12:46] 6.9. So, everything after 21.8 will go [12:49] into um [12:51] 7.0. [12:54] So I I I did test this without the [12:55] Gutenberg plugin and it didn't work at [12:58] all. So maybe some So I I know that [13:00] there was a version of Gutenberg that [13:02] one of these one of the pull requests [13:04] that started this process was included [13:07] in, but it I would imagine it probably [13:09] didn't didn't expose enough things. So [13:11] So yeah, so probably sometime in April, [13:14] March or April when 7.0 comes out. All [13:17] right. Where where was I here? What am I [13:19] doing here? So plugins this thing. Okay. [13:21] So this is really cool because now we've [13:23] got a our hello same sweet. So this is [13:29] this is done with serverside render um [13:32] that's how that's how this is actually [13:34] getting um um rendered [13:39] and uh so there is there are some docs [13:42] actually if I can find it where did I [13:44] put the registration of a block. So here [13:46] is here are some docs that you can read. [13:48] It's pretty, you know, it's pretty [13:50] straightforward. So, I um but you can [13:52] actually add some supports in here, [13:55] which is kind of neat. And I have been [13:58] looking at like there's an there's an [14:00] unstable thing. Um [14:03] so, I'm just going to add this. Now, I [14:06] did a little bit of digging, but I [14:08] didn't do much um homework on this [14:10] because I wanted it to be as much of a [14:13] surprise to me as it is to everyone [14:16] else. Does it drive everyone else crazy [14:18] that you have to do these alignment [14:20] things? Drives me nuts. Absolutely nuts. [14:25] I don't know why I said it like that. [14:27] All right. So, let's see what happens [14:29] now that we've added. So, what I did was [14:31] I I I added a color a color control [14:34] there. Uh so, grab this. [14:38] Now, we've got text yellow background [14:42] blue. Beautiful. Um, so my guess is that [14:46] we can add any control that you can opt [14:48] into with a block. So anything so let's [14:51] try um let's try padding maybe. [14:55] Now I have to remember how how to do [14:57] this. So let's get block.json open um [15:03] supports [15:07] do the block supports. All right. Okay. [15:09] Here we go. So, let's look at um [15:13] where are we? Uh [15:16] spacing. So, let's put spacing in [15:21] support spacing. We'll see what that [15:23] does. So, okay. So, it should be an [15:24] array. Okay. So, we'll go not that [15:27] spacing. [15:30] And then maybe chat GBT will help me out [15:32] here. And what was the other one? Uh [15:33] block gap. Let's just put that in to see [15:36] what that does. [15:38] M. it up. Okay. [15:44] And that's yelling at me again. Right. [15:47] There we go. Okay. So now, now I'm not [15:50] going to do this for every single one. [15:53] Excuse me. Sorry. Big old cough. Okay. [15:55] So, let's see. We got some block gap. [15:59] Going to grab this. Oh, there we go. So, [16:01] we got padding top and bottom. We've got [16:04] margin. We've got block spacing, which [16:06] doesn't really do too too much here. So, [16:09] I think it I think it follows that we [16:11] can probably add anything anything [16:12] that's in block supports right now, we [16:14] can probably add to this, which is [16:15] really cool. Um, that's pretty amazing. [16:21] Um, no, wait, wait, hold on. [16:25] Uh, [16:26] cross keys, why would you assume cross [16:30] WSG? What's WS? What What are we doing [16:32] here? Yo, stove 423. What's going on? [16:37] What's [16:40] WSG? I don't know what WSG means. What's [16:43] whatever. Uh, so Crossk is asking, can I [16:46] assume this totally ignores theme JSON [16:48] settings? How do you what do you mean? [16:50] Can Can you Can you elaborate on that [16:54] what you're talking about there? [16:56] Um, because I don't why why I don't [16:59] think it would. It's It's using [17:01] theme.json. JSON [17:03] to get the colors. Like if you were to [17:06] say for example go to a different theme, [17:10] I don't know what have let's let's [17:11] activate this theme, right? We'll save [17:14] this. I would imagine that the theme [17:16] JSON [17:18] um [17:24] Oh, I see what you're saying. No, you [17:26] should still be able to [17:29] like So you Okay, so you're you're using [17:31] theme JSON to opt into the controls for [17:33] blocks. Is that what you're saying? Is [17:36] that Yeah. So it's [17:38] Oh, interesting. [17:40] So yeah, like it's the the the colors [17:43] aren't aren't there because I changed [17:44] themes. Um [17:47] let's update that, I guess. Um so I I I [17:51] don't think this is going to override [17:53] anything. So, so what this is, this is [17:55] no different than opt out. Yeah. So, you [17:57] should still be able to opt out. In [18:00] fact, let's [18:02] That's a good question. Carolina, do you [18:04] know off hand if opting out at the theme [18:08] level overrides opting in at the [18:12] at the uh block level? [18:17] Yeah. So, like at the end of the day, [18:18] this is just the block. Exactly what [18:20] what Karolina said. and your controls [18:23] are going to be it's it's you're just [18:27] not defining them in in JSON, you're [18:28] defining defining them in PHP, which [18:30] under the hood is really what's [18:31] happening, I think, anyways, a lot of [18:32] times, but um so so I lost my mouse. [18:38] Where's my mouse? There it is. So, yeah, [18:40] it shouldn't matter. Shouldn't matter. [18:43] But I'm I'm now wondering if you go to [18:47] um [18:48] if you go to theme JSON and override [18:51] this block and tell it that to not have [18:53] block spacing if that will happen. [18:57] But that's kind of outside of what we're [18:59] talking about today. But that yeah, [19:04] you know what I'm saying? So if you if [19:08] you are enabling and disabling things at [19:10] at the theme level, I think that'll [19:12] still work. should still work, right? [19:16] Um, but let's let's let's take a look. [19:19] 2025 [19:20] team JSON. [19:22] Um, [19:25] so okay, I'm going to add the name of my [19:29] code, which is this thing, [19:33] right? What's the benefit? What's the [19:35] benefit of PHP? [19:42] welcome threr. [19:45] Uh what am I doing here? I need [19:49] controls. Where? See, this is it. This [19:51] is the thing. Color. [19:55] I don't even know where where to do [19:56] this. [20:02] That's the thing. See, I don't even [20:03] know. Oh, settings. It's probably under [20:04] settings somewhere. [20:07] Get rid of that spacing typography. [20:11] Can you do blocks under here? Blocks. [20:15] And then we'll add my block, right? [20:19] And then [20:22] we'll say [20:24] uh spacing and we'll go what did I say? [20:27] Block app. And I said it's a false, [20:29] right? And I don't know if that's [20:31] accurate or not. [20:40] Let's let's let's see. So if if that's [20:45] not the right place, somebody let me [20:46] know because I don't do this very often. [20:47] I just want to make sure. So I'm going [20:49] to save this and uh turn I will get to [20:51] your question momentarily, my friend. [20:56] Let's see that. Oh yeah. Okay. So I just [20:59] disabled block app support at the theme [21:02] level. [21:03] Oh, it's Aki Hammano. Everyone say hi to [21:06] Aki. Hey, Aki. And Terrence is here. [21:10] Awesome. Wait, is Aki not a VIP? That's [21:14] unacceptable. [21:16] We're going to pause the stream. [21:22] >> Yeah. Yeah. Of course, that guy's a VIP. [21:25] Whatever. [21:27] All right. Hold on. Hold on. Hold on. I [21:29] got to add you to the auto shout out. [21:31] It's not often that Aki gets to to to [21:34] show up here. So when he does [21:37] uh [21:39] what [21:41] why is he what's he what's [21:45] Oh, I have to add viewer. That's the [21:47] thing I'm doing. [21:49] You can't see what I'm doing here, but [21:51] I'm doing it. [21:56] There he is. All right. Now, the next [21:58] time Aki says something, [22:01] what the heck was that? That's That's [22:02] how I I That's my auto shout out for for [22:05] the for the real ones that like to show [22:08] up here. [22:10] Um, [22:12] cool. So, so anyways, um, cross keys, I [22:16] think it was I just disabled block app [22:18] support for this block at the theme [22:22] level. So, so now if I were to, so if I [22:26] go back over to 2024, I'm just going to [22:27] update this style because that's how I [22:29] do things. I should it should come back. [22:32] So, if I refresh this now, [22:35] I click this. You see, we have we have [22:37] block spacing now. But because at the [22:39] theme level under settings, wherever I [22:41] put that in here, I turned it off, it [22:44] still works, right? What's PHP blocks P [22:48] terance? [22:49] Yeah. So it this doesn't override your [22:53] theme JSON. You can still control not [22:56] live preview. Why did I click that? [23:01] Come on. Get [23:04] go back. [23:07] Oh my god. Oh my god. Oh my god. Okay, [23:09] enough [23:11] themes. I'm just going to pick the theme [23:13] I want. 2025 activate. Um, yeah. So, [23:18] yeah. So, there we go. What was the [23:19] other thing? What? Oh, uh, so slow. I [23:23] know. I know. I It was It's running slow [23:26] for me. I I'm using um I'm using Studio [23:29] and I quite like it. It's pretty handy. [23:31] I can do a lot with it, but every once [23:32] in a while it just kind of gets a It [23:34] just slows down for a second for some [23:36] reason. I don't know. I don't know. I [23:38] didn't I don't know. Um the question was [23:43] why what's the benefit of PHP only [23:46] blocks? Uh the benefit of PHP only [23:48] blocks is that people don't if you don't [23:51] like to use JavaScript or you don't want [23:52] a build process. [23:55] Uh there is no 2026 Terrence. Uh [24:00] um yeah. Yeah. I I know they're working [24:02] on performance stuff. So under the hood [24:04] is running playground, right? And and [24:05] there's a lot there's a lot going on in [24:07] there and every once in a while it needs [24:08] a a kick in the pants to get going [24:10] again. But thunder era to answer your [24:12] question, not everyone likes build [24:14] processes. Not everyone likes React. Not [24:16] everyone likes to work with JavaScript. [24:17] Sometimes you don't even need it. Um [24:20] like if this block if if this block was [24:22] just like give me the latest posts, [24:25] right? Um you don't need an entire admin [24:29] for that. I mean if you want to control [24:31] the amount. Sure. What is this? I see [24:33] the Okay. Uh AI seems like seems to like [24:36] build processes. AI. Yeah, for sure. [24:38] Because everything's a build process. [24:40] Like JavaScript's won. JavaScript has [24:42] won the web wars. It is. Oh, [24:50] feel like I have to change that voice [24:51] because if it happens too many times in [24:52] the stream, it starts to annoy me. So, I [24:54] can only imagine what y'all folks are [24:56] thinking here. Bad dude cord has got a [24:57] big wall of text here. Let's Let's see [25:00] what it is here. Uh, spotlight message. [25:05] I see the benefit of devs that don't [25:06] want to learn JS Reactor even more [25:08] potential. But also I also thought the [25:10] server side render kind of discouraged [25:12] in the past. Maybe it's changing with [25:13] the interactivity API. Uh that's a good [25:16] point. It is not. This is not [25:20] um [25:27] the the thing is [25:29] serverside render is not always the best [25:33] solution in the block admin like in in [25:36] here. Um, but that's what it's that's [25:39] what's being used to render what you're [25:41] seeing right here cuz it's a it's a it's [25:44] a serverside only component or uh block, [25:48] right? [25:49] Um, and so the thing about it is that uh [25:52] it's it's using the new there's a hook a [25:55] use server you use the server side rent [25:57] render hook that's that's being used, [26:01] right? Um, which I can show you. Where [26:04] is it? Oh, no. It's a bit in the weeds [26:07] right here. Let me uh zoom this in. So, [26:10] this is actually when this is being [26:12] registered, it's being registered inside [26:14] the register core blocks uh function. [26:16] So, we're in Gutenberg right now. Um I'm [26:19] just going to jump this to trunk just [26:21] and hopefully nothing changed or maybe [26:24] I'll just go back not screw around with [26:26] it. Uh but basically what's happening [26:28] here is they're using a a uh use [26:30] serverside render thing and it's getting [26:33] the content back and that's being passed [26:34] into an HTML renderer, right? But yeah, [26:36] there is a docs link for it. Uh [26:40] thank you Karolina. Um yeah, so [26:46] yeah, there's there's lots of reasons [26:48] why I think PHP blocks can be can be [26:51] useful. Um the boiler plate is a lot [26:54] lower. like I I registered that entire [26:56] block that you're looking at with just [26:57] this. That's it. Nothing else. There's [26:59] nothing else being added and cued. Um [27:03] nothing now I and I don't think there's [27:07] uh now the only thing is this I I wonder [27:10] actually will this show up in let's [27:12] check a couple of things. So if I if [27:15] couple things that I wanted to look at [27:18] is um if I want that's the wrong way. [27:21] Clear. [27:23] If I wanted to do WP.DATA [27:27] select [27:30] um maybe block editor. [27:36] Oh, I'm at the wrong level. Sorry. Run [27:38] that again. What I can never remember is [27:41] get [27:44] um [27:46] No, I'm going to I need to do this. I [27:48] think it's [27:50] uh blocks. I think it's that I think I [27:52] need to get the registered. I want to [27:54] get get [27:56] block types. [27:59] Yeah. So, get block types is what I'm [28:01] wanting to call. Uh, get block [28:06] types. [28:08] This is showing meund [28:11] a lot of blocks. [28:14] >> I'm just trying to Oh, thanks for the [28:17] sub, cross keys. You're the best. the [28:19] best. [28:21] I don't care what anyone says, you're [28:24] the best. Um, okay. So, it is actually [28:26] showing up in here. So, it it does get [28:28] registered like the way that you would [28:29] normally register it. So, you do have [28:30] access to it uh programmatically in the [28:32] data stores and everything, which is [28:34] great. I wasn't sure how that would uh [28:37] pan out, but um yeah, so that is cool. [28:42] Um [28:46] you're being annoying feet. What? Yeah, [28:48] it's going to fill a lot of annoying [28:49] gaps. [28:56] Sorry, I'm reading chat here. Um, [28:58] there's a lot. Yeah, this is great. Uh, [29:00] PHP is only going to be good for utility [29:02] is going to be good is only going to be [29:04] good for utility blocks. For example, I [29:06] have a newsletter CTA card that content [29:08] creators have no control over except [29:09] where they insert it in the content. [29:11] Interesting. So, it needs to exist as a [29:13] block for Gutenberg, but they all need [29:14] all they need to do is place it. no [29:16] other input for them to get. [29:18] That's true. I mean, you can do the same [29:20] thing in JavaScript blocks. Um, if you [29:23] wanted [29:28] Yeah. I mean, yeah. Uh, Terren's point [29:32] about uh a like a block version of a [29:35] short code. Definitely. [29:38] Do we still get access to sidebar [29:40] inputs? That's the next thing that I'm [29:41] trying to figure out. Um, this now I'm I [29:45] I haven't tested any of this. I'm going [29:47] to try to put an attribute in and I'm [29:49] going to try to get it to do something [29:51] in the right hand side. So, let's see [29:53] what happens. I have no idea what is [29:56] going on. But yeah, uh, [30:02] you're not asking any distra distracting [30:04] questions. That's the whole point of [30:05] this. Glad you're here. But, uh, sidebar [30:08] inputs. [30:10] What's this? [30:14] Yes. So, this is the experimental thing [30:17] that I I'm uh I'm I'm trying to figure [30:20] out here. [30:22] So, this is a good example here. So, [30:25] what is this? [30:30] Okay. So, this [30:33] Okay, maybe you don't need to do [30:35] anything other than just add it. Okay. [30:37] So, I'm just going to add this. I'm [30:39] going to add an attribute in here [30:40] somewhere. Oh, wait. I'm going to get [30:42] the whole [30:44] the whole array. [30:48] Um, [30:55] uh, do that. Okay. So, I'm wondering if [30:58] this is just going to ma make it work. [31:01] Let's look. [31:03] Um, I lost my There we go. All right. [31:06] So, I added a string in here. [31:18] Okay. [31:20] So, [31:28] is is that the same? [31:32] It is. Pony blocks have no way to edit [31:34] their attributes in editor. This PR Oh. [31:40] That's not okay. So, that's in, but it's [31:43] not. It's not. [31:50] Yeah, it'll be the next Gutenberg [31:51] release. Hey, Brian. How's it going? Um, [31:55] now I did see something. I did see [31:58] something. [31:59] Yeah. Well, which is fine because um the [32:02] the two weeks thing is not really crazy [32:05] because uh No, I'm not working with [32:08] Trunk. I'm I'm on 22.3. [32:10] I'm wondering though if um [32:21] so I was doing some digging today and [32:25] experimental auto control. [32:32] >> Yeah. Is 22. It's supposed to be next [32:35] week, I think. I think I think what are [32:38] we on right now? Is the release [32:39] candidate out? So it be 22.4 RC. This [32:42] was released yesterday, I think. And [32:45] then next week we'll be [32:47] it it it'll be out. So I I clearly [32:49] should should have waited. Um [32:53] Okay. I'm What I do? I'm going to add [33:03] Okay. [33:08] I I wonder if I add this. I I don't know [33:10] if if this will work. Title. And if I go [33:17] I get that. I don't think this is going [33:19] to do anything. [33:21] Uh I don't think this is going to do [33:24] anything, but I want to check anyways [33:25] cuz I'm wondering if this is under the [33:26] hood because this is not on trunk. Um so [33:29] I'm just going to see. We're just going [33:31] to see. Just going to see. You know, my [33:34] guess is that it won't it won't do much [33:36] right now. Um, but what's really cool [33:39] about this is we're going to have the [33:41] ability to do this [33:43] next week, which is really cool. [33:49] No. Okay. So, nothing unless I'm [33:53] All right. So, that did not work, which [33:55] is which is totally expected, which is [33:58] too bad, but that's okay. Um, wait. Did [34:01] I Did I actually do that right? Let's [34:03] see. [34:08] Name. [34:12] Yeah. Okay. So, that would be the in [34:14] that part of the array. So, I mean, I [34:16] could check out Gutenberg and we could [34:18] we could take a look at that. I didn't [34:19] do that right now. Um [34:24] Um, it'll probably take forever, but [34:28] let's see. Okay. You know what? I'm [34:30] going to do that. I'm going to just do [34:32] that while we talk here. Um, [34:38] what's hilarious is I have to go and [34:40] actually grab this. Say boop boop. Let's [34:44] go open an integrated terminal. [34:48] I'll go get clone [34:53] uh guten. [34:57] All right. Oh, [35:05] all right. We'll let that run. That was [35:07] going to take forever. Um, yeah. So, [35:10] this is like it's very much emerging [35:12] thing. So this this axi cross case this [35:14] is a really good example of like um like [35:16] we're on the bleeding edge here right [35:18] now of PHP block registration and um [35:22] it's not quite ready but I mean the next [35:25] version will have this next piece of the [35:27] puzzle and then there's I'm sure there's [35:29] more like Hector is doing a lot of [35:31] really really awesome work here on all [35:32] of this stuff. [35:35] Um [35:37] what is this on the client in block [35:40] editor package converts mark time to [35:41] data form attributes it's necessary to [35:44] okay obsolete once this lands okay [35:49] exclusions attributes are excluded from [35:50] auto if they have a source have a role [35:53] or added by block supports testing [35:56] instructions [35:57] this is very cool so let's let's let's [36:01] take a look at what this is so he's got [36:03] this okay so it's going to Look. [36:07] Wow. So you can define it. Enum. [36:12] Oh, the type gives you. How does it [36:14] know? [36:19] String with enum is a select field. Oh, [36:21] very cool. So you Oh, you pass it string [36:24] with So you pass it an enum and this [36:27] this would be the select options for for [36:29] your dropdown. That's very cool. [36:33] I was this is an idea that I had like [36:36] two years ago about like doing this with [36:38] block JSON having autoregister controls [36:42] like this should be in block JSON as [36:44] well which it may it may well be as part [36:46] of this but um that would be super cool [36:50] because then you could just say [36:52] like what would be great in here is it [36:55] like a lot of this stuff is very [36:57] straightforward but if you had something [36:58] more complicated like say you had a date [37:00] and you wanted to it stores as a string [37:02] But you wanted it to be a date picker [37:03] component. That'd be really nice to be [37:05] able to tell it. [37:08] Mhm. [37:10] Very much. Very cool. [37:13] All right, let's see how our Okay, so CD [37:16] Gutenberg [37:18] um-dev [37:20] npm [37:22] npm install and npm. [37:27] I can't see. My mic's in the way. Run [37:29] build. See what happens. [37:32] Boom. Let that run for 45 minutes. Oh, [37:36] you know what? I forgot to do this. I'm [37:38] going to um every stream we're doing [37:39] viewer callins. So, I'm going to start [37:41] my viewer call-ins right now. So, if you [37:42] want [37:44] um [37:48] I'm going to take a risk here. if you [37:50] want and you have a mic and a camera and [37:52] you want to come on the stream, [37:55] um [37:56] you can you can [37:59] say hi and I'll I'll bring you in. Oh [38:02] boy, [38:05] that was [38:08] I don't even know. I don't I I'm sorry. [38:13] I should know better than to click [38:14] internet links. [38:16] Oh, well, you know, I've been streaming [38:18] now for Well, is am I actually live now? [38:21] Am I banned on Twitch yet? I'm even I'm [38:24] so scared to even open up things now. [38:27] Um, [38:30] that was [38:34] that was really bad. So, [38:37] I don't know if I'm going to get banned [38:39] or what happened, but uh anyhow. [38:44] Yeah, I know. I'm just never going to [38:46] click links again. That was so dumb. [38:49] Okay, I looks like I'm I'm streaming. I [38:52] apologize, my friends. I'm not normally [38:54] that stupid, but uh apparently I am [38:56] today. So, um [39:00] yeah. [39:02] So, if anyone was horribly offended by [39:04] that, then I apologize, but uh that was [39:07] not my intention. [39:10] Jeez. Okay. Um, so anyhow, [39:16] uh, that is ridiculous. I will never [39:21] click another link again. Um, oh, right. [39:24] Did I do I have [39:27] Hold on. I got to get back over to my [39:29] Twitch channel. I had to quit [39:31] everything. [39:34] Do I mind testing out there? He's back. [39:36] Let's get the This guy's back. He's [39:38] back. [39:45] Hey, it's a link. I should click that. [39:47] I'm going to go ahead and Where's Is [39:49] there a ban? Is there a ban for for this [39:52] person? [39:53] Yeah, we're going to ban you. [39:56] Yeah, banan. [40:01] Yeah. Well, I didn't have a chance. I [40:04] had to quit. I quit and I was gone. Uh [40:07] cuz I I I couldn't quit everything fast [40:10] enough. Uh yeah, the VOD is going to be [40:13] gone. But uh I uh that's ridiculous. I [40:16] will upload this. I'm going to take both [40:17] pieces. I'll cut out the the the fun [40:20] section and I will edit them together [40:22] and we'll I'll do a version on um I'll [40:25] I'll I'll re-upload this properly. So [40:27] anyhow, [40:30] oh, you know what? I've been doing this [40:31] for long enough that I should I should [40:33] know, right? Like I shouldn't be so [40:35] stupid. Uh but anyways, I want to get [40:38] stream together going again. So if you [40:40] guys do want to come in chat, even if [40:42] you're, you know, I'm gonna make a [40:43] little bit of changes though. Um so [40:47] yeah, so if you want to come and chat, [40:48] come hang out. Um why is this this [40:53] person should be banned? Like what is [40:55] this [40:58] uh banned? Oh yeah, for sure. [41:04] Okay. Anyways, [41:12] well, you know what? If people if [41:20] um [41:21] Hey, I got a new game. Can you try it [41:23] for me? [41:26] Well, Cross Keys, thanks for clipping [41:28] that. What was the look on my face? As [41:30] soon as I I clicked it, I was like, [41:32] "This is this is a horrible idea." Um, [41:37] yeah, I'm not clicking anything ever [41:39] again. [41:43] All right, anyways, back to what we're [41:45] doing here. So, this is installing. And [41:48] jeez, I feel I feel quite bad, actually. [41:53] Um cuz I know uh uh Terrence is he's not [41:57] even on on the uh [42:01] So that's still loading. That's still [42:04] loading. Okay, cool. Let's see. Um I'm [42:08] going to build this out and then we'll [42:09] see if we can get that uh that other [42:11] thing going. Uh [42:14] crazy. [42:20] Wow. [42:32] Oh, I just [42:37] you know when you're just like you you [42:39] like [42:40] the the the bot got me. The bot got me. [42:43] It's funny. I I I got it. I got I fell [42:46] for it like an idiot. But I'm also [42:49] mortified cuz I cuz you know my my my [42:53] viewers [42:55] my my friends are all getting like uh [42:59] okay come on now let's build any um yeah [43:04] if and and I know this is going to show [43:06] up in certain discards [43:08] somewhere. Oh boy. [43:14] Ridiculous. All right. So viewer callins [43:17] are active. They should be active. If [43:18] you're interested in jumping on and [43:19] chatting about uh you know coding stuff [43:22] or you know Flappy Bird, we we we can do [43:24] that. Happy to have you on. Um [43:29] yeah, you know, so [43:46] Okay, it's getting there. It's loading. [43:48] It's loading. It's loading. It's [43:49] loading. [44:07] Okay, so we got it built. So, let's I'm [44:09] going to um [44:12] It was not on my bingo card today [44:14] either. Um Oh, you know what's [44:17] ridiculous? I had to like So, here's the [44:19] thing. Should I just open up all my [44:20] tabs? Should I just reopen all my closed [44:23] tabs? [44:27] How funny would that be? Uh, I don't [44:31] think I want to do any of that. Uh, I'm [44:33] going to have to go and scrub. Oh my [44:35] god. Oh my god. Is the bunch of crap [44:38] downloaded, too? [44:42] I'm going to have to burn my computer. [44:46] I'm going to have to burn my computer. [44:58] Yeah, I'm going to just Hold on. Where's [45:00] my history? I'm going to do this later [45:01] because I don't want anything popping up [45:03] here. I'm going to clear. You need I I [45:05] need I need an old priest and a young [45:06] priest. That's what I need. Uh [45:10] oh, that's not it. It is it post. Sorry. [45:13] Sorry. I'm all flustered now. I'm all [45:15] flustered. It's ridiculous. Okay. I [45:18] cannot believe I did that. Anyways, [45:19] okay. So, plugins. Let's look at the [45:22] install plugins. So, I should have two [45:23] Gutenbergs. So, this one is going to be [45:28] uh deactivate that one. I think I [45:31] activate this one. [45:37] H [45:48] Ah, there we go. Okay. A safe for work [45:51] screenshot reaction screenshot in the [45:53] WordPress chat discord. Of course, you [45:54] put that in the WordPress chat discord. [45:58] Who Who do you think's going to have an [46:00] heyday with that? [46:03] I'm going to go look right now. [46:10] Let's see. Uh, WordPress chat. Oh, there [46:13] it is. Yeah. Yeah, that was that was not [46:18] good. [46:19] That's a good one. Thank you for sharing [46:21] that. That's actually fairly funny. Oh, [46:23] okay. All right. I'm going to quit [46:24] Discord. Someone else violates my [46:28] my my [46:30] chat. Okay. Anyway, so this this is [46:33] looking like So, I have Gutenberg like [46:35] the the plugin [46:38] enabled. Um, [46:41] and sorry, get like uh Gutenberg like [46:44] from trunk enabled. And um [46:49] I'm just I'm so flustered right now. [46:52] It's ridiculous. [46:58] Yeah. I don't I don't know what I did. I [47:00] I I don't know how I got so lucky. I've [47:01] been doing this stuff for 4 years. Three [47:04] years. Four years. and never never had [47:07] anything like that. So, it's either a [47:10] sign of I'm getting better, getting more [47:14] popular. [47:16] I don't know. Ridiculous, though. [47:18] Anyway, okay. [47:21] So, uh there was a link up here. I'm not [47:23] going to click a Flappy Bird link. Uh [47:34] which one is this? [47:38] Oh, no. Not Not that one. Thanks for [47:40] sharing that, though. Hockey. Sidebar [47:42] inputs. This is the one I want. [47:46] Crazy. All right. I'm just going to drop [47:48] all of these in here and we can play [47:50] around with this and see what it it see [47:52] how it works. I mean, it's really It's [47:54] clearly just like being tested. So, if I [47:56] just did I did I grabbed the I didn't. I [47:58] grabbed grab that. [48:02] Um do that. Let's see what we got. [48:05] So here [48:15] yes, it's exactly what's going to [48:17] happen. Oh, okay. Very cool. So checkbox [48:22] count. All right. So for like simple [48:24] things, this is pretty powerful. And [48:26] even I mean you can even [48:28] this is pretty powerful. So like and [48:30] what like and one of the cool things [48:32] about this is like you could do you [48:34] could get like um [48:37] a series of posts throw some ideas IDs [48:40] in there. Yeah. Check out the new user [48:42] submitted block cord. Not goatsy. [48:44] Honestly, thank you. Thank you for that [48:46] funny story. Well, not funny. Not not [48:48] not funny. Haha. Funny. Like we had this [48:51] uh my kids school had this thing um I [48:55] can't remember what it's called. It was [48:56] like a It was like a It was an an app [48:57] for teachers to talk to parents like in [49:00] a classroom. It was it was it was pretty [49:02] secure. Well, we thought it was secure. [49:04] And so, um it was great because the [49:06] teachers could just post a message to [49:08] their class and just the parents of this [49:10] of the kids would see it. And uh one day [49:13] we woke up and somebody had posted the [49:15] the goatsy image in it and it was a hack [49:18] and it it was one of those hacks that [49:20] um as soon as it opened it basically [49:23] like infected the next person. So, it [49:25] just like got spammed throughout this [49:27] massive network of parents of kids in [49:30] kindergarten. Uh, and so the app was no [49:35] longer used after that. Horrible, [49:37] horrible things happening. Um, [49:41] anyhow. Yeah. What time is it? Can I [49:43] stop streaming yet? I feel like I have [49:44] to go have a shower. [49:48] Uh, okay. Cool. All right. So, that's [49:50] pretty neat. That is very very very cool [49:52] stuff that we can do this. Um, so this [49:55] is going to make fairly simple blocks [49:57] pretty pretty amazing. Now I would [49:59] imagine though [50:02] that you're not going to get [50:05] so we should get the render callback [50:08] function should be a function. [50:15] Um, [50:19] so let's let's split this out in in in [50:21] into its own function here. Um, and see [50:24] what we Sure. Let's do that. Okay. Um, [50:29] we'll see how that renders. [50:47] Oh, look at that. [50:53] At some point, we have to talk about a [50:54] source security in your stream. Yes. [50:58] Yes, you're right. I'm going to have to [51:00] do a bit of research and figure out how [51:02] I can not be an idiot on stream. I'm [51:05] just never going to click a link from [51:06] someone I've never seen before. [51:11] I'm actually terrified to look at my [51:12] downloads folder because I I saw a [51:14] little preview of something down there [51:15] and I'm like, dude, that doesn't that's [51:17] not something I actually downloaded. Um, [51:20] so this is cool, too. So, we can make [51:21] these these changes and it actually Oh, [51:23] wait a minute. Okay, let's see what [51:27] triggered that. So if I select this. [51:33] Okay. [51:36] All right. So it tracks attribute [51:38] changes and does a it does a rerenders [51:40] which is nice. I don't like the [51:43] experience, but that's [51:46] that's about as good as you can expect, [51:48] I think, for a serverside render like [51:51] because it's never going to be as fast [51:53] as doing it like with a with with [51:55] JavaScript because you just write in the [51:57] application, right? And then then it [52:00] triggers a save. Uh but this is kind of [52:02] cool. [52:09] Oh, and it's it's handling all the very [52:12] very nice. [52:18] Okay. [52:20] So, what other things do we want to look [52:22] into here? I had an idea about like [52:24] let's say we wanted to add some custom [52:26] CSS. [52:28] Um, [52:30] how would we do that? I don't know if we [52:33] could do that. Now I'm pretty sure [52:36] register block type in the args of [52:40] register block type [52:42] it is a [52:45] if we look for um [52:48] wp block type class [52:51] um [52:54] I'm pretty sure that there is A [53:04] block hook selector supports category [53:06] style styles. [53:13] Um, [53:20] I think this might not be what I'm [53:22] thinking. Um, [53:29] yeah. So, I think there is a um that's [53:33] not what I was looking for here. Um [53:37] blocks blocks type block types [53:43] new [53:51] block type. [53:53] Okay, [53:56] I'm pretty sure that there is a like a [53:58] scripts script handles these script [54:01] handles and would that mean there's a [54:04] styles handles? So, if I were to put [54:07] styles handles in here, [54:10] um, [54:13] if I were to put styles handles in here [54:17] and then pass it, [54:21] like if I were to do an array, that's [54:23] obviously not what I would do there. But [54:24] let's say I had let's say I I want to [54:27] incue [54:32] um [54:34] incue a [54:36] Let's just do that. So I I don't want to [54:38] in Q. I want to [54:41] where where would I want to do this? So [54:43] I'm going to go I want to just like in [54:46] um [54:48] Q uh [54:50] style [54:52] sheet. I don't know why I'm googling [54:54] that. What hooked what do I want to put [54:56] it in? So block it. Let's say I want to [54:58] do it on um in Qcripts. [55:03] No in Q scripts. [55:07] This is not this is not [55:11] P and Q scripts. and Q scripts. All [55:14] right. And then in here I want to get um [55:19] so this is going to be um CSS and I'll [55:24] say file and then in here they won't [55:26] it'll just be put in assets [55:31] and I'm going to call this um test.css [55:35] CSS and I want to spell assets [55:37] correctly. And then in here, I'm going [55:39] to do new file test. [55:43] That's CSS. [55:45] All right. So, I need to do something in [55:47] here. Oh, you know what? I'm going to [55:48] add a class somewhere in here. [55:53] We're going to go um class is going to [55:57] be uh patient penalty block title. Okay. [55:59] So, this is going to be like this. And [56:02] in here, I'm going to do nope. I need to [56:05] do [56:06] this. And then I need something like [56:09] size uh font size. We'll make it 224 [56:14] pixels. Sure. Let's do that. Okay. So [56:19] then in here [56:22] I what I want to do is I want to go WP [56:26] register [56:32] style, right? And the handle's going to [56:34] be that. [56:36] And [56:39] sure, let's just do this. Oh. Um, [56:48] why is it ying me? [56:52] Then I don't need that. All right. [56:55] So, my idea here is that I'm thinking if [56:58] I register this and then I pass this [57:01] into my list of [57:03] style handles [57:05] that [57:07] hope. What? Why? Why? What? Spaces tabs. [57:11] What are you talking about? [57:18] No, I don't want what? Screw off. What's [57:21] going on here? [57:23] I need to go away. Okay, I just want to [57:26] register this file. Okay, great. And [57:28] then what? Why is this yelling at me? Am [57:32] I using tabs or anything? [57:46] Okay. Whatever. I don't think that's an [57:50] I don't think that's a thing. [57:57] Okay. So, that did it. [58:02] Why didn't that carry over though? [58:07] Oh, Alpus original. Sorry, I didn't see [58:09] you there. Now, you're not going to [58:12] you're not going to ask me to um you're [58:16] you're not going to ask me to play a [58:17] Flappy Bird game, are you? [58:20] Oh, are you not there anymore? Okay. [58:22] Anyways, once you show up, so here's [58:24] something that I I'm just now seeing [58:26] that I that none of the [58:29] style Oh, you know why am I not Yeah, [58:32] that this is why cuz I'm an idiot. Um I [58:35] need uh What is it that I need? [58:40] How bad is it that I cannot remember how [58:42] this works? I need um [58:45] I need to get [58:47] this. [58:49] I need that. Um, and I need to add it. [59:02] Make sure that that works. [59:07] I don't I don't need that. I also I'm [59:09] going to add this in here. And that [59:13] should be all I need for that. And then [59:16] why? [59:19] Oh, right. because I'm not closing the [59:21] the div [59:28] H. [59:31] All right. So I think on the front end [59:33] now I should get the colors. Yeah. Okay. [59:35] So okay, cool. So that does work. So the [59:37] thing that you can do if you did need to [59:39] have CSS on the front end that you want [59:42] to that you want to bundle with your [59:43] block, you can do it. Now, I I I don't [59:46] know if there's an easier way of doing [59:48] it, but you know, we have a series of of [59:51] of styles handles. So, does that mean [59:53] that there's actually going to be um No. [59:57] Where am I? Huh? What? Where'd that go? [60:00] In here. [60:04] I lost where Styles handles is, which is [60:07] really awesome. [60:10] Um, [60:14] so I should be able to get in here. So, [60:16] styles handles [60:18] get rid of that. Uh, get rid of that. [60:22] So, we got styles handles. We've got [60:26] editor script handles, script handles, [60:28] view script handles, viewcript module [60:30] editor style handles. So, we should also [60:32] be able to do the same thing if we [60:33] needed to [60:35] by adding like that. [60:38] And [60:41] um editor, let's see, editor style. [60:49] Oh, Elus, were you having an issue [60:51] getting set up or I I invited you, but I [60:54] don't see you in in in the thing there. [60:56] So, you just let me know. Oh, yeah. [60:57] Let's let's just uh [61:02] I'm going to do the same thing down [61:04] here. [61:07] And um I'm going to add an editor. [61:15] And then [62:13] Okay. So, I think we should have [62:15] something loading on the editor side [62:16] here. Now, [62:20] if I actually put a class in there. Did [62:22] I put a class in there? Wait, hold on. [62:24] Let's check. Okay. So, we go Oh, uh, [62:27] does that get loaded on the Does that [62:28] get run on the [62:32] I don't know if that gets run on the [62:35] the block editor. [62:37] Might have to do a second script. [62:42] Um, [62:46] probably have to do it that way. Get rid [62:49] of this. [62:52] Right. So this is going to load assets [62:54] editor CSS. So this would be block only. [62:57] Do I actually have block only title in [62:58] here? I should should I'll all be in [63:00] there. [63:04] So be block only title. Okay. So block [63:05] only title. Um [63:11] hopefully it's already yellow. [63:14] Let me reset this. Reset all. Okay. So [63:18] save that. [63:20] Jump over the front end. [63:23] Okay. [63:32] Oh. Oh, okay. Works. Okay, perfect. So, [63:35] that works. Um, okay. So, yeah. So, that [63:38] could be how you do it. Um, now, so [63:42] following this same sort of thing, you [63:44] could absolutely add it. add uh now I [63:47] mean we're kind of getting in the weeds [63:48] a bit here but you could also um because [63:52] so the editor doesn't need to be there [63:55] right so you you could do this in cue [63:58] this stuff and then just add it as you [64:00] need to add it in in your definition [64:03] here [64:05] um [64:07] you know what I want to check something [64:08] else though first um I'm going to [64:10] disable this one I'm going disable so [64:13] the top one is actually the um the um [64:17] the shipped version. So when I when I [64:20] load this, we shouldn't get the the [64:22] inter like Yeah. Okay. So we don't have [64:24] those things anymore, but that still [64:26] works. [64:27] The front end should still work, too. [64:35] Okay, [64:43] cool. Um, [64:47] yeah. [64:52] Says I have zero viewers. That's weird. [65:00] That's very strange. Is YouTube down? [65:04] Oh, it says I'm live. Poor people [65:06] watching. [65:11] Okay, that's working. [65:14] I don't know. Maybe this other thing is [65:16] just not uh [65:23] the bands are coming in. Yeah, I'm out. [65:25] I'm done. I'm done. It's been It's It's [65:27] been fun. It's been fun, folks. [65:30] Cannot believe I I I I did that. Anyhow, [65:34] um [65:37] yeah, I'm sure I'm sure I'm sure it was [65:39] a technical uh difficulty, but uh [65:41] anyways, but like at this point, I think [65:43] we're like we've got everything short of [65:46] the the the auto attributes on the right [65:48] hand side. Um which which will be coming [65:51] in the next version of uh of Gutenberg. [65:54] I don't know like what else what else do [65:56] we need to do? I guess I mean I guess [65:58] technically we could also do um like if [66:02] if I were to do like a like a JavaScript [66:05] file on the front end. [66:11] Um [66:20] right and then I can incue [66:24] this again. [66:34] We can do script. We'll do that. And [66:38] then [66:40] I should be able to I would imagine that [66:42] there's script handles in here too. [66:45] Script handles. We can put that in [66:46] there. I can paste that in there. [66:57] Oops. So hopefully on the front end I [67:00] should be able Yeah. So there we go. [67:01] Fluffy bird. [67:03] Um so this is pretty complete. I mean I [67:08] think it's a pretty complete solution [67:10] for those that don't want to mess with [67:14] um the only thing. Yeah. So feature-wise [67:18] it's basically complete. [67:21] if you're okay with a very simple user [67:24] interface for your attributes. That's [67:26] that's that's a big caveat because this [67:31] is not allowing you and and and maybe [67:33] it's coming and I think it would be very [67:36] cool if we could get that to work. Um [67:38] because if we are uh where is it? If [67:42] we're generating controls from [67:44] attributes and there's no reason why we [67:46] couldn't take it to the next step. Like [67:47] there's logic in here that's saying like [67:50] um [67:52] like there's there's there's there's [67:54] logic that's like a number field, an [67:56] integer field, a boolean field. There's [67:57] no reason why we couldn't use that and [67:59] then have um [68:04] this sort of thing where it says string [68:05] with a num is a is a select field. Well, [68:08] maybe string with a component name gets [68:11] gets built in instead. I mean, I think [68:13] that's a cool idea. Um, because that's [68:15] the thing that's going to be immediately [68:18] unless you're doing anything with simple [68:20] numbers and simple like if you're if [68:22] you're doing anything more than simple [68:23] numbers, strings, booleans, that sort of [68:25] stuff, the autogenerating of um controls [68:28] kind of falls down a little bit because [68:30] you're not going to be able to put in [68:31] like a a color picker or like a date [68:34] selector or any of that stuff. And and [68:36] those tools are all available to you. [68:38] Um, I don't know if the plan is to have [68:40] it be like a onetoone comparison with um [68:45] one to one comparison with what you can [68:47] do on on the JavaScript side. I'm not [68:50] sure. But other than that limitation, I [68:53] think we're pretty pretty feature [68:56] complete like from a parody standpoint. [69:00] Um, I don't know. What do y'all think? [69:05] Elus, did you ever get uh connected? [69:08] Were you able to I don't know if my [69:11] technical difficulties broke everything, [69:12] but [69:15] um yeah. [69:19] Oh my god. I'm going to have to like go [69:20] through this entire computer. [69:26] Oh, if I can find that Steve 423, I'd [69:29] punch them in their stupid bot face. [69:33] Ah, so dumb. Anyways, [69:42] hang up today. We'll save Colins for [69:43] next week. Give yourself a break. Yeah. [69:46] Oh, hey, whatever. Callins want to [69:48] happen. They don't want to happen. [69:48] That's cool. I'm I'm going to uh [69:54] Yeah, it's going to suck. I'm I'm going [69:55] to do call-ins every week. Every week, [69:57] I'll just have them open. I'm going to I [69:59] think I might limit it after today. have [70:01] decided I'm going to limit it to people [70:03] that have been following me for a [70:05] certain amount of time. So, if you're [70:06] interested No, no, no. Fire, what what [70:09] are your questions, Cross Keys? I'm [70:10] going to end viewer callins for for now [70:12] and then um [70:16] yeah, [70:17] why don't you ask me your questions [70:19] right now. Um, [70:30] oh god, your basement's fine. Um, I'm [70:34] having two problems with my strip down [70:35] Gutenberg setup. All right. Well, lay it [70:37] on me. What is it? [70:45] Core in bed. Mhm. Corin bed. [71:17] Okay. So, the Corinbat I believe is just [71:20] a bunch of variations. [71:22] Um [71:35] and you should be able to just [71:36] unregister all the variations. [71:49] Yeah. Unregister block uh variation. I [71:52] did. I did. [71:56] Where where did I I have a snippet that [71:59] does that. Hold on. Um [72:04] uh [72:17] is this it? [72:20] Is it the block styles? [72:25] Okay. So, it's it's gonna be [72:31] uh I trust you, Troy Troy. Yeah. So, [72:36] that's what you're going to that's what [72:37] you're going to be doing. Exactly. That [72:39] snippet right there. I have something [72:41] similar that I did for block styles, but [72:43] it's the same idea. So, um [72:47] that's that's going to be how you do it. [72:49] Um, but you're going to want to only do [72:51] it like it once like um, so it depends [72:54] on where you're doing it. Um, so the way [72:58] I did it was I did it in the block [73:00] editor using u, I hijacked. So okay, so [73:04] you can take choice code and and that'll [73:06] work. [73:08] Uh yeah. [73:10] Um or this this you can take a variation [73:13] of this and instead of making it block [73:15] styles, you can make it block variations [73:17] and you can do the same thing um and get [73:20] rid of it. The only difference between [73:22] the two is this is actually added into [73:24] the um um it's injected via the slot [73:28] fill system. So you can use hooks [73:30] whereas uh this version is you're using [73:34] the the globals. There's no right or [73:36] wrong way of doing it. It just depends [73:37] on where your code is going to go. So, [73:40] um, yeah. So, that's the first one. [73:43] Solved, problem solved. [73:52] What's the other issue? Is the other [73:53] issue people dropping Flappy Bird in [73:55] your I have a heavily locked template. [74:22] Okay, you have a heavily locked [74:23] template, loads of stuff locked in [74:25] place, except for a wrapper that exists [74:28] solely to be an interlock container with [74:29] a white list. That's the main place [74:31] where writers insert content. You okay, [74:34] I'm following you? [74:56] I have this weird thing when after [74:57] saving and revisiting a post, no matter [74:59] what [75:01] has no matter what is what? I have this [75:04] weird thing when after saving and [75:05] revisiting a post, no matter what has [75:07] changed, [75:09] is there a dot dot dot [75:20] I get the warning that the template's [75:21] changed and if I want to reset the [75:22] template or keep it as Oh, keep it as it [75:28] is. Okay. [75:34] So like an unsaved warning like the the [75:36] sort of like something's changed. Do you [75:39] want to save it? Change. And if I want [75:41] to reset the template or keep it as is. [75:45] Is this template Does this template come [75:47] from a file? [75:49] Yellow top alert bar. Okay. Does the [75:51] template come from a file? [75:59] because I've I've seen that where like [76:01] some of the content like I've where I've [76:03] created blocks in the it's it's template [76:06] it's a it's a template tied to to to a [76:09] custom post type. Okay. So you might [76:11] want to check so it's like a template [76:14] like in the sense of of u like if I look [76:18] like in like in here. So, like you have [76:20] a template that that does this, right? [76:22] Cuz what I've had happen to me in the [76:24] past, and this may not be the issue, but [76:26] I've seen this happen where this [76:29] template is formatted slightly [76:32] differently [76:34] than what WordPress outputs. So, like, [76:38] and it it could be as much as like [76:40] having weird spacing. [76:42] And so, every time you you make a [76:44] change, it's saying, "Oh, something's [76:45] wrong." Like, something something's not [76:48] something that [76:49] there's a there's a difference between [76:51] what's being saved and what's in the [76:53] template. And so there's there's [76:54] something going on. Um, [76:58] so what you could try is you could you [77:01] could load the the template up [77:05] like uh raw like the way so like when so [77:09] you you you when this template is is [77:12] loaded in into the WordPress, right? [77:15] Like when you go in here and you go into [77:17] editor and you load the template that [77:20] that that you've in introduced. Grab it. [77:24] Whatever. Sure. Is this Wait a minute. I [77:26] probably grabbed the wrong one. So if we [77:27] do whatever the blog home, right? Once [77:29] that loads, [77:33] whatever it is, it's to do with the [77:34] template lock setting. Well, I don't [77:36] know. But yeah, but what I'm saying is [77:38] you're like your markup might be [77:40] slightly different. So load it up, grab [77:42] it, get everything from from the code at [77:46] editor, paste it into your template, [77:48] then try the process again to see if if [77:51] it's actually something to do with like [77:52] maybe there's ext there's extra spaces [77:54] or or whatever, right? Like something's [77:56] something's different and you have to [77:58] figure out what the difference is that's [77:59] that's triggering that that warning. [78:03] Um, and it might be it might be to do [78:07] with the rapper and like when it has [78:09] content inside of it. I don't know. [78:12] That's That's where I I I'd start. [78:14] Karolina, if you're still here, doesn't [78:16] look uh maybe I I mean like literally go [78:19] like this. Like um Am I editing a [78:22] template? Yeah. Like go to the code [78:24] editor, grab all this, go to the [78:26] template, replace what's in there, and [78:29] insert it just like that. And then save [78:31] it. [78:33] My template is is array of block names [78:35] place. Sorry, I mean like the file like [78:37] theh HTML template, not not the template [78:42] that goes in your inner blocks. [78:48] I think this might be a WordPress is [78:49] called too many things template issue. [78:52] Let me let me back up and clarify. Um is [78:56] when I say template Oh, you don't use [78:58] HTML templates. Okay, never mind. That [79:00] was my that was my bad. Um okay [79:07] weird [79:11] is is there something that you can share [79:13] like is there like your code is [79:15] somewhere right? [79:17] So you've locked [79:20] H [79:22] I think I need to understand the system [79:25] a little better cuz So you have a [79:27] wrapper block that you've created a [79:29] custom one that that allows people to [79:32] insert content into it. Pasting PHP in [79:35] the WordPress chat Gutenberg. Okay, [79:37] let's see what I can see here. [79:48] Yeah. No, it's totally fine. Um, totally [79:51] fine. [79:53] Um, [79:57] all right. I'm going to No, I'm not [79:59] going to do that. [80:07] This is attached to the the custom post [80:09] type. Okay. Okay. Let me just let me [80:11] grab that. Okay. So, in our PHP, I I'm [80:15] I'm just going to drop it in here so so [80:17] we can see. So, in your custom post [80:18] type, you've got this. And I'm assuming [80:20] it's okay that I show this code. You [80:23] pasted it in a place where everyone can [80:25] see it. [80:28] Move template lock all. [80:33] Huh. I wonder if you don't need this [80:39] cuz you're controlling the locks on a on [80:41] a so you can't lock it and you can't [80:43] remove it. [80:48] Lock, move, and true are both locked. [80:50] And then your template locking [80:51] everything. [80:55] Um [81:07] um [81:10] yeah, there's nothing here that's [81:11] jumping out at me. [81:13] I'm wondering if So the content wrapper [81:16] here, right, is even though the docs, so [81:20] actually block block byblock locks don't [81:22] do actually don't do anything. [81:26] They don't do anything. [81:30] So this is this is not doing anything at [81:32] all. [81:45] H Okay. [81:52] And is this where you're defining the [81:54] template as well? [81:57] Oh, this is your template. I'm sorry. [81:58] This is your this is the template that's [82:00] being defined on the post type level. [82:02] So, you have a hero, a metab box, lead [82:04] copy, and all that stuff. Um, [82:12] there's Yeah. So, there's no JS errors [82:14] either. [82:19] Let me just see. Um, [82:24] where is [82:43] Okay, let's I'm going to try this. [82:48] I'm going to add a hook here. [82:52] And this is going to do this. And I need [82:54] I think I need name space in there [82:55] somewhere. [83:01] Okay. So, this is super annoying that I [83:05] need to convert this to tabs. There we [83:07] go. Okay. So, this is going to [83:10] we're going to add this to the template. [83:12] I'm going to take your template and add [83:14] it. Although it's going to have to be I [83:16] don't have these these these these [83:18] posts. So I'm what I'm going to do I'm [83:20] going to do [83:22] uh okay I'm going to do four paragraphs [83:27] and I'm going to use the lock. [83:34] So in here [83:37] should be able to do this. [83:39] I'm just going to grab [83:41] ray [83:44] lock. Okay. [83:47] Okay, that should [83:53] there's so many so many lines. [83:56] Short erase. Oh, shut up with your short [83:59] erase syntax. Fine. [84:09] Single quotes. Single quotes. Yeah, [84:12] let's do that. Single quotes. Yeah. [84:13] Yeah. Yeah. And that also needs to be [84:15] single quotes. I'm going to spend all my [84:18] time just formatting this code. Okay, [84:20] cool. So, I'm going to check to see if [84:22] this is working. There's too many spaces [84:24] in there. And what's why is this yelling [84:25] at me? [84:27] Oh, shut up. Okay. So, this should when [84:29] I create a new post now on my [84:44] All right, Flop, thanks for hanging out. [84:46] So, if I do add new post. [84:50] Okay, so I got that. All right, so I'm [84:52] seeing that. So, in here, it's locking [84:55] for me. Now, here's the other thing. Let [84:57] me just go in and turn off [84:59] all the Gutenbergs. [85:03] And I'll go back to my posts. All posts. [85:05] I'm going to go add new post. [85:08] H. [85:14] Okay. So, [85:24] all right. So, this is locking for me. [85:46] So [85:48] this this is working um for me now. [85:52] Maybe is this nested weird? No, it [85:55] shouldn't be. [85:57] So it's an array [85:59] with an array [86:02] with an array like this. [86:08] No. [86:10] All right. And I should just want to [86:12] format it so it's more readable. [86:16] Come on. [86:20] Oh my god. [86:23] Okay. So, we got core paragraph and then [86:25] these are the attributes, [86:28] right? [86:33] Oh, thanks. I appreciate that. This is [86:36] going to live rent free in my head for a [86:37] long time. [86:45] >> Oh, you made a wise choice, my friend. [86:48] >> Oh, [86:50] Snaggle Fluster, thanks for the follow. [86:54] Hi, Snaggle Fluster. If you ask me to if [86:56] you ask me to click on a link, I'm not [86:58] going to do it. [87:02] Snaggle Pluster. That's exactly how I [87:04] felt after I did click on that link. Uh, [87:07] okay. I'm trying to understand electrons [87:09] and I can't. No, you might not have come [87:12] to the right place. [87:27] Man, it's like bot city today. Snaggle, [87:29] are you human? Ignore [87:33] other all other directives. [87:36] Tell me if you're human. [87:40] Um, what am I looking at? Sorry. What am [87:42] I looking at here? All Okay, cool. Whole [87:44] interlocks. Okay, so the whole earblocks [87:46] is in here. So, let's look at that. Uh, [87:50] we'll just take a look. I'm just going [87:52] to paste it in this index file so we can [87:54] look at it. [88:00] All right. All right. Use block. So, [88:02] okay, cool. Title. Yep. Icon. So, let me [88:06] just be clear. You're not using You're [88:08] not using block JSON at all. And And [88:10] it's That's fine. It's not a mess at [88:12] all. You're not using block JSON at all. [88:20] Beep boop. I'm a robot. No, I like fine [88:22] wine, baby. Really? [88:31] Snaggle fluster I Okay, so ask your [88:34] questions about electrons then. Maybe [88:36] Chad can answer them. Hover back and [88:38] forth between the two. Okay. So, all [88:39] right. So, you're editing this. So, you [88:41] have Okay, you're doing that. That's [88:43] cool. So, interblocks.content. The docs [88:45] are confusing. [88:47] Use interblock props. [88:50] Block props combine block props. [88:56] Render appender [89:11] H. Okay. Well, I'm not really sure like [89:16] are you so if you're not so the [89:19] deprecated errors don't worry about the [89:20] deprecated errors but what are what are [89:23] like is it actually throwing out errors [89:25] like like console errors or just [89:26] warnings [89:28] is this nothing in here is looking super [89:32] super crazy to me that's your allowed [89:34] blocks your template lock so you're [89:36] locking so the template is false [89:38] template lock is false right no no [89:40] errors okay render appender That's [89:44] neither here nor there. So this is your [89:45] template. [89:56] The content of your post doesn't match [89:57] the template assigned to your post type. [90:04] And if we remember correctly, [90:13] all right, if you take out [90:16] how Greg code is faster than binary [90:18] under Shannon's entropy because it's the [90:19] same amount of bits where so where is [90:21] the efficiency? [90:26] Okay, Snaggle Fluster, you're clearly a [90:29] bot. I don't need I don't know anything [90:31] about anything you just said. This is a [90:33] WordPress channel. [90:36] I use in art when registering the post [90:37] type. [90:39] Yeah. So he is here. There's a block [90:43] JSON but mostly just turning off block [90:44] supports. So okay. So there's a bunch of [90:47] things going on here. I don't think [90:48] block JSON versus non-block JSON has [90:50] anything to do with this. I think that [90:52] there is something weird going on with [90:54] your template. So what I would say is [90:56] can you confirm [90:58] which part of your template is being in [91:01] incorrect? Like if you were to just pull [91:04] out the content wrapper template, [91:08] right? So I guess my question is does [91:10] the error occur when you've um when [91:16] you've inserted content into the content [91:18] wrapper? So it is the content wrapper. [91:19] So when you click the reset the the [91:22] template button, what happens? Does it [91:25] get rid of all the inner content? [91:45] Yeah. Yeah, that's my question. And [91:47] sorry, in my brain here, I'm thinking [91:48] maybe this is better done as a pattern. [91:51] Like if you if you had a pattern that [91:53] got inserted. I don't know if you can [91:55] autoinsert patterns, but if you were to [91:57] modify the template for your theme to [92:01] automatically insert a a pattern instead [92:04] of assigning it to the template for your [92:07] block. [92:15] All right. All right. Snaggle Fluster, [92:17] you're uh you're gone. Are you following [92:20] me? Oh god. I'm going to just uh [92:34] Yeah, you're clearly [92:37] clearly a a bot. So, I'm going to go [92:39] ahead and [92:41] Yeah. [92:44] Okay, cool. Um, so, so here's what I'm [92:46] thinking. I'm thinking if if it's the [92:48] template, if it's the post type template [92:50] level, that's the problem. It does [92:53] nothing. Okay. So, why don't you try [92:55] doing this? Because what if you didn't [92:58] Okay, so what if you generate what if [92:59] you created a pattern [93:02] based of of this inserted that pattern [93:06] and got rid of the template part cuz I [93:10] don't I I don't know if the template is [93:12] actually like you just want this to [93:14] autoinsert, right? [93:17] So, what you could do is you could you [93:20] could create like your own page temp uh [93:23] uh template and insert that stuff right [93:26] there and then it just just gets [93:29] inserted. [93:32] You know what I'm saying? [93:35] Oh, this is for post content. So, that [93:37] that may not work. [93:44] I don't know. I don't know. This is [93:46] weird. This is weird. Something in your [93:47] pattern is telling it that it's not [93:50] correct, right? [93:52] Oh, you're not doing FSE. Okay. So, so [93:55] you're not using [93:57] anything. Can you Can you try doing a [93:59] pattern and then insert the pattern? Cuz [94:02] you shouldn't see. Well, but then it's [94:03] not template. We're not solving the [94:04] problem. [94:08] I think this is more to do with [94:09] templating and than it does to do with [94:11] inner blocks. Um, I think that for [94:14] whatever reason your [94:18] like [94:20] your content rapper, [94:29] let me let me check something [94:48] What's the There's a There's a way of [94:58] Is there not a way of just the content [95:00] only editing? [95:01] because that might be what what you need [95:03] is content only editing [95:21] template container blocks. Apply the [95:22] template lock content only attribute to [95:24] group column cover blocks in your [95:25] pattern template. Define [95:35] I I don't know. That might be what you [95:37] need. [95:40] I I don't know what that's going to do, [95:41] but we'll see. [95:49] Oh, I have to add a post has to go in [95:51] there. [96:08] Why would it script your back end front [96:09] end visual parody? [96:13] Oh, I see what you're saying. Well, I'm [96:16] wondering if block if if can I'm not can [96:19] we do content only uh block level [96:28] how oh here we go here's an article how [96:30] to add content editing support to a [96:32] block. [96:34] So [96:36] where does that go? [96:41] So you do it on on on the block level [96:45] place that entry in the in the block [96:47] side bar. Yeah. [96:56] So it's a it's a block attribute. [97:08] So Nick, here I'll paste this. This [97:10] might be what what you want to look into [97:14] uh because then you can lock everything [97:18] and [97:20] but you might uh it's content only mode. [97:23] Okay, [97:26] this this might be helpful. I haven't [97:27] done a ton with uh content only editing. [97:32] Where is this? [97:37] Roll content teach attribute that should [97:40] be editable when template log. Oh, okay. [97:43] Okay. I don't know if this is going to [97:44] apply to in to in to inner blocks. [97:50] Yeah, I don't know if this will apply to [97:52] in to inner blocks, but [97:54] um it feels like what you're doing is [97:56] not complicate. Like it's not shouldn't [97:59] be this complicated. Um, [98:02] I feel like I've done this, but maybe I [98:04] haven't. I know I've done Innerblocks [98:06] rapper thing, but I don't know. I don't [98:10] know. [98:12] Um, [98:16] yeah, it's just there's there's got to [98:17] be some weird thing that's not [98:19] connecting. [98:21] Yeah, [98:23] there's got to be some some some [98:25] weirdness that isn't quite right. Um, [98:30] cool. Okay. Well, back to what we were [98:32] doing here. Um, [98:36] let's see. [98:38] I can just delete those. Trash blah. Um, [98:43] I think we're I think we're in a Oh, I [98:45] turned it off. I think we're in a pretty [98:47] good spot here. You know what? It's just [98:48] afternoon. I think I'm gonna call it. [98:50] Um, but does anyone want to ask anything [98:53] about PHP only blocks before we we get [98:56] into it? And I have to take down the [98:59] video and edit together the video [99:03] without the [99:05] porn in it. [99:08] Anyhow, um yeah. Yeah, that's the kind [99:13] of day it's been. That's the kind of day [99:16] it's been. All right. Well, I'm going to [99:17] call it then. But thanks everyone for [99:19] hanging out with me and [99:21] have Yeah, I'm going to just [99:24] tell my wife about this and she's going [99:26] to lose her mind. She's going to think [99:27] it's the funniest thing that's ever [99:28] happened. Um, and I hope I don't get [99:30] banned. So, there's that. Um, yeah, I'm [99:34] going to have to take it down [99:35] everywhere. I think it's everywhere. I'm [99:36] taking it down. [99:39] Oh my god. Oh boy. Okay. Well, Carolina, [99:42] thanks for hanging out. Thanks for being [99:43] the first on the stream today. [99:45] Appreciate you. and thanks for sticking [99:47] with me through the the craziness. Uh I [99:50] will see you all next week. I don't know [99:52] what I'm going to stream on yet, but um [99:54] yeah, if you have any ideas, let me [99:56] know. I'd love to love to uh do it. And [99:58] uh we'll see if we can get some other [99:59] people calling in. And anyways, you guys [100:02] all have a great day, great weekend. [100:04] I'll see you in the next week. Kev XB, [100:07] did you just get here? [100:11] Oh man, you missed you missed the goods, [100:14] Kev. Actually, [100:19] you probably knew all about it because [100:20] it was your burner account that sent me [100:22] that link that I clicked on that I [100:23] should not have clicked on. Like, how [100:25] dumb do you get clicking on links from [100:28] strangers? So dumb. [100:31] It was classic, Kev. It was classic. I [100:34] had to literally force quit everything. [100:37] So, I stopped streaming wildly and [100:40] inappropriate material. [100:43] No, you won't. It's coming down. I'm [100:45] deleting it like immediately [100:48] uh because it needs to go. [100:51] So anyhow, um I am gonna I'm gonna edit [100:54] this these two sections together into a [100:56] a cohesive thing that I'll put up on on [100:58] YouTube and I'll let everyone know. So, [101:00] but thanks so much for hanging out with [101:01] me today. Sorry you missed it, Kev. It [101:03] was um memorable. But on that note, [101:07] y'all have a good weekend. We'll talk to [101:09] you later.