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

Tools: Standardize script naming in main package.json #42368

Merged
merged 23 commits into from
Aug 8, 2022

Conversation

t-hamano
Copy link
Contributor

@t-hamano t-hamano commented Jul 12, 2022

Fix: #19949

What?

This PR Standardizes script naming in main package.json with scriptlint as the base rule.

I would like to get more eyes to find any problems because this PR is renaming scripts in a wide range of areas.

Why?

The main package.json has undergone a number of changes, which have resulted in a larger number of scripts.
I think it is necessary to organize these scripts according to certain rules, both for those who see these scripts for the first time and to improve code quality.

How?

I have changed the script based on some rules in scriptlint.
At the same time, I also changed the related documentation and shell scripts to be consistent.

Minimum Rules Applied

mandatory-start, mandatory-dev and mandatory-test

As a minimum rule, start, test, and dev scripts are required.
I defined alias for dev as a script that corresponds to start.

"start": "npm run dev"

Strict Rules Applied

uses-allowed-namespace

I have redefined namespace as follows, with the exception of Life Cycle Scripts:

  • build
  • clean
  • dev
  • docs
  • env
  • fixtures
  • format
  • lint
  • other
  • publish
  • start
  • storybook
  • test
  • wp-env

However, strictly speaking, a script must be defined that serves as the root namespace, which I ignored.
(Example: docs:blocks script must have a parent docs script defined)

no-unix-double-ampersand / no-unix-single-ampersand

I rewrote it using npm-run-all, but some scripts were left ampersanded since this package only allows you to specify defined scripts

Optional rules

natural-order

A stricter rule is alphabetic-order, but scripts with a pre- or post- prefix are unnaturally lined up, so I applied this rule.

Rules not adopted

correct-casing

This would require changing the script name to camelCase, which seemed very unnatural, so I ignored it.

  • other:check-local-changes to other:checkLocalChanges

  • test:create-block to test:createBlock

  • wp-env to wpEnv

no-aliases

wp-env falls into this category, but I left alias as backward compatible:

"scripts": {
	"env": "wp-env",
	"wp-env": "wp-env"
}

Running Tests

After applying the above rules, you can check what warnings remain by using the following command:

npx scriptlint --strict
See Result
⧙։⧘ [warning] script name "build:package-types" must be camel case (correct-casing)
⧙։⧘ [warning] script name "build:plugin-zip" must be camel case (correct-casing)
⧙։⧘ [warning] script name "clean:package-types" must be camel case (correct-casing)
⧙։⧘ [warning] script name "docs:theme-ref" must be camel case (correct-casing)
⧙։⧘ [warning] script name "lint:pkg-json" must be camel case (correct-casing)
⧙։⧘ [warning] script name "other:analyze-bundles" must be camel case (correct-casing)
⧙։⧘ [warning] script name "other:check-licenses" must be camel case (correct-casing)
⧙։⧘ [warning] script name "other:check-local-changes" must be camel case (correct-casing)
⧙։⧘ [warning] script name "other:cherry-pick" must be camel case (correct-casing)
⧙։⧘ [warning] script name "other:precheck-local-changes" must be camel case (correct-casing)
⧙։⧘ [warning] script name "test:create-block" must be camel case (correct-casing)
⧙։⧘ [warning] script name "wp-env" must be camel case (correct-casing)
⧙։⧘ [warning] don't alias binaries, use npx/yarn instead (wp-env) (no-aliases)
⧙։⧘ [warning] script name "clean:package-types" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "clean:packages" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "docs:blocks" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "docs:build" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "docs:gen" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "docs:ref" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "docs:theme-ref" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "env" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "fixtures:clean" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "fixtures:generate" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "fixtures:regenerate" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "publish:check" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "publish:latest" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "publish:patch" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "prestorybook:build" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "storybook:build" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "prestorybook:dev" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "storybook:dev" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] script name "wp-env" should start with one of the allowed namespaces (uses-allowed-namespace)
⧙։⧘ [warning] scripts must be in alphabetic order (alphabetic-order)
⧙։⧘ [warning] Use of unix double ampersand (&&) in script 'build' is not allowed, consider using npm-run-all/run-s (no-unix-double-ampersand)
⧙։⧘ [warning] Use of unix double ampersand (&&) in script 'build:package-types' is not allowed, consider using npm-run-all/run-s (no-unix-double-ampersand)
⧙։⧘ [warning] Use of unix double ampersand (&&) in script 'prebuild:packages' is not allowed, consider using npm-run-all/run-s (no-unix-double-ampersand)
⧙։⧘ [warning] Use of unix double ampersand (&&) in script 'build:packages' is not allowed, consider using npm-run-all/run-s (no-unix-double-ampersand)
⧙։⧘ [warning] Use of unix double ampersand (&&) in script 'dev' is not allowed, consider using npm-run-all/run-s (no-unix-double-ampersand)
⧙։⧘ [warning] Use of unix double ampersand (&&) in script 'fixtures:generate' is not allowed, consider using npm-run-all/run-s (no-unix-double-ampersand)
⧙։⧘ [warning] Use of unix double ampersand (&&) in script 'postinstall' is not allowed, consider using npm-run-all/run-s (no-unix-double-ampersand)

