@c-time/frelio-cli 0.1.0 → 1.3.0

package/dist/lib/templates.d.ts

@@ -33,6 +33,7 @@ export declare function generateStorageFunction(): string;
 export declare function generateViteConfig(): string;
 export declare function generatePackageJson(config: ProjectConfig): string;
 export declare function generateTsConfig(): string;
+export declare function generateTsConfigNode(): string;
 /**
  * ファイルを書き込む（ディレクトリがなければ作成）
  */

package/dist/lib/templates.js

@@ -133,25 +133,121 @@ export const onRequest: PagesFunction<Env> = async (context) => {
 `;
 }
 export function generateViteConfig() {
-    return `import { defineConfig } from 'vite'
+    return `import { defineConfig, type Plugin } from 'vite'
 import { resolve } from 'path'
+import { spawn, type ChildProcess } from 'child_process'
 
 const templateAssets = resolve(__dirname, 'frelio-data/site/templates/assets')
+const entries = resolve(templateAssets, 'entries')
+
+/** dev server 起動時にコンテンツ変更監視を自動開始する Vite プラグイン */
+function contentWatcherPlugin(): Plugin {
+  let watcher: ChildProcess | null = null
+  return {
+    name: 'content-watcher',
+    apply: 'serve',
+    configureServer(server) {
+      watcher = spawn('npx', ['tsx', 'scripts/watch-content.ts'], {
+        cwd: resolve(__dirname),
+        stdio: 'inherit',
+        shell: true,
+      })
+      watcher.on('error', (err) => {
+        console.error('[content-watcher] Failed to start:', err.message)
+      })
+      server.httpServer?.on('close', () => {
+        watcher?.kill()
+      })
+    },
+    buildEnd() {
+      watcher?.kill()
+      watcher = null
+    },
+  }
+}
+
+/** ビルド時に CSS を対応する JS チャンクのパスに合わせて styles/ 配下へ配置する */
+function cssRelocatePlugin(): Plugin {
+  return {
+    name: 'css-relocate',
+    apply: 'build',
+    enforce: 'post',
+    generateBundle(_, bundle) {
+      const renames: Array<{ chunkName: string; oldCss: string; newCss: string }> = []
+
+      for (const chunk of Object.values(bundle)) {
+        if (chunk.type !== 'chunk' || !chunk.isEntry) continue
+        const meta = (chunk as any).viteMetadata as
+          | { importedCss?: Set<string> }
+          | undefined
+        if (!meta?.importedCss?.size) continue
+
+        const newCss = chunk.name.replace('/scripts/', '/styles/') + '.css'
+        for (const oldCss of meta.importedCss) {
+          if (oldCss !== newCss) {
+            renames.push({ chunkName: chunk.name, oldCss, newCss })
+          }
+        }
+      }
+
+      for (const { oldCss, newCss } of renames) {
+        const asset = bundle[oldCss]
+        if (!asset) continue
+        delete bundle[oldCss]
+        asset.fileName = newCss
+        bundle[newCss] = asset
+      }
+
+      for (const chunk of Object.values(bundle)) {
+        if (chunk.type !== 'chunk' || !chunk.isEntry) continue
+        const meta = (chunk as any).viteMetadata as
+          | { importedCss?: Set<string> }
+          | undefined
+        if (!meta?.importedCss) continue
+        for (const { oldCss, newCss } of renames) {
+          if (meta.importedCss.has(oldCss)) {
+            meta.importedCss.delete(oldCss)
+            meta.importedCss.add(newCss)
+          }
+        }
+      }
+    },
+  }
+}
 
 export default defineConfig(({ command }) => ({
   root: 'frelio-data/site/templates',
   publicDir: command === 'serve' ? resolve(__dirname, 'public') : false,
+  plugins: [contentWatcherPlugin(), cssRelocatePlugin()],
+  resolve: {
+    alias: {
+      '@features': resolve(templateAssets, 'ts/features'),
+    },
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern-compiler',
+        loadPaths: [resolve(templateAssets, 'scss')],
+      },
+    },
+  },
   build: {
     outDir: resolve(__dirname, 'public'),
     emptyOutDir: false,
+    cssCodeSplit: true,
     rollupOptions: {
       input: {
-        style: resolve(templateAssets, 'scss/style.scss'),
-        index: resolve(templateAssets, 'ts/index.ts'),
+        'common/scripts/index': resolve(entries, 'common/scripts/index.ts'),
+        'home/scripts/index': resolve(entries, 'home/scripts/index.ts'),
+        'about/scripts/index': resolve(entries, 'about/scripts/index.ts'),
+        'contact/scripts/index': resolve(entries, 'contact/scripts/index.ts'),
+        'news/scripts/index': resolve(entries, 'news/scripts/index.ts'),
+        'news/detail/scripts/index': resolve(entries, 'news/detail/scripts/index.ts'),
       },
       output: {
-        entryFileNames: 'assets/[name].js',
-        assetFileNames: 'assets/[name].[ext]',
+        entryFileNames: '[name].js',
+        assetFileNames: '[name].[ext]',
       },
     },
   },
@@ -170,11 +266,31 @@ export function generatePackageJson(config) {
             dev: 'vite',
             build: 'vite build',
             preview: 'vite preview',
+            'generate:dep-map': 'tsx scripts/generate-dependency-map.ts',
+            generate: 'tsx scripts/generate-data-json.ts',
+            'generate:full': 'tsx scripts/generate-data-json.ts --full-rebuild',
+            'generate:dry-run': 'tsx scripts/generate-data-json.ts --dry-run',
+            'generate:html': 'tsx scripts/generate-html.ts',
+            'generate:html:dry-run': 'tsx scripts/generate-html.ts --dry-run',
+            'generate:sitemap': 'tsx scripts/generate-sitemap.ts',
+            'generate:sitemap:full': 'tsx scripts/generate-sitemap.ts --full-rebuild',
+            'watch:content': 'tsx scripts/watch-content.ts',
+            'rebuild:indexes': 'tsx scripts/rebuild-indexes.ts',
+            'rebuild:indexes:dry-run': 'tsx scripts/rebuild-indexes.ts --dry-run',
         },
         devDependencies: {
-            vite: '^6.0.0',
+            '@c-time/frelio-content-ops': '^0.1.0',
+            '@c-time/frelio-data-json-generator': '*',
+            '@c-time/frelio-data-json-recipe': '^1.2.0',
+            '@c-time/frelio-data-json-recipe-to-dependency-map': '*',
+            '@c-time/frelio-dependency-map': '*',
+            '@c-time/frelio-gentl': '*',
+            '@c-time/frelio-types': '^0.1.0',
             sass: '^1.80.0',
+            tsx: '^4.0.0',
             typescript: '^5.7.0',
+            vite: '^6.0.0',
+            zod: '^3.25.0',
         },
     }, null, 2);
 }
@@ -183,13 +299,29 @@ export function generateTsConfig() {
         compilerOptions: {
             target: 'ES2022',
             module: 'ESNext',
-            moduleResolution: 'Bundler',
-            lib: ['ES2022', 'DOM', 'DOM.Iterable'],
+            moduleResolution: 'bundler',
             strict: true,
+            esModuleInterop: true,
             skipLibCheck: true,
+            resolveJsonModule: true,
+            outDir: 'dist',
+        },
+        include: ['frelio-data/site/templates/assets/ts/**/*.ts', 'vite.config.ts'],
+    }, null, 2);
+}
+export function generateTsConfigNode() {
+    return JSON.stringify({
+        compilerOptions: {
+            target: 'ES2022',
+            module: 'NodeNext',
+            moduleResolution: 'NodeNext',
+            strict: true,
             esModuleInterop: true,
+            skipLibCheck: true,
+            resolveJsonModule: true,
+            outDir: 'dist',
         },
-        include: ['frelio-data/site/templates/assets/ts'],
+        include: ['scripts/**/*.ts'],
     }, null, 2);
 }
 /**

package/dist/lib/validators.d.ts

@@ -0,0 +1,8 @@
+/**
+ * CLI パラメータのバリデーション関数
+ * prompts の validate コールバックと非対話モードの両方で使用
+ */
+export declare function validateContentRepo(v: string): true | string;
+export declare function validateR2PublicUrl(v: string): true | string;
+export declare function validateStagingName(v: string): true | string;
+export declare function validateRequired(v: string, label: string): true | string;

package/dist/lib/validators.js

@@ -0,0 +1,22 @@
+/**
+ * CLI パラメータのバリデーション関数
+ * prompts の validate コールバックと非対話モードの両方で使用
+ */
+export function validateContentRepo(v) {
+    return v.includes('/') || 'owner/repo 形式で入力してください';
+}
+export function validateR2PublicUrl(v) {
+    return v === '' || v.startsWith('https://') || 'https:// で始まる URL を入力してください';
+}
+export function validateStagingName(v) {
+    if (!v)
+        return 'ステージング名を入力してください';
+    if (!/^[a-z0-9][a-z0-9-]*$/.test(v))
+        return '小文字英数字とハイフンのみ使用可能です';
+    if (v === 'staging')
+        return '"staging" は予約済みです。別の名前を使用してください';
+    return true;
+}
+export function validateRequired(v, label) {
+    return v.length > 0 || `${label}は必須です`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c-time/frelio-cli",
-  "version": "0.1.0",
+  "version": "1.3.0",
   "description": "Frelio CMS setup CLI",
   "license": "MIT",
   "type": "module",