【再調整】タブブロック

.eslintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-	extends: [ 'plugin:@wordpress/eslint-plugin/recommended' ],
+	extends: ['plugin:@wordpress/eslint-plugin/recommended'],
 	rules: {
 		'import/no-unresolved': 'off',
 		'import/no-extraneous-dependencies': 'off',

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,61 @@
+## チケットへのリンク / 変更の理由（元のissueがあればリンクを貼り付ければOK）
+
+
+## どういう変更をしたか？
+
+* このプルリクで変更した事を記載してください
+
+
+## 実装者の確認事項
+
+実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。
+
+- [ ] 複数の意図の変更 （ 機能の不具合修正 + 別の機能追加など ） を含んでいないか？
+- [ ] Files changed (変更ファイル)の内容は目視で確認したか？
+- [ ] readme.txt に変更内容は書いたか？
+- [ ] 本当にちゃんと確認をしたか？
+
+## プログラムの変更の場合
+
+テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。
+
+- [ ] 書けそうなテストは書いたか？
+
+## 変更内容について何を確認したか、どういう方法で確認をしたかなど
+
+実装者が確認した手順を箇条書きで記載してください。
+
+*
+*
+*
+
+## 確認URL
+
+（　どこかのデモサイトかテストサーバーにデプロイ済みなどで確認できる場合はそのURL　）
+
+## レビュワーに回す前の確認事項
+
+- [ ] 実装者はこのテンプレートのチェック項目をちゃんと確認してチェックしたか？
+
+## レビュワー確認方法・確認内容など
+
+レビュワーがどういう手順で何を確認して欲しいかを記載してください。
+
+*
+*
+*
+
+---
+
+## レビュワー向け
+
+### レビュワーが確認して変更が反映されていない場合の確認事項
+
+レビューしてみて意図した動作をしない場合は再度ビルドするなど以下の項目を確認してください。
+
+* プルしたか？
+* ビルドしたか？
+* ビルドしたディレクトリは正しいか（別の開発環境のディレクトリを見ていないか）？
+* npm install したか？
+* composer install したか？
+* キャッシュをクリアして確認したか？

.github/workflows/ci-test-lint.yml → .github/workflows/ci-test-lint-deprecated.yml

@@ -6,10 +6,10 @@ name: Deprecated Test and Lint
 on:
   push:
     branches:
-      - master
+      - develop
   pull_request:
     branches:
-      - master
+      - develop
 
 env:
   plugin_name: vk-blocks-pro
@@ -39,10 +39,12 @@ jobs:
 
     - name: Install NPM Scripts
       run: npm install
+    - name: Install Composer Package ( no-dev )
+      run: composer install --no-dev
     - name: Install @wordpress/env
       run: npm install -g @wordpress/env
     - name: Run @wordpress/env
-      run: wp-env start
+      run: npx wp-env start
     - name: Install WP-CLI
       run: |
         curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar

.github/workflows/deploy-free.yml

@@ -6,13 +6,16 @@ name: Deploy to VK Blocks Free
 on:
   push:
     tags:
-      - "[0-9]+.[0-9]+.[0-9]+"
+      - "pre_[0-9]+.[0-9]+.[0-9]+.[0-9]+"
+
 env:
   plugin_name: vk-blocks-pro
   GIT_TOKEN: ${{ secrets.ACCESSTOKEN_FOR_VK_BLOCKS_FREE }}
   GIT_USER: ${{ secrets.GIT_USER }}
   GIT_REPOSITORY: ${{ secrets.GIT_REPOSITORY }}
 
+# 無料版のリポジトリをPro版の中で一旦 clone して、bin/deploy-free.sh で処理する
+
 jobs:
   build:
 
@@ -38,10 +41,10 @@ jobs:
         node-version: "${{ steps.nodenv.outputs.NODEVERSION }}"
 
     - run: npm install -g npm
-    # 通常版をクローン
+    # 無料版を（Pro版の中に）クローン
     - run: git clone https://${GIT_USER}:${GIT_TOKEN}@github.com/${GIT_REPOSITORY}
-    # VK BlocksのGithubにアクセスできるユーザーの設定
+    # VK Blocks の Githubにアクセスできるユーザーの設定
     - run: git config --global user.email "[email protected]"
-    - run: git config --global user.name "bitbucket-piplines-vk-blocks-pro"
+    - run: git config --global user.name "github-workflows-vk-blocks-pro"
     # # 無料版にデプロイするスクリプトにタグ名を引数で渡す。
-    - run: bash bin/deploy-free.sh $RELEASE_VERSION
+    - run: bash bin/deploy-free.sh $RELEASE_VERSION

.github/workflows/php_unit_test.yml → .github/workflows/develop-test.yml

@@ -1,19 +1,20 @@
-name: PHP Unit Test
+name: PHP Unit Test & Deploy develop
 
 on:
+  push:
+    branches:
+      - develop
   pull_request:
     branches:
-      - master
       - develop
-      - ^feature/.+
 
 jobs:
   php_unit:
     name: php unit test
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        php: [7.2, 7.3, 7.4]
+        php: [7.3, 7.4]
     services:
       mysql:
         image: mysql:5.7
@@ -48,11 +49,33 @@ jobs:
       with:
         php-version: ${{ matrix.php }}
     - name: install npm scripts
+      run: npm install
+    - name: install Composer Package
+      run: composer install
+    - name: Install WP-CLI
       run: |
-        npm install
-        npm install -g @wordpress/env
-    - name: install composer packages
-      run: wp-env destroy
-    - run: wp-env start
-    - run: wp-env run composer 'composer install'
-    - run: wp-env run phpunit 'phpunit -c /var/www/html/wp-content/plugins/vk-blocks-pro/phpunit.xml.dist --verbose'
+        curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
+        chmod +x wp-cli.phar
+        mv wp-cli.phar /usr/local/bin/wp
+
+    # dist の中で build は実行している
+    - name: Build and Dist
+      run: npm run dist
+
+    # PHPUnit
+    - name: Run @wordpress/env
+      run: npx wp-env start
+    - name: PHP Unit Test
+      run: npm run phpunit
+
+    # Deploy test server
+    - name: Deploy to test server [ Deprecated ]
+      uses: burnett01/[email protected]
+      with:
+        switches: -avzr
+        path: /dist/vk-blocks-pro/
+        remote_path: /home/vs4/www/vk-block-test/wp-content/plugins/vk-blocks-pro/
+        remote_host: ${{ secrets.DEPLOY_HOST_VS4 }}
+        remote_port: ${{ secrets.DEPLOY_PORT_VS4 }}
+        remote_user: ${{ secrets.DEPLOY_USER_VS4 }}
+        remote_key: ${{ secrets.DEPLOY_KEY_VS4 }}

.github/workflows/release-github-and-deploy-test-sv.yml

@@ -0,0 +1,102 @@
+name: Release GitHub and Deploy to test server
+on:
+  push:
+    tags:
+    - "pre_[0-9]+.[0-9]+.[0-9]+.[0-9]+"
+
+env:
+  plugin_name: vk-blocks-pro
+
+jobs:
+  release:
+    name: release
+    runs-on: ubuntu-latest
+    steps:
+
+    # [ Start ] pre_ リリース と 本リリースで同じ処理 ##########################################
+
+    - uses: actions/checkout@v2
+
+    # get the node version from the .node-version file
+    - name: Read .node-version
+      run: echo "##[set-output name=NODEVERSION;]$(cat .node-version)"
+      id: nodenv
+
+    # setup node based on the version from the .node-version file, fetched in the previous step
+    - name: Setup Node.js (.node-version)
+      uses: actions/setup-node@v1
+      with:
+        node-version: "${{ steps.nodenv.outputs.NODEVERSION }}"
+
+    - name: Install NPM Scripts
+      run: npm install
+
+    # ビルドで翻訳処理があるため wp-env が必要
+    - name: Setup PHP 7.4
+      uses: shivammathur/setup-php@v2
+      with:
+        php-version: 7.4
+    - name: Install Composer Package
+      run: composer install
+    - name: Install @wordpress/env
+      run: npm install -g @wordpress/env
+    - name: Run @wordpress/env
+      run: wp-env start
+    - name: Install WP-CLI
+      run: |
+        curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
+        chmod +x wp-cli.phar
+        mv wp-cli.phar /usr/local/bin/wp
+
+    - name: Make Distribution
+    # npm run dist の中で npm run build して composer install --no-dev した上で dist して （ compose install しなおして ） いる
+    # build 漏れの状態で dist してしまう事がないように dist の中に build を含めている
+      run: | 
+        npm run dist
+        cd dist/ && zip -r ${{ env.plugin_name }}.zip ${{ env.plugin_name }}/ && mv ${{ env.plugin_name }}.zip ${GITHUB_WORKSPACE}
+    - run : test -e ${{ env.plugin_name }}.zip
+
+    # [ End ] pre_ リリース と 本リリースで同じ処理 ##########################################
+
+    - name: Create GitHub Release
+      id: create_release
+      uses: actions/create-release@v1
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      with:
+        tag_name: ${{ github.ref }}
+        release_name: Release ${{ github.ref }}
+        draft: false
+        prerelease: false
+    - name: Upload Release Asset
+      id: upload-release-asset
+      uses: actions/[email protected]
+      env:
+        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      with:
+        upload_url: ${{ steps.create_release.outputs.upload_url }}
+        asset_path: ${{ env.plugin_name }}.zip
+        asset_name: ${{ env.plugin_name }}.zip
+        asset_content_type: application/zip
+
+    - name: Deploy to test server [ VK Blocks Pro (Single) ]
+      uses: burnett01/[email protected]
+      with:
+        switches: -avzr
+        path: /dist/vk-blocks-pro/
+        remote_path: /home/vs4/www/test/vk-blocks-pro/wp-content/plugins/vk-blocks-pro/
+        remote_host: ${{ secrets.DEPLOY_HOST_VS4 }}
+        remote_port: ${{ secrets.DEPLOY_PORT_VS4 }}
+        remote_user: ${{ secrets.DEPLOY_USER_VS4 }}
+        remote_key: ${{ secrets.DEPLOY_KEY_VS4 }}
+
+    - name: Deploy to test server [ Lightning G3 Pro ]
+      uses: burnett01/[email protected]
+      with:
+        switches: -avzr
+        path: /dist/vk-blocks-pro/
+        remote_path: /home/vs4/www/test/lightning-g3-pro/wp-content/plugins/vk-blocks-pro/
+        remote_host: ${{ secrets.DEPLOY_HOST_VS4 }}
+        remote_port: ${{ secrets.DEPLOY_PORT_VS4 }}
+        remote_user: ${{ secrets.DEPLOY_USER_VS4 }}
+        remote_key: ${{ secrets.DEPLOY_KEY_VS4 }}

.github/workflows/deploy.yml → .github/workflows/release-vws.yml

@@ -6,7 +6,8 @@ name: Deploy to VWS
 on:
   push:
     tags:
-      - "[0-9]+.[0-9]+.[0-9]+"
+    - "[0-9]+.[0-9]+.[0-9]+.[0-9]+"
+
 env:
   plugin_name: vk-blocks-pro
 
@@ -16,6 +17,9 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
+
+    # [ Start ] pre_ リリース と 本リリースで同じ処理 ##########################################
+
     - uses: actions/checkout@v2
 
     # get the node version from the .node-version file
@@ -28,12 +32,17 @@ jobs:
       uses: actions/setup-node@v1
       with:
         node-version: "${{ steps.nodenv.outputs.NODEVERSION }}"
+
+    - name: Install NPM Scripts
+      run: npm install
+
+    # ビルドで翻訳処理があるため wp-env が必要
     - name: Setup PHP 7.4
       uses: shivammathur/setup-php@v2
       with:
         php-version: 7.4
-    - name: Install NPM Scripts
-      run: npm install
+    - name: Install Composer Package
+      run: composer install
     - name: Install @wordpress/env
       run: npm install -g @wordpress/env
     - name: Run @wordpress/env
@@ -43,12 +52,17 @@ jobs:
         curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
         chmod +x wp-cli.phar
         mv wp-cli.phar /usr/local/bin/wp
-    - name: Build
-      run: npm run build
+
     - name: Make Distribution
-      run: |
-        npx gulp dist
+    # npm run dist の中で npm run build して composer install --no-dev した上で dist して （ compose install しなおして ） いる
+    # build 漏れの状態で dist してしまう事がないように dist の中に build を含めている
+      run: | 
+        npm run dist
         cd dist/ && zip -r ${{ env.plugin_name }}.zip ${{ env.plugin_name }}/ && mv ${{ env.plugin_name }}.zip ${GITHUB_WORKSPACE}
+    - run : test -e ${{ env.plugin_name }}.zip
+
+    # [ End ] pre_ リリース と 本リリースで同じ処理 ##########################################
+
     - name: rsync deployments
       uses: burnett01/[email protected]
       with:

.gitignore

@@ -1,5 +1,6 @@
 /*.html
 node_modules/
+build/
 dist/
 inc/vk-blocks/build/*
 editor-css/editor-block-build.scss
@@ -17,3 +18,4 @@ src/blocks/_pro/**/style.css.map
 test/e2e-tests/fixtures/blocks/*.json
 test/e2e-tests/fixtures/blocks/*.serialized.html
 .vscode/
+artifacts/