@t-hamano t-hamano changed the title Standardize script naming in main package.json [WIP] Standardize script naming in main package.json Jul 12, 2022
@t-hamano t-hamano added the [Type] Build Tooling Issues or PRs related to build tooling label Jul 12, 2022
@github-actions
Copy link

github-actions bot commented Jul 12, 2022

Size Change: 0 B

Total Size: 1.27 MB

ℹ️ View Unchanged
Filename Size
build/a11y/index.min.js 982 B
build/annotations/index.min.js 2.76 kB
build/api-fetch/index.min.js 2.26 kB
build/autop/index.min.js 2.14 kB
build/blob/index.min.js 475 B
build/block-directory/index.min.js 6.58 kB
build/block-directory/style-rtl.css 990 B
build/block-directory/style.css 991 B
build/block-editor/default-editor-styles-rtl.css 378 B
build/block-editor/default-editor-styles.css 378 B
build/block-editor/index.min.js 154 kB
build/block-editor/style-rtl.css 14.7 kB
build/block-editor/style.css 14.7 kB
build/block-library/blocks/archives/editor-rtl.css 61 B
build/block-library/blocks/archives/editor.css 60 B
build/block-library/blocks/archives/style-rtl.css 65 B
build/block-library/blocks/archives/style.css 65 B
build/block-library/blocks/audio/editor-rtl.css 150 B
build/block-library/blocks/audio/editor.css 150 B
build/block-library/blocks/audio/style-rtl.css 103 B
build/block-library/blocks/audio/style.css 103 B
build/block-library/blocks/audio/theme-rtl.css 110 B
build/block-library/blocks/audio/theme.css 110 B
build/block-library/blocks/avatar/editor-rtl.css 116 B
build/block-library/blocks/avatar/editor.css 116 B
build/block-library/blocks/avatar/style-rtl.css 59 B
build/block-library/blocks/avatar/style.css 59 B
build/block-library/blocks/block/editor-rtl.css 161 B
build/block-library/blocks/block/editor.css 161 B
build/block-library/blocks/button/editor-rtl.css 441 B
build/block-library/blocks/button/editor.css 441 B
build/block-library/blocks/button/style-rtl.css 542 B
build/block-library/blocks/button/style.css 542 B
build/block-library/blocks/buttons/editor-rtl.css 292 B
build/block-library/blocks/buttons/editor.css 292 B
build/block-library/blocks/buttons/style-rtl.css 275 B
build/block-library/blocks/buttons/style.css 275 B
build/block-library/blocks/calendar/style-rtl.css 207 B
build/block-library/blocks/calendar/style.css 207 B
build/block-library/blocks/categories/editor-rtl.css 84 B
build/block-library/blocks/categories/editor.css 83 B
build/block-library/blocks/categories/style-rtl.css 79 B
build/block-library/blocks/categories/style.css 79 B
build/block-library/blocks/code/style-rtl.css 103 B
build/block-library/blocks/code/style.css 103 B
build/block-library/blocks/code/theme-rtl.css 124 B
build/block-library/blocks/code/theme.css 124 B
build/block-library/blocks/columns/editor-rtl.css 108 B
build/block-library/blocks/columns/editor.css 108 B
build/block-library/blocks/columns/style-rtl.css 406 B
build/block-library/blocks/columns/style.css 406 B
build/block-library/blocks/comment-author-avatar/editor-rtl.css 125 B
build/block-library/blocks/comment-author-avatar/editor.css 125 B
build/block-library/blocks/comment-content/style-rtl.css 92 B
build/block-library/blocks/comment-content/style.css 92 B
build/block-library/blocks/comment-template/style-rtl.css 187 B
build/block-library/blocks/comment-template/style.css 185 B
build/block-library/blocks/comments-pagination-numbers/editor-rtl.css 123 B
build/block-library/blocks/comments-pagination-numbers/editor.css 121 B
build/block-library/blocks/comments-pagination/editor-rtl.css 222 B
build/block-library/blocks/comments-pagination/editor.css 209 B
build/block-library/blocks/comments-pagination/style-rtl.css 235 B
build/block-library/blocks/comments-pagination/style.css 231 B
build/block-library/blocks/comments-title/editor-rtl.css 75 B
build/block-library/blocks/comments-title/editor.css 75 B
build/block-library/blocks/comments/editor-rtl.css 834 B
build/block-library/blocks/comments/editor.css 832 B
build/block-library/blocks/comments/style-rtl.css 632 B
build/block-library/blocks/comments/style.css 630 B
build/block-library/blocks/cover/editor-rtl.css 615 B
build/block-library/blocks/cover/editor.css 616 B
build/block-library/blocks/cover/style-rtl.css 1.55 kB
build/block-library/blocks/cover/style.css 1.55 kB
build/block-library/blocks/embed/editor-rtl.css 293 B
build/block-library/blocks/embed/editor.css 293 B
build/block-library/blocks/embed/style-rtl.css 410 B
build/block-library/blocks/embed/style.css 410 B
build/block-library/blocks/embed/theme-rtl.css 110 B
build/block-library/blocks/embed/theme.css 110 B
build/block-library/blocks/file/editor-rtl.css 300 B
build/block-library/blocks/file/editor.css 300 B
build/block-library/blocks/file/style-rtl.css 253 B
build/block-library/blocks/file/style.css 254 B
build/block-library/blocks/file/view.min.js 346 B
build/block-library/blocks/freeform/editor-rtl.css 2.44 kB
build/block-library/blocks/freeform/editor.css 2.44 kB
build/block-library/blocks/gallery/editor-rtl.css 948 B
build/block-library/blocks/gallery/editor.css 950 B
build/block-library/blocks/gallery/style-rtl.css 1.53 kB
build/block-library/blocks/gallery/style.css 1.53 kB
build/block-library/blocks/gallery/theme-rtl.css 108 B
build/block-library/blocks/gallery/theme.css 108 B
build/block-library/blocks/group/editor-rtl.css 333 B
build/block-library/blocks/group/editor.css 333 B
build/block-library/blocks/group/style-rtl.css 57 B
build/block-library/blocks/group/style.css 57 B
build/block-library/blocks/group/theme-rtl.css 78 B
build/block-library/blocks/group/theme.css 78 B
build/block-library/blocks/heading/style-rtl.css 76 B
build/block-library/blocks/heading/style.css 76 B
build/block-library/blocks/html/editor-rtl.css 327 B
build/block-library/blocks/html/editor.css 329 B
build/block-library/blocks/image/editor-rtl.css 736 B
build/block-library/blocks/image/editor.css 737 B
build/block-library/blocks/image/style-rtl.css 627 B
build/block-library/blocks/image/style.css 630 B
build/block-library/blocks/image/theme-rtl.css 110 B
build/block-library/blocks/image/theme.css 110 B
build/block-library/blocks/latest-comments/style-rtl.css 284 B
build/block-library/blocks/latest-comments/style.css 284 B
build/block-library/blocks/latest-posts/editor-rtl.css 199 B
build/block-library/blocks/latest-posts/editor.css 198 B
build/block-library/blocks/latest-posts/style-rtl.css 463 B
build/block-library/blocks/latest-posts/style.css 462 B
build/block-library/blocks/list/style-rtl.css 88 B
build/block-library/blocks/list/style.css 88 B
build/block-library/blocks/media-text/editor-rtl.css 266 B
build/block-library/blocks/media-text/editor.css 263 B
build/block-library/blocks/media-text/style-rtl.css 493 B
build/block-library/blocks/media-text/style.css 490 B
build/block-library/blocks/more/editor-rtl.css 431 B
build/block-library/blocks/more/editor.css 431 B
build/block-library/blocks/navigation-link/editor-rtl.css 705 B
build/block-library/blocks/navigation-link/editor.css 703 B
build/block-library/blocks/navigation-link/style-rtl.css 115 B
build/block-library/blocks/navigation-link/style.css 115 B
build/block-library/blocks/navigation-submenu/editor-rtl.css 296 B
build/block-library/blocks/navigation-submenu/editor.css 295 B
build/block-library/blocks/navigation-submenu/view.min.js 423 B
build/block-library/blocks/navigation/editor-rtl.css 2.03 kB
build/block-library/blocks/navigation/editor.css 2.04 kB
build/block-library/blocks/navigation/style-rtl.css 1.97 kB
build/block-library/blocks/navigation/style.css 1.96 kB
build/block-library/blocks/navigation/view-modal.min.js 2.78 kB
build/block-library/blocks/navigation/view.min.js 443 B
build/block-library/blocks/nextpage/editor-rtl.css 395 B
build/block-library/blocks/nextpage/editor.css 395 B
build/block-library/blocks/page-list/editor-rtl.css 363 B
build/block-library/blocks/page-list/editor.css 363 B
build/block-library/blocks/page-list/style-rtl.css 175 B
build/block-library/blocks/page-list/style.css 175 B
build/block-library/blocks/paragraph/editor-rtl.css 157 B
build/block-library/blocks/paragraph/editor.css 157 B
build/block-library/blocks/paragraph/style-rtl.css 260 B
build/block-library/blocks/paragraph/style.css 260 B
build/block-library/blocks/post-author/style-rtl.css 175 B
build/block-library/blocks/post-author/style.css 176 B
build/block-library/blocks/post-comments-form/editor-rtl.css 96 B
build/block-library/blocks/post-comments-form/editor.css 96 B
build/block-library/blocks/post-comments-form/style-rtl.css 493 B
build/block-library/blocks/post-comments-form/style.css 493 B
build/block-library/blocks/post-excerpt/editor-rtl.css 73 B
build/block-library/blocks/post-excerpt/editor.css 73 B
build/block-library/blocks/post-excerpt/style-rtl.css 69 B
build/block-library/blocks/post-excerpt/style.css 69 B
build/block-library/blocks/post-featured-image/editor-rtl.css 605 B
build/block-library/blocks/post-featured-image/editor.css 605 B
build/block-library/blocks/post-featured-image/style-rtl.css 153 B
build/block-library/blocks/post-featured-image/style.css 153 B
build/block-library/blocks/post-template/editor-rtl.css 99 B
build/block-library/blocks/post-template/editor.css 98 B
build/block-library/blocks/post-template/style-rtl.css 282 B
build/block-library/blocks/post-template/style.css 282 B
build/block-library/blocks/post-terms/style-rtl.css 73 B
build/block-library/blocks/post-terms/style.css 73 B
build/block-library/blocks/post-title/style-rtl.css 80 B
build/block-library/blocks/post-title/style.css 80 B
build/block-library/blocks/preformatted/style-rtl.css 103 B
build/block-library/blocks/preformatted/style.css 103 B
build/block-library/blocks/pullquote/editor-rtl.css 198 B
build/block-library/blocks/pullquote/editor.css 198 B
build/block-library/blocks/pullquote/style-rtl.css 370 B
build/block-library/blocks/pullquote/style.css 370 B
build/block-library/blocks/pullquote/theme-rtl.css 167 B
build/block-library/blocks/pullquote/theme.css 167 B
build/block-library/blocks/query-pagination-numbers/editor-rtl.css 122 B
build/block-library/blocks/query-pagination-numbers/editor.css 121 B
build/block-library/blocks/query-pagination/editor-rtl.css 221 B
build/block-library/blocks/query-pagination/editor.css 211 B
build/block-library/blocks/query-pagination/style-rtl.css 282 B
build/block-library/blocks/query-pagination/style.css 278 B
build/block-library/blocks/query/editor-rtl.css 365 B
build/block-library/blocks/query/editor.css 364 B
build/block-library/blocks/quote/style-rtl.css 213 B
build/block-library/blocks/quote/style.css 213 B
build/block-library/blocks/quote/theme-rtl.css 223 B
build/block-library/blocks/quote/theme.css 226 B
build/block-library/blocks/read-more/style-rtl.css 132 B
build/block-library/blocks/read-more/style.css 132 B
build/block-library/blocks/rss/editor-rtl.css 202 B
build/block-library/blocks/rss/editor.css 204 B
build/block-library/blocks/rss/style-rtl.css 289 B
build/block-library/blocks/rss/style.css 288 B
build/block-library/blocks/search/editor-rtl.css 165 B
build/block-library/blocks/search/editor.css 165 B
build/block-library/blocks/search/style-rtl.css 396 B
build/block-library/blocks/search/style.css 393 B
build/block-library/blocks/search/theme-rtl.css 114 B
build/block-library/blocks/search/theme.css 114 B
build/block-library/blocks/separator/editor-rtl.css 146 B
build/block-library/blocks/separator/editor.css 146 B
build/block-library/blocks/separator/style-rtl.css 233 B
build/block-library/blocks/separator/style.css 233 B
build/block-library/blocks/separator/theme-rtl.css 194 B
build/block-library/blocks/separator/theme.css 194 B
build/block-library/blocks/shortcode/editor-rtl.css 464 B
build/block-library/blocks/shortcode/editor.css 464 B
build/block-library/blocks/site-logo/editor-rtl.css 708 B
build/block-library/blocks/site-logo/editor.css 708 B
build/block-library/blocks/site-logo/style-rtl.css 192 B
build/block-library/blocks/site-logo/style.css 192 B
build/block-library/blocks/site-tagline/editor-rtl.css 86 B
build/block-library/blocks/site-tagline/editor.css 86 B
build/block-library/blocks/site-title/editor-rtl.css 84 B
build/block-library/blocks/site-title/editor.css 84 B
build/block-library/blocks/social-link/editor-rtl.css 184 B
build/block-library/blocks/social-link/editor.css 184 B
build/block-library/blocks/social-links/editor-rtl.css 674 B
build/block-library/blocks/social-links/editor.css 673 B
build/block-library/blocks/social-links/style-rtl.css 1.39 kB
build/block-library/blocks/social-links/style.css 1.38 kB
build/block-library/blocks/spacer/editor-rtl.css 322 B
build/block-library/blocks/spacer/editor.css 322 B
build/block-library/blocks/spacer/style-rtl.css 48 B
build/block-library/blocks/spacer/style.css 48 B
build/block-library/blocks/table/editor-rtl.css 494 B
build/block-library/blocks/table/editor.css 494 B
build/block-library/blocks/table/style-rtl.css 611 B
build/block-library/blocks/table/style.css 609 B
build/block-library/blocks/table/theme-rtl.css 175 B
build/block-library/blocks/table/theme.css 175 B
build/block-library/blocks/tag-cloud/style-rtl.css 226 B
build/block-library/blocks/tag-cloud/style.css 227 B
build/block-library/blocks/template-part/editor-rtl.css 235 B
build/block-library/blocks/template-part/editor.css 235 B
build/block-library/blocks/template-part/theme-rtl.css 101 B
build/block-library/blocks/template-part/theme.css 101 B
build/block-library/blocks/text-columns/editor-rtl.css 95 B
build/block-library/blocks/text-columns/editor.css 95 B
build/block-library/blocks/text-columns/style-rtl.css 166 B
build/block-library/blocks/text-columns/style.css 166 B
build/block-library/blocks/verse/style-rtl.css 87 B
build/block-library/blocks/verse/style.css 87 B
build/block-library/blocks/video/editor-rtl.css 561 B
build/block-library/blocks/video/editor.css 563 B
build/block-library/blocks/video/style-rtl.css 159 B
build/block-library/blocks/video/style.css 159 B
build/block-library/blocks/video/theme-rtl.css 110 B
build/block-library/blocks/video/theme.css 110 B
build/block-library/common-rtl.css 1.01 kB
build/block-library/common.css 1 kB
build/block-library/editor-elements-rtl.css 75 B
build/block-library/editor-elements.css 75 B
build/block-library/editor-rtl.css 10.9 kB
build/block-library/editor.css 10.9 kB
build/block-library/elements-rtl.css 54 B
build/block-library/elements.css 54 B
build/block-library/index.min.js 185 kB
build/block-library/reset-rtl.css 478 B
build/block-library/reset.css 478 B
build/block-library/style-rtl.css 11.9 kB
build/block-library/style.css 11.9 kB
build/block-library/theme-rtl.css 695 B
build/block-library/theme.css 700 B
build/block-serialization-default-parser/index.min.js 1.11 kB
build/block-serialization-spec-parser/index.min.js 2.83 kB
build/blocks/index.min.js 47.3 kB
build/components/index.min.js 231 kB
build/components/style-rtl.css 14.1 kB
build/components/style.css 14.2 kB
build/compose/index.min.js 11.7 kB
build/core-data/index.min.js 14.7 kB
build/customize-widgets/index.min.js 11.3 kB
build/customize-widgets/style-rtl.css 1.4 kB
build/customize-widgets/style.css 1.4 kB
build/data-controls/index.min.js 653 B
build/data/index.min.js 8.03 kB
build/date/index.min.js 32 kB
build/deprecated/index.min.js 507 B
build/dom-ready/index.min.js 324 B
build/dom/index.min.js 4.69 kB
build/edit-navigation/index.min.js 16 kB
build/edit-navigation/style-rtl.css 4.02 kB
build/edit-navigation/style.css 4.03 kB
build/edit-post/classic-rtl.css 546 B
build/edit-post/classic.css 547 B
build/edit-post/index.min.js 30.5 kB
build/edit-post/style-rtl.css 6.94 kB
build/edit-post/style.css 6.94 kB
build/edit-site/index.min.js 55.8 kB
build/edit-site/style-rtl.css 8.22 kB
build/edit-site/style.css 8.21 kB
build/edit-widgets/index.min.js 16.5 kB
build/edit-widgets/style-rtl.css 4.35 kB
build/edit-widgets/style.css 4.35 kB
build/editor/index.min.js 41.3 kB
build/editor/style-rtl.css 3.66 kB
build/editor/style.css 3.65 kB
build/element/index.min.js 4.68 kB
build/escape-html/index.min.js 537 B
build/format-library/index.min.js 6.75 kB
build/format-library/style-rtl.css 571 B
build/format-library/style.css 571 B
build/hooks/index.min.js 1.64 kB
build/html-entities/index.min.js 448 B
build/i18n/index.min.js 3.77 kB
build/is-shallow-equal/index.min.js 527 B
build/keyboard-shortcuts/index.min.js 1.78 kB
build/keycodes/index.min.js 1.39 kB
build/list-reusable-blocks/index.min.js 1.74 kB
build/list-reusable-blocks/style-rtl.css 835 B
build/list-reusable-blocks/style.css 835 B
build/media-utils/index.min.js 2.93 kB
build/notices/index.min.js 953 B
build/nux/index.min.js 2.05 kB
build/nux/style-rtl.css 732 B
build/nux/style.css 728 B
build/plugins/index.min.js 1.94 kB
build/preferences-persistence/index.min.js 2.22 kB
build/preferences/index.min.js 1.3 kB
build/primitives/index.min.js 933 B
build/priority-queue/index.min.js 612 B
build/react-i18n/index.min.js 696 B
build/react-refresh-entry/index.min.js 8.44 kB
build/react-refresh-runtime/index.min.js 7.31 kB
build/redux-routine/index.min.js 2.74 kB
build/reusable-blocks/index.min.js 2.22 kB
build/reusable-blocks/style-rtl.css 256 B
build/reusable-blocks/style.css 256 B
build/rich-text/index.min.js 11.1 kB
build/server-side-render/index.min.js 1.61 kB
build/shortcode/index.min.js 1.53 kB
build/token-list/index.min.js 644 B
build/url/index.min.js 3.61 kB
build/vendors/react-dom.min.js 38.5 kB
build/vendors/react.min.js 4.34 kB
build/viewport/index.min.js 1.08 kB
build/warning/index.min.js 268 B
build/widgets/index.min.js 7.19 kB
build/widgets/style-rtl.css 1.16 kB
build/widgets/style.css 1.16 kB
build/wordcount/index.min.js 1.06 kB

