Skip to content

Create block interactive template #52612

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
juanmaguitar merged 13 commits into from
Jul 14, 2023
Merged

Create block interactive template #52612

Changes from 1 commit
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
ed80cdf
full structure of block now available
juanmaguitar Jul 13, 2023
d229c3a
Remove reference to save.js and the template.
ryanwelcher Jul 13, 2023
40d70cd
Move render and viewScript into default values.
ryanwelcher Jul 13, 2023
ca08c5e
Add support and template for viewScript to the create-block package.
ryanwelcher Jul 13, 2023
6eae287
Update tests to account for 2 new files being created.
ryanwelcher Jul 13, 2023
1ea54e0
Reset the project root expected number.
ryanwelcher Jul 13, 2023
bf9551e
Update the expected number of files in the build directory.
ryanwelcher Jul 13, 2023
9ee5449
Allow a console.log in the template.
ryanwelcher Jul 13, 2023
5a165b1
Run docs:build to update manifest.json.
ryanwelcher Jul 13, 2023
a0307b9
better default styles for the block
juanmaguitar Jul 14, 2023
30cf076
simplified w/ template for edit.js and fixed issues with it
juanmaguitar Jul 14, 2023
764fa77
removed assetsPath as it's not needed for this example
juanmaguitar Jul 14, 2023
4807739
removed unnecesary double blank lines
juanmaguitar Jul 14, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
removed unnecesary double blank lines
  • Loading branch information
@juanmaguitar
juanmaguitar committed Jul 14, 2023
commit 480773939d12b2f0e24c21e612b5b4d256ea9227
22 changes: 0 additions & 22 deletions packages/create-block-interactive-template/block-templates/view.js.mustache
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,48 +1,26 @@
{{#isBasicVariant}}

/**

* WordPress dependencies

*/

import { store } from "@wordpress/interactivity";




store( {

actions: {

'{{namespace}}': {

toggle: ( { context } ) => {

context[ '{{namespace}}' ].isOpen = !context[ '{{namespace}}' ].isOpen;

},

},

},

effects: {

'{{namespace}}': {

logIsOpen: ( { context } ) => {

// Log the value of `isOpen` each time it changes.

console.log( `Is open: ${ context[ '{{namespace}}' ].isOpen }` );

},

},

},

} );

{{/isBasicVariant}}