{"id":16040815,"url":"https://github.com/ryelle/notice-block","last_synced_at":"2025-09-03T23:43:04.147Z","repository":{"id":142637581,"uuid":"505549329","full_name":"ryelle/notice-block","owner":"ryelle","description":"A demo block plugin for WordCamp Montclair","archived":false,"fork":false,"pushed_at":"2022-06-20T19:06:45.000Z","size":176,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-06-12T09:49:41.450Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ryelle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-06-20T18:10:28.000Z","updated_at":"2022-06-20T18:34:38.000Z","dependencies_parsed_at":null,"dependency_job_id":"909ff0d7-5a5a-45f6-9b1e-9efe50403ade","html_url":"https://github.com/ryelle/notice-block","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ryelle/notice-block","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryelle%2Fnotice-block","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryelle%2Fnotice-block/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryelle%2Fnotice-block/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryelle%2Fnotice-block/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ryelle","download_url":"https://codeload.github.com/ryelle/notice-block/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ryelle%2Fnotice-block/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273529391,"owners_count":25121823,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-03T02:00:09.631Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-08T23:21:39.270Z","updated_at":"2025-09-03T23:43:04.113Z","avatar_url":"https://github.com/ryelle.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Notice Block\n\nA demo block plugin for [WordCamp Montclair](https://montclair.wordcamp.org/2022/).\n\nThis plugin has 5 branches, for each step in my presentation.\n\nThe main branch is the initial block, what we get from @wordpress/create-block with a little cleanup.\n\n0. `initial-block` - The sketch of the block, get basic HTML structure and styles in place.\n1. `step-1-type` - Add the `type` attribute, set an icon and class name based on the selected type\n2. `step-2-rich-text` - Add the `content` attribute, which is a RichText component for live preview as you edit\n3. `step-3-block-supports` - Add some configuration to opt-in to some style controls like font size \u0026 spacing\n4. `step-4-block-controls` - Move the type control from the sidebar to the block toolbar\n5. `step-5-block-variations` - Add block variations for each type, so it's easier to toggle between them\n\n## Development\n\nThe files in this repo (and in each branch) are only the source files. You will need to build them to try out the plugin yourself. Make sure [node \u0026 npm](https://nodejs.org/en/) are installed first. I also recommend [nvm](https://github.com/nvm-sh/nvm) if you work with multiple projects.\n\n```bash\n$ npm install\n$ npm run build\n```\n\nYou'll see a lot of code, ending with `webpack 5.73.0 compiled successfully in 1107 ms`. You can open up the `build` folder to see that there are files there.\n\nNote: This is just a plugin, so you'll need to put it inside an existing WordPress environment. If you need to create a local development environment, I recommend `wp-env`. Here are some [docs to get `wp-env` set up](https://developer.wordpress.org/block-editor/getting-started/devenv/#wordpress-development-site).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryelle%2Fnotice-block","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fryelle%2Fnotice-block","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fryelle%2Fnotice-block/lists"}