compressed-size-action

@t-hamano t-hamano changed the title [WIP] Standardize script naming in main package.json Try: Standardize script naming in main package.json Jul 16, 2022
@t-hamano t-hamano marked this pull request as ready for review July 16, 2022 04:48
@gziolo
Copy link
Member

gziolo commented Jul 19, 2022

Awesome work so far @t-hamano. I like how you used external tools to drive the new naming schema and to introduce best practices.

@gziolo gziolo added the [Type] Code Quality Issues or PRs that relate to code quality label Jul 19, 2022
@t-hamano t-hamano changed the title Try: Standardize script naming in main package.json Tools: Standardize script naming in main package.json Jul 19, 2022
@gziolo
Copy link
Member

gziolo commented Jul 19, 2022

That was a quick round of fixes 👏🏻

I'm happy with the current state of the art. I would appreciate wider feedback from other people in the project.

There is this functionality in Node.js that shows suggested script names when you type something that doesn’t exist. It should help with the transition:

Screenshot 2022-07-19 at 12 17 05

@t-hamano
Copy link
Contributor Author

Thanks for the thoughtful advice.
BTW, the removal of wp-env caused the e2e test command to fail 😅

npm run wp-env start

Should we update these test commands or reinstate wp-env?

@gziolo
Copy link
Member

