Skip to content
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.

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

Create Block: Enable loading translations for created blocks #24125

Merged
merged 7 commits into from
Jul 27, 2020

Conversation

ryelle
Copy link
Contributor

@ryelle ryelle commented Jul 22, 2020

Description

Currently, create-block creates a plugin using i18n, but it doesn't attach the translations to the script. This PR adds a call to wp_set_script_translations to both templates, to ensure that translations will be injected into the page.

I also added a note into the create-block tutorial, but since the next step explains what i18n is, I left it very basic.

How has this been tested?

Ran the create-block script locally, and ensured that the *-js-translations script tag was output on the page.

ryelle added 2 commits July 22, 2020 13:54
This function tells WordPress that there are translations for the corresponding script file. Without it, the JSON translations are not loaded.
@ryelle ryelle added the [Tool] Create Block /packages/create-block label Jul 22, 2020
@ryelle ryelle self-assigned this Jul 22, 2020
@github-actions
Copy link

github-actions bot commented Jul 22, 2020

Size Change: +1.55 kB (0%)

Total Size: 1.16 MB

Filename Size Change
build/annotations/index.min.js 3.67 kB +4 B (0%)
build/api-fetch/index.min.js 3.44 kB +10 B (0%)
build/block-directory/index.min.js 7.93 kB +302 B (3%)
build/block-editor/index.min.js 125 kB -97 B (0%)
build/block-library/editor-rtl.css 7.63 kB +19 B (0%)
build/block-library/editor.css 7.63 kB +19 B (0%)
build/block-library/index.min.js 132 kB +863 B (0%)
build/block-library/style-rtl.css 7.83 kB +8 B (0%)
build/block-library/style.css 7.83 kB +9 B (0%)
build/block-serialization-default-parser/index.min.js 1.88 kB +1 B
build/blocks/index.min.js 48.2 kB -4 B (0%)
build/components/index.min.js 200 kB +61 B (0%)
build/components/style-rtl.css 15.7 kB +35 B (0%)
build/components/style.css 15.7 kB +34 B (0%)
build/compose/index.min.js 9.67 kB -11 B (0%)
build/core-data/index.min.js 11.5 kB -1 B
build/data-controls/index.min.js 1.29 kB +1 B
build/data/index.min.js 8.45 kB -6 B (0%)
build/edit-navigation/index.min.js 10.8 kB -1 B
build/edit-post/index.min.js 304 kB +145 B (0%)
build/edit-site/index.min.js 17 kB +33 B (0%)
build/edit-widgets/index.min.js 9.38 kB +11 B (0%)
build/editor/index.min.js 45.3 kB +70 B (0%)
build/editor/style-rtl.css 3.8 kB +17 B (0%)
build/editor/style.css 3.79 kB +16 B (0%)
build/element/index.min.js 4.65 kB +2 B (0%)
build/format-library/index.min.js 7.72 kB -1 B
build/keyboard-shortcuts/index.min.js 2.52 kB +8 B (0%)
build/keycodes/index.min.js 1.94 kB +1 B
build/list-reusable-blocks/index.min.js 3.11 kB -8 B (0%)
build/media-utils/index.min.js 5.33 kB +5 B (0%)
build/nux/index.min.js 3.4 kB -2 B (0%)
build/primitives/index.min.js 1.41 kB +4 B (0%)
build/rich-text/index.min.js 13.9 kB +8 B (0%)
ℹ️ View Unchanged
Filename Size Change
build/a11y/index.min.js 1.14 kB 0 B
build/autop/index.min.js 2.82 kB 0 B
build/blob/index.min.js 620 B 0 B
build/block-directory/style-rtl.css 953 B 0 B
build/block-directory/style.css 952 B 0 B
build/block-editor/style-rtl.css 10.8 kB 0 B
build/block-editor/style.css 10.8 kB 0 B
build/block-library/theme-rtl.css 728 B 0 B
build/block-library/theme.css 729 B 0 B
build/block-serialization-spec-parser/index.min.js 3.1 kB 0 B
build/date/index.min.js 5.38 kB 0 B
build/deprecated/index.min.js 772 B 0 B
build/dom-ready/index.min.js 568 B 0 B
build/dom/index.min.js 3.23 kB 0 B
build/edit-navigation/style-rtl.css 1.08 kB 0 B
build/edit-navigation/style.css 1.08 kB 0 B
build/edit-post/style-rtl.css 5.61 kB 0 B
build/edit-post/style.css 5.61 kB 0 B
build/edit-site/style-rtl.css 3.06 kB 0 B
build/edit-site/style.css 3.06 kB 0 B
build/edit-widgets/style-rtl.css 2.45 kB 0 B
build/edit-widgets/style.css 2.45 kB 0 B
build/editor/editor-styles-rtl.css 537 B 0 B
build/editor/editor-styles.css 539 B 0 B
build/escape-html/index.min.js 733 B 0 B
build/format-library/style-rtl.css 547 B 0 B
build/format-library/style.css 548 B 0 B
build/hooks/index.min.js 2.13 kB 0 B
build/html-entities/index.min.js 621 B 0 B
build/i18n/index.min.js 3.56 kB 0 B
build/is-shallow-equal/index.min.js 711 B 0 B
build/list-reusable-blocks/style-rtl.css 476 B 0 B
build/list-reusable-blocks/style.css 476 B 0 B
build/notices/index.min.js 1.79 kB 0 B
build/nux/style-rtl.css 671 B 0 B
build/nux/style.css 668 B 0 B
build/plugins/index.min.js 2.56 kB 0 B
build/priority-queue/index.min.js 789 B 0 B
build/redux-routine/index.min.js 2.85 kB 0 B
build/server-side-render/index.min.js 2.71 kB 0 B
build/shortcode/index.min.js 1.7 kB 0 B
build/token-list/index.min.js 1.27 kB 0 B
build/url/index.min.js 4.06 kB 0 B
build/viewport/index.min.js 1.85 kB 0 B
build/warning/index.min.js 1.14 kB 0 B
build/wordcount/index.min.js 1.17 kB 0 B

compressed-size-action

Copy link
Member

@ocean90 ocean90 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks!

@ryelle ryelle merged commit 93a4986 into master Jul 27, 2020
@ryelle ryelle deleted the add/create-block-tpl-translations branch July 27, 2020 18:44
@github-actions github-actions bot added this to the Gutenberg 8.7 milestone Jul 27, 2020
@gziolo
Copy link
Member

gziolo commented Oct 23, 2020

@ryelle, thank you very much for the patch 💯

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Tool] Create Block /packages/create-block
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants