諸々調整

Author: uidev1116

package-lock.json

@@ -11,10 +11,11 @@
     "build": "node scripts/build.js",
     "prepackage": "npm run build --workspaces --if-present",
     "package": "rm -rf build && npm run build && ",
+    "version:sync": "node scripts/version.js",
     "release:commit": "node scripts/commit.js",
-    "release:patch": "npm version patch -w develop && npm run release:commit",
-    "release:minor": "npm version minor -w develop && npm run release:commit",
-    "release:major": "npm version major -w develop && npm run release:commit",
+    "release:patch": "npm version patch --no-git-tag-version -w develop && npm run version:sync && npm run release:commit",
+    "release:minor": "npm version minor --no-git-tag-version -w develop && npm run version:sync && npm run release:commit",
+    "release:major": "npm version major --no-git-tag-version -w develop && npm run version:sync && npm run release:commit",
     "check-update": "npx -p npm-check-updates -c ncu",
     "prepare": "husky"
   },

package.json

@@ -0,0 +1,60 @@
+import fs from 'fs';
+import path from 'path';
+
+// ファイルパスの設定
+const README_PATH = path.join(process.cwd(), 'themes/develop/README.md');
+const PACKAGE_PATH = path.join(process.cwd(), 'themes/develop/package.json');
+
+// バージョン番号を抽出する正規表現
+const VERSION_REGEX = /Ver\.(\d+\.\d+\.\d+)/;
+
+// ファイルを読み込む関数
+function readFile(filePath) {
+  try {
+    return fs.readFileSync(filePath, 'utf8');
+  } catch (error) {
+    console.error(`Error reading file ${filePath}:`, error);
+    process.exit(1);
+  }
+}
+
+// ファイルを書き込む関数
+function writeFile(filePath, content) {
+  try {
+    fs.writeFileSync(filePath, content, 'utf8');
+  } catch (error) {
+    console.error(`Error writing file ${filePath}:`, error);
+    process.exit(1);
+  }
+}
+
+// バージョン番号を更新する関数
+function updateVersion() {
+  // package.jsonからバージョン番号を取得
+  const packageContent = readFile(PACKAGE_PATH);
+  const packageJson = JSON.parse(packageContent);
+  const version = packageJson.version;
+  console.log(`Found version ${version} in package.json`);
+
+  // README.mdを読み込んで更新
+  const readmeContent = readFile(README_PATH);
+  const currentVersionMatch = readmeContent.match(VERSION_REGEX);
+
+  if (!currentVersionMatch) {
+    console.error('Version number not found in README.md');
+    process.exit(1);
+  }
+
+  const currentVersion = currentVersionMatch[1];
+  if (currentVersion !== version) {
+    // バージョン番号を更新
+    const updatedContent = readmeContent.replace(VERSION_REGEX, `Ver.${version}`);
+    writeFile(README_PATH, updatedContent);
+    console.log(`Updated README.md version to ${version}`);
+  } else {
+    console.log('Versions are already in sync');
+  }
+}
+
+// スクリプトを実行
+updateVersion();

scripts/version.js

@@ -0,0 +1,65 @@
+# テーマ「develop」Ver.0.0.11
+
+## バンドル環境の使い方
+
+### インストール
+
+**themes/develop/** に移動して、下記のコマンドを実行します。実行することでビルドに必要なツールなどがインストールされます。
+
+```bash
+$ npm install
+```
+
+### ビルドコマンド
+
+#### 本番用ビルド
+
+cssのbuildとjsのbuildを行います。 **納品時にはこのコマンドを実行して納品してください。** JavaScriptが productionビルド となります。
+
+```bash
+$ npm run build
+```
+
+#### 開発用ビルド
+
+以下のコマンドを実行すると、cssとjsの変更をwatchしてビルドを行います。余分なコードが入ったり、最適化されないため**納品時には必ず npm run build **しましょう。
+
+```bash
+$ npm run dev
+```
+
+
+## 組み込みJSの読み込みについて
+
+JavaScriptは、**include/head/js.html** で読んでいます。
+developテーマではパフォーマンス向上のために、**Touch_SessionWithContribution**を使って、投稿者以上以上の場合だけ読み込むようにしています。
+
+```html
+<!-- BEGIN_MODULE Touch_SessionWithContribution -->
+<script src="%{JS_LIB_JQUERY_DIR}jquery-%{JS_LIB_JQUERY_DIR_VERSION}.min.js" charset="UTF-8"></script><!-- BEGIN_MODULE Js -->
+<script src="/acms.js{arguments}" charset="UTF-8" id="acms-js"></script><!-- END_MODULE Js -->
+<!-- END_MODULE Touch_SessionWithContribution -->
+```
+
+組み込みJSを読まないようにすると、スライダーや、画像ビューワーなどの組み込みJSが動作しなくなりますが、一部のよく利用する組み込みJSをsrc/js/lib/buildIn/に実装し、src/js/main.jsで読み込んでいます。
+
+```javascript
+import {
+  // 組み込みJS
+} from './lib/buildIn/';
+```
+
+これ以外に必要な機能やライブラリは、自分でインストール、実装する必要があります。
+バンドル環境が整っていますので、 npm経由でライブラリをもってきて、 importする方式をお勧めします。以下 lazy load を実装する例になります。
+
+```bash
+$ npm i vanilla-lazyload
+```
+
+```javascript
+import LazyLoad from 'vanilla-lazyload';
+
+domContentLoaded(() => {
+  new LazyLoad({elements_selector: '.js-lazy-load'});
+});
+```

themes/develop/README.md

@@ -48,6 +48,7 @@
     "smartphoto": "^1.6.5"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.6.1"
+    "@rollup/rollup-linux-x64-gnu": "4.6.1",
+    "@tailwindcss/oxide-linux-x64-gnu": "^4.0.1"
   }
 }

themes/develop/package.json

@@ -13,6 +13,7 @@ import * as rules from './rules';
  * @property {function(ValidationResult[], HTMLElement): void} onInvalid - バリデーション失敗時のコールバック関数
  * @property {function(ValidationResult[], HTMLElement): void} onValidated - バリデーション後に実行されるコールバック関数
  * @property {'onBlur' | 'onChange' | false} shouldValidate - バリデーションのタイミング
+ * @property {'onBlur' | 'onChange' | false} shouldRevalidate - 再バリデーションのタイミング
  * @property {boolean} shouldValidateOnSubmit - 送信時にバリデーションを実行するかどうか
  * @property {Record<string, ValidationRule>} customRules - カスタムバリデーションルール
  */