gziolo commented Jul 19, 2022

Thanks for the thoughtful advice. BTW, the removal of wp-env caused the e2e test command to fail 😅

npm run wp-env start

Should we update these test commands or reinstate wp-env?

Yes, I was looking at that. Let's bring it back to remove friction and to keep the discussion focused on more important changes 😄

@Mamaduka
Copy link
Member

Mamaduka commented Jul 19, 2022

I love this improvement. Thank you, @t-hamano!

I usually start typing npm run test and then hit double Tab to get suggestions since I always forget the conventions.

P.S. I don't remember if it's a Node.js feature or my zsh setup 😅

Screenshot

CleanShot 2022-07-19 at 14 32 39

@gziolo
Copy link
Member

gziolo commented Jul 26, 2022

This needs some more testing; otherwise, it seems ready. We asked for feedback during the core editor chat last week, and it looks like nobody was opposed to the idea.

@adamziel
Copy link
Contributor

adamziel commented Aug 3, 2022

This is great @t-hamano, thank you for working on it!

Once concern I have is that this could break external code that relies on the old task names. I don't think it's a blocker, but I wonder if you have any thoughts about that.

@t-hamano
Copy link
Contributor Author

t-hamano commented Aug 4, 2022

@adamziel
All relevant GitHub actions and documentation have been rewritten to the new code and passed testing, so I believe it is not a problem.

However, I'm a little concerned about releasing to the plugin repo and publishing npm packages because we cannot test them.

@gziolo
Do you have any concerns in this regard?

@adamziel
Copy link
Contributor

adamziel commented Aug 4, 2022

The following command names were affected:

analyze-bundles
api-docs:blocks
api-docs:ref
api-docs:theme-ref
changelog
check-licenses
check-local-changes
cherry-pick
format-php
lint-css
lint-css:fix
lint-js
lint-js:fix
lint-lockfile
lint-php
lint-pkg-json
lint:md-docs
precheck-local-changes
prelint-php
pretest-unit-php
pretest-unit-php-multisite
test-e2e
test-e2e:debug
test-e2e:playwright
test-e2e:watch
test-performance
test-php
test-php:watch
test-unit
test-unit-php
test-unit-php-multisite
test-unit:date
test-unit:debug
test-unit:update
test-unit:watch

I ran git grep for each of these and every single usage and mention seems to be accounted for by this PR. Pretty impressive @t-hamano!

The tests, the linting, and building the packages are accounted for in the CI checks. I ran some commands including build, storybook:build, format in my local setup just to be extra sure, and it all worked as expected.

@t-hamano You may want to write a make core post to a) make others aware b) help them easily find the cause any problems that we may have missed here. Other than that, I think we're good. Great job!

Copy link
Member

@gziolo gziolo left a comment

Choose a reason for hiding this comment

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

I tested several scripts that have a new name, and everything works as expected.

I suggested two more changes to the script names.

You may want to write a make core post to a) make others aware b) help them easily find the cause any problems that we may have missed here. Other than that, I think we're good. Great job!

Excellent idea. Let's do that based on the description from the post, so all contributors are aware of the changes applied. I don't expect people to remember all those script names, but some of them might get memorized 😄

The best part is that those names align now with what we have in WordPress core:

https://github.com/WordPress/wordpress-develop/blob/e6f752026650b26152c3b420643c6caade624033/package.json#L157-L180

I struggled personally with npm run test:php vs npm run test-php.

@t-hamano
Copy link
Contributor Author

t-hamano commented Aug 4, 2022

@adamziel
@gziolo

Thanks for the review and the advice!

@t-hamano You may want to write a make core post to a) make others aware b) help them easily find the cause any problems that we may have missed here. Other than that, I think we're good. Great job!

I don't have Make WordPress Core posting permissions, should I request permissions on Slack for this?
I will create a draft and would be happy to review the unnatural English 😅

Also, I will first correct the items pointed out by @gziolo .
After that, I would like to import the latest trunk again before the merge and check again if any old script names remain.

@adamziel
Copy link
Contributor

adamziel commented Aug 4, 2022

I don't have Make WordPress Core posting permissions, should I request permissions on Slack for this?

Yes!

I will create a draft and would be happy to review the unnatural English 😅

Post the link on slack and also feel free to ping me – I'm happy to help!

@gziolo
Copy link
Member

gziolo commented Aug 5, 2022

I don't have Make WordPress Core posting permissions, should I request permissions on Slack for this?

It's also fine to draft the post using markdown and share it here. We can post on your behalf, so you don't have to go through the whole learning process for one-time publishing. If you start writing regularly, then you will definitely need access to the Make WordPress Core blog.

When you merge this PR, make sure to let people know in the WordPress Slack in the #core-editor channel.

@t-hamano
Copy link
Contributor Author

t-hamano commented Aug 5, 2022

✅ Corrected the points raised in your review.
✅ Merged with trunk.
✅ Rescanned and updated old script names

If it passes the test again, I will let you know via Slack after the merge.

And the draft was also prepared with the following content:


Standardize npm script naming in the Gutenberg project

This is an announcement to all contributors to the Gutenberg project.

The Gutenberg project has a number of npm scripts for development or CI / CD in the main package.json.
The naming was standardized to make it easier to understand each script's role and avoid confusion over naming conventions when new scripts are added.

To standardize scripts naming, scriptlint was used as the base rule.

Mandatory-start, mandatory-dev and mandatory-test

test and dev are originally defined, but start script has been added. start script acts as an alias for dev script.

Use namespace

Using namespaced script names improves readability and makes the intent more obvious. Namespaces are used to group related scripts, and a colon is used to separate namespaces.

Based on this rule, all scripts were given namespaces, with a few exceptions. Here are some examples:

  • lint-css to lint:css
  • test-e2e to test:e2e
  • changelog to other:changelog

Alphabetic order

Sorting script names alphabetically makes it easier to find a particular script. The pre* / post* hooks are exceptionally grouped by caller script:

{
  "lint:md:docs": "wp-scripts lint-md-docs",
  "prelint:php": "wp-env run composer \"install --no-interaction\"",
  "lint:php": "wp-env run composer run-script lint"
}

Unify parallel commands

The way of parallelizing commands was a mixture of connecting them with & and npm-run-all package, but scripts were unified to use npm-run-all as possible.

A list of new scripts can be found at this link. (...link to package.json scripts in GitHub)

For more info see #19949 and #42368.

Props @mkaz for suggestion, @gziolo, @adamziel, and @Mamaduka for reviewing.

@adamziel
Copy link
Contributor

adamziel commented Aug 5, 2022

@t-hamano great job! I tool a liberty of editing your comment – you can see the revision history to see what I've changed. I do not understand these two bullet points, though:

  • Should have at least start, test, and dev scripts
  • Add namespace

It would be great to rewrite them somehow. What should have at least start, test, and dev scripts? What namespace do you mean and where was it added?

@t-hamano
Copy link
Contributor Author

t-hamano commented Aug 5, 2022

@adamziel

Thank you for your peer review!

It would be great to rewrite them somehow. What should have at least start, test, and dev scripts? What namespace do you mean and where was it added?

I agree this may not be clear to those who see it for the first time.

To clarify the changes, I have divided each into sections and explained them more concretely with examples.

@t-hamano t-hamano merged commit d07ad8b into trunk Aug 8, 2022
@t-hamano t-hamano deleted the standardize-script-naming branch August 8, 2022 10:59
@github-actions github-actions bot added this to the Gutenberg 13.9 milestone Aug 8, 2022
@t-hamano
Copy link
Contributor Author

t-hamano commented Aug 8, 2022

@gziolo

✅ Merged PR!
✅ Announced in #core-editor
✅ I have saved the updated draft after @adamziel 's peer review.

Please feel free to update the draft if you find anything confusing or missing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Type] Build Tooling Issues or PRs related to build tooling [Type] Code Quality Issues or PRs that relate to code quality
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Standardize script naming in main package.json
4 participants