@konomi-app/k2-vite 0.2.0

package/README.md

@@ -0,0 +1,146 @@
+# @konomi-app/k2-vite
+
+🍳 Minimal kintone development environment with Vite
+
+## Features
+
+- ⚡ **Vite-powered** - Fast development and build
+- 🔒 **SSL-ready** - Automatic HTTPS for local development
+- 📦 **Simple output** - `src/{appName}/index.ts` → `{appName}.js` + `{appName}.css`
+- 🛠️ **CLI & API** - Use from command line or JavaScript
+
+## Installation
+
+```bash
+npm install @konomi-app/k2-vite vite chokidar
+# or
+pnpm add @konomi-app/k2-vite vite chokidar
+```
+
+### Prerequisites
+
+For SSL certificate generation, install [mkcert](https://github.com/FiloSottile/mkcert):
+
+```bash
+# Windows (with Chocolatey)
+choco install mkcert
+
+# macOS (with Homebrew)
+brew install mkcert
+
+# Then install the local CA
+mkcert -install
+```
+
+## Project Structure
+
+```
+your-project/
+├── src/
+│   ├── app-1/
+│   │   └── index.ts    # Entry point for app-1
+│   ├── app-2/
+│   │   └── index.tsx   # Entry point for app-2
+│   └── shared/
+│       └── utils.ts    # Shared utilities
+└── package.json
+```
+
+Output:
+
+```
+.k2/prod/
+├── app-1.js
+├── app-1.css
+├── app-2.js
+└── app-2.css
+```
+
+## CLI Usage
+
+### Build for Production
+
+```bash
+npx k2-vite build
+
+# With options
+npx k2-vite build --input src --outdir dist
+```
+
+### Development Server
+
+```bash
+npx k2-vite dev
+
+# With options
+npx k2-vite dev --port 3000 --input src
+```
+
+Options:
+
+- `-i, --input <dir>` - Input directory (default: `src`)
+- `-o, --outdir <dir>` - Output directory (default: `.k2/prod` for build, `.k2/dev` for dev)
+- `-c, --certdir <dir>` - SSL certificate directory (default: `.k2`)
+- `-p, --port <number>` - Dev server port (default: `32767`)
+
+## JavaScript API
+
+```typescript
+import { build, dev, createViteConfig } from '@konomi-app/k2-vite';
+
+// Build for production
+await build({
+  input: 'src',
+  outDir: 'dist',
+});
+
+// Start development server
+await dev({
+  input: 'src',
+  port: 3000,
+});
+
+// Custom Vite configuration
+await build({
+  input: 'src',
+  viteConfig: {
+    plugins: [
+      /* your plugins */
+    ],
+    define: {
+      'process.env.NODE_ENV': '"production"',
+    },
+  },
+});
+```
+
+## Configuration
+
+### With vite-tsconfig-paths (Optional)
+
+If you want to use TypeScript path aliases:
+
+```bash
+npm install vite-tsconfig-paths
+```
+
+The plugin will be automatically detected and used.
+
+### Custom Vite Config
+
+You can pass additional Vite configuration:
+
+```typescript
+import { build } from '@konomi-app/k2-vite';
+import react from '@vitejs/plugin-react';
+
+await build({
+  viteConfig: {
+    plugins: [react()],
+  },
+});
+```
+
+## License
+
+ISC

package/dist/commands/build.d.ts

@@ -0,0 +1,16 @@
+import { InlineConfig } from 'vite';
+
+interface BuildOptions {
+    /** 入力ディレクトリ（デフォルト: src） */
+    input?: string;
+    /** 出力ディレクトリ（デフォルト: .k2/prod） */
+    outDir?: string;
+    /** 追加のVite設定 */
+    viteConfig?: Partial<InlineConfig>;
+}
+/**
+ * プロジェクトをビルドする
+ */
+declare function build(options?: BuildOptions): Promise<void>;
+
+export { type BuildOptions, build, build as default };

package/dist/commands/build.js

@@ -0,0 +1,117 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/commands/build.ts
+import { build as viteBuild } from "vite";
+import fs from "fs-extra";
+import path3 from "path";
+import chalk from "chalk";
+
+// src/lib/vite.ts
+import path from "path";
+var createViteConfig = (config = {}) => {
+  const plugins = [...config.plugins ?? []];
+  try {
+    const tsconfigPaths = __require("vite-tsconfig-paths");
+    plugins.push(tsconfigPaths.default ? tsconfigPaths.default() : tsconfigPaths());
+  } catch {
+  }
+  return {
+    ...config,
+    configFile: false,
+    build: {
+      ...config.build,
+      cssCodeSplit: true,
+      rollupOptions: {
+        ...config.build?.rollupOptions,
+        onwarn: (warning, warn) => {
+          if (["MODULE_LEVEL_DIRECTIVE"].includes(warning.code ?? "")) {
+            return;
+          }
+          warn(warning);
+        }
+      }
+    },
+    plugins,
+    resolve: {
+      ...config.resolve,
+      alias: {
+        "@": path.resolve(process.cwd(), "src"),
+        ...config.resolve?.alias
+      }
+    }
+  };
+};
+
+// src/lib/constants.ts
+import path2 from "path";
+var WORKSPACE_DIRECTORY = ".k2";
+var DEVELOPMENT_DIRECTORY = path2.join(WORKSPACE_DIRECTORY, "dev");
+var PRODUCTION_DIRECTORY = path2.join(WORKSPACE_DIRECTORY, "prod");
+var PLUGIN_WORKSPACE_DIRECTORY = path2.join(WORKSPACE_DIRECTORY, "plugin");
+var PLUGIN_DEVELOPMENT_DIRECTORY = path2.join(PLUGIN_WORKSPACE_DIRECTORY, "dev");
+var PLUGIN_PRODUCTION_DIRECTORY = path2.join(PLUGIN_WORKSPACE_DIRECTORY, "prod");
+
+// src/commands/build.ts
+function getEntryPoints(inputDir) {
+  const entries = {};
+  if (!fs.existsSync(inputDir)) {
+    throw new Error(`Input directory not found: ${inputDir}`);
+  }
+  const dirs = fs.readdirSync(inputDir, { withFileTypes: true });
+  for (const dirent of dirs) {
+    if (!dirent.isDirectory()) continue;
+    const dirName = dirent.name;
+    const dirPath = path3.join(inputDir, dirName);
+    for (const filename of ["index.ts", "index.tsx", "index.js", "index.jsx", "index.mjs"]) {
+      const entryPath = path3.join(dirPath, filename);
+      if (fs.existsSync(entryPath)) {
+        entries[dirName] = entryPath;
+        break;
+      }
+    }
+  }
+  return entries;
+}
+async function build(options = {}) {
+  const { input = "src", outDir = PRODUCTION_DIRECTORY, viteConfig = {} } = options;
+  console.log(chalk.blue("\u{1F528} Building for production..."));
+  const inputDir = path3.resolve(input);
+  const outputDir = path3.resolve(outDir);
+  const entries = getEntryPoints(inputDir);
+  if (Object.keys(entries).length === 0) {
+    throw new Error(`No entry points found in ${inputDir}`);
+  }
+  console.log(chalk.gray(`  Entry points: ${Object.keys(entries).join(", ")}`));
+  const config = createViteConfig({
+    ...viteConfig,
+    mode: "production",
+    build: {
+      ...viteConfig.build,
+      rollupOptions: {
+        ...viteConfig.build?.rollupOptions,
+        input: entries,
+        output: {
+          entryFileNames: "[name].js",
+          chunkFileNames: "chunks/[name]-[hash].js",
+          assetFileNames: "[name].[ext]",
+          ...viteConfig.build?.rollupOptions?.output
+        }
+      },
+      outDir: outputDir,
+      emptyOutDir: true
+    }
+  });
+  await viteBuild(config);
+  console.log(chalk.green(`\u2728 Build complete! Output: ${outputDir}`));
+}
+var build_default = build;
+export {
+  build,
+  build_default as default
+};
+//# sourceMappingURL=build.js.map

package/dist/commands/build.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/commands/build.ts","../../src/lib/vite.ts","../../src/lib/constants.ts"],"sourcesContent":["import { build as viteBuild, type InlineConfig } from 'vite';\nimport fs from 'fs-extra';\nimport path from 'path';\nimport chalk from 'chalk';\nimport { createViteConfig } from '../lib/vite.js';\nimport { PRODUCTION_DIRECTORY } from '../lib/constants.js';\n\nexport interface BuildOptions {\n  /** 入力ディレクトリ（デフォルト: src） */\n  input?: string;\n  /** 出力ディレクトリ（デフォルト: .k2/prod） */\n  outDir?: string;\n  /** 追加のVite設定 */\n  viteConfig?: Partial<InlineConfig>;\n}\n\n/**\n * エントリーポイントを取得する\n * src/{appName}/index.ts から {appName}.js を出力するためのマッピング\n */\nfunction getEntryPoints(inputDir: string): Record<string, string> {\n  const entries: Record<string, string> = {};\n\n  if (!fs.existsSync(inputDir)) {\n    throw new Error(`Input directory not found: ${inputDir}`);\n  }\n\n  const dirs = fs.readdirSync(inputDir, { withFileTypes: true });\n\n  for (const dirent of dirs) {\n    if (!dirent.isDirectory()) continue;\n\n    const dirName = dirent.name;\n    const dirPath = path.join(inputDir, dirName);\n\n    // index.ts, index.js, index.mjs のいずれかを探す\n    for (const filename of ['index.ts', 'index.tsx', 'index.js', 'index.jsx', 'index.mjs']) {\n      const entryPath = path.join(dirPath, filename);\n      if (fs.existsSync(entryPath)) {\n        entries[dirName] = entryPath;\n        break;\n      }\n    }\n  }\n\n  return entries;\n}\n\n/**\n * プロジェクトをビルドする\n */\nexport async function build(options: BuildOptions = {}): Promise<void> {\n  const { input = 'src', outDir = PRODUCTION_DIRECTORY, viteConfig = {} } = options;\n\n  console.log(chalk.blue('🔨 Building for production...'));\n\n  const inputDir = path.resolve(input);\n  const outputDir = path.resolve(outDir);\n\n  const entries = getEntryPoints(inputDir);\n\n  if (Object.keys(entries).length === 0) {\n    throw new Error(`No entry points found in ${inputDir}`);\n  }\n\n  console.log(chalk.gray(`  Entry points: ${Object.keys(entries).join(', ')}`));\n\n  const config = createViteConfig({\n    ...viteConfig,\n    mode: 'production',\n    build: {\n      ...viteConfig.build,\n      rollupOptions: {\n        ...viteConfig.build?.rollupOptions,\n        input: entries,\n        output: {\n          entryFileNames: '[name].js',\n          chunkFileNames: 'chunks/[name]-[hash].js',\n          assetFileNames: '[name].[ext]',\n          ...viteConfig.build?.rollupOptions?.output,\n        },\n      },\n      outDir: outputDir,\n      emptyOutDir: true,\n    },\n  });\n\n  await viteBuild(config);\n\n  console.log(chalk.green(`✨ Build complete! Output: ${outputDir}`));\n}\n\nexport default build;\n","import type { InlineConfig } from 'vite';\nimport path from 'path';\n\n/**\n * Vite設定を生成する\n */\nexport const createViteConfig = (config: Partial<InlineConfig> = {}): InlineConfig => {\n  const plugins: InlineConfig['plugins'] = [...(config.plugins ?? [])];\n\n  // vite-tsconfig-pathsがインストールされている場合は自動で追加\n  try {\n    const tsconfigPaths = require('vite-tsconfig-paths');\n    plugins.push(tsconfigPaths.default ? tsconfigPaths.default() : tsconfigPaths());\n  } catch {\n    // vite-tsconfig-paths is optional\n  }\n\n  return {\n    ...config,\n    configFile: false,\n    build: {\n      ...config.build,\n      cssCodeSplit: true,\n      rollupOptions: {\n        ...config.build?.rollupOptions,\n        onwarn: (warning, warn) => {\n          // \"use client\"などのディレクティブ警告を無視\n          if (['MODULE_LEVEL_DIRECTIVE'].includes(warning.code ?? '')) {\n            return;\n          }\n          warn(warning);\n        },\n      },\n    },\n    plugins,\n    resolve: {\n      ...config.resolve,\n      alias: {\n        '@': path.resolve(process.cwd(), 'src'),\n        ...config.resolve?.alias,\n      },\n    },\n  };\n};\n\nexport type { InlineConfig };\n","import path from 'path';\n\n/** k2-vite の作業ディレクトリ */\nexport const WORKSPACE_DIRECTORY = '.k2';\n\n/** 開発時の出力ディレクトリ */\nexport const DEVELOPMENT_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'dev');\n\n/** 本番ビルドの出力ディレクトリ */\nexport const PRODUCTION_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'prod');\n\n/** プラグイン用の作業ディレクトリ */\nexport const PLUGIN_WORKSPACE_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'plugin');\n\n/** プラグイン開発時の出力ディレクトリ */\nexport const PLUGIN_DEVELOPMENT_DIRECTORY = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'dev');\n\n/** プラグイン本番ビルドの出力ディレクトリ */\nexport const PLUGIN_PRODUCTION_DIRECTORY = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'prod');\n\n/** ローカルサーバーのデフォルトポート番号 */\nexport const DEFAULT_PORT = 32767;\n\n/** SSL証明書のファイル名 */\nexport const CERT_KEY_FILENAME = 'localhost-key.pem';\nexport const CERT_FILENAME = 'localhost-cert.pem';\n"],"mappings":"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","names":["path","path","path"]}

package/dist/commands/dev.d.ts

@@ -0,0 +1,20 @@
+import { InlineConfig } from 'vite';
+
+interface DevOptions {
+    /** 入力ディレクトリ（デフォルト: src） */
+    input?: string;
+    /** 出力ディレクトリ（デフォルト: .k2/dev） */
+    outDir?: string;
+    /** 証明書ディレクトリ（デフォルト: .k2） */
+    certDir?: string;
+    /** ポート番号（デフォルト: 32767） */
+    port?: number;
+    /** 追加のVite設定 */
+    viteConfig?: Partial<InlineConfig>;
+}
+/**
+ * 開発サーバーを起動する
+ */
+declare function dev(options?: DevOptions): Promise<void>;
+
+export { type DevOptions, dev as default, dev };

package/dist/commands/dev.js

@@ -0,0 +1,206 @@
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+}) : x)(function(x) {
+  if (typeof require !== "undefined") return require.apply(this, arguments);
+  throw Error('Dynamic require of "' + x + '" is not supported');
+});
+
+// src/commands/dev.ts
+import { build as viteBuild, createServer } from "vite";
+import fs2 from "fs-extra";
+import path4 from "path";
+import chalk from "chalk";
+
+// src/lib/vite.ts
+import path from "path";
+var createViteConfig = (config = {}) => {
+  const plugins = [...config.plugins ?? []];
+  try {
+    const tsconfigPaths = __require("vite-tsconfig-paths");
+    plugins.push(tsconfigPaths.default ? tsconfigPaths.default() : tsconfigPaths());
+  } catch {
+  }
+  return {
+    ...config,
+    configFile: false,
+    build: {
+      ...config.build,
+      cssCodeSplit: true,
+      rollupOptions: {
+        ...config.build?.rollupOptions,
+        onwarn: (warning, warn) => {
+          if (["MODULE_LEVEL_DIRECTIVE"].includes(warning.code ?? "")) {
+            return;
+          }
+          warn(warning);
+        }
+      }
+    },
+    plugins,
+    resolve: {
+      ...config.resolve,
+      alias: {
+        "@": path.resolve(process.cwd(), "src"),
+        ...config.resolve?.alias
+      }
+    }
+  };
+};
+
+// src/lib/cert.ts
+import { exec } from "child_process";
+import { promisify } from "util";
+import fs from "fs-extra";
+import path3 from "path";
+
+// src/lib/constants.ts
+import path2 from "path";
+var WORKSPACE_DIRECTORY = ".k2";
+var DEVELOPMENT_DIRECTORY = path2.join(WORKSPACE_DIRECTORY, "dev");
+var PRODUCTION_DIRECTORY = path2.join(WORKSPACE_DIRECTORY, "prod");
+var PLUGIN_WORKSPACE_DIRECTORY = path2.join(WORKSPACE_DIRECTORY, "plugin");
+var PLUGIN_DEVELOPMENT_DIRECTORY = path2.join(PLUGIN_WORKSPACE_DIRECTORY, "dev");
+var PLUGIN_PRODUCTION_DIRECTORY = path2.join(PLUGIN_WORKSPACE_DIRECTORY, "prod");
+var DEFAULT_PORT = 32767;
+var CERT_KEY_FILENAME = "localhost-key.pem";
+var CERT_FILENAME = "localhost-cert.pem";
+
+// src/lib/cert.ts
+var execAsync = promisify(exec);
+async function generateCert(outDir) {
+  await fs.ensureDir(outDir);
+  const { stdout } = await execAsync("mkcert localhost 127.0.0.1 ::1");
+  const files = [
+    { input: "localhost+2.pem", output: CERT_FILENAME },
+    { input: "localhost+2-key.pem", output: CERT_KEY_FILENAME }
+  ];
+  for (const { input, output } of files) {
+    if (fs.existsSync(input)) {
+      await fs.move(input, path3.join(outDir, output), { overwrite: true });
+    }
+  }
+  return { stdout };
+}
+function hasCertificates(certDir) {
+  return fs.existsSync(path3.join(certDir, CERT_KEY_FILENAME)) && fs.existsSync(path3.join(certDir, CERT_FILENAME));
+}
+function loadCertificates(certDir) {
+  return {
+    key: fs.readFileSync(path3.join(certDir, CERT_KEY_FILENAME)),
+    cert: fs.readFileSync(path3.join(certDir, CERT_FILENAME))
+  };
+}
+
+// src/commands/dev.ts
+function getEntryPoints(inputDir) {
+  const entries = {};
+  if (!fs2.existsSync(inputDir)) {
+    throw new Error(`Input directory not found: ${inputDir}`);
+  }
+  const dirs = fs2.readdirSync(inputDir, { withFileTypes: true });
+  for (const dirent of dirs) {
+    if (!dirent.isDirectory()) continue;
+    const dirName = dirent.name;
+    const dirPath = path4.join(inputDir, dirName);
+    for (const filename of ["index.ts", "index.tsx", "index.js", "index.jsx", "index.mjs"]) {
+      const entryPath = path4.join(dirPath, filename);
+      if (fs2.existsSync(entryPath)) {
+        entries[dirName] = entryPath;
+        break;
+      }
+    }
+  }
+  return entries;
+}
+async function dev(options = {}) {
+  const {
+    input = "src",
+    outDir = DEVELOPMENT_DIRECTORY,
+    certDir = WORKSPACE_DIRECTORY,
+    port = DEFAULT_PORT,
+    viteConfig = {}
+  } = options;
+  console.log(chalk.blue("\u{1F680} Starting development server..."));
+  const inputDir = path4.resolve(input);
+  const outputDir = path4.resolve(outDir);
+  const certDirPath = path4.resolve(certDir);
+  if (!hasCertificates(certDirPath)) {
+    console.log(chalk.yellow("\u{1F4DC} SSL certificates not found. Generating..."));
+    try {
+      await generateCert(certDirPath);
+      console.log(chalk.green("\u2705 SSL certificates generated successfully"));
+    } catch (error) {
+      console.log(
+        chalk.red("\u274C Failed to generate SSL certificates. Make sure mkcert is installed.")
+      );
+      console.log(chalk.gray("   Install mkcert: https://github.com/FiloSottile/mkcert"));
+      throw error;
+    }
+  }
+  const entries = getEntryPoints(inputDir);
+  if (Object.keys(entries).length === 0) {
+    throw new Error(`No entry points found in ${inputDir}`);
+  }
+  console.log(chalk.gray(`  Entry points: ${Object.keys(entries).join(", ")}`));
+  await fs2.ensureDir(outputDir);
+  const { key, cert } = loadCertificates(certDirPath);
+  const config = createViteConfig({
+    ...viteConfig,
+    mode: "development",
+    build: {
+      ...viteConfig.build,
+      rollupOptions: {
+        ...viteConfig.build?.rollupOptions,
+        input: entries,
+        output: {
+          entryFileNames: "[name].js",
+          chunkFileNames: "chunks/[name].js",
+          assetFileNames: "[name].[ext]",
+          ...viteConfig.build?.rollupOptions?.output
+        }
+      },
+      outDir: outputDir,
+      sourcemap: "inline",
+      watch: {}
+    },
+    server: {
+      ...viteConfig.server,
+      port,
+      https: { key, cert }
+    }
+  });
+  console.log(chalk.gray("  Building..."));
+  await viteBuild(config);
+  const server = await createServer({
+    ...config,
+    root: outputDir,
+    server: {
+      port,
+      https: { key, cert }
+    }
+  });
+  await server.listen();
+  console.log(chalk.green(`
+\u2728 Development server ready!`));
+  console.log(chalk.cyan(`   Local: https://localhost:${port}`));
+  console.log(chalk.gray(`   Output: ${outputDir}`));
+  console.log(chalk.gray("\n   Watching for changes...\n"));
+  const chokidar = await import("chokidar");
+  const watcher = chokidar.watch([`${input}/**/*.{ts,tsx,js,jsx,css,scss}`], {
+    ignored: /node_modules/,
+    persistent: true
+  });
+  const rebuild = async () => {
+    console.log(chalk.gray("  Rebuilding..."));
+    await viteBuild(config);
+  };
+  watcher.on("change", rebuild);
+  watcher.on("add", rebuild);
+  watcher.on("unlink", rebuild);
+}
+var dev_default = dev;
+export {
+  dev_default as default,
+  dev
+};
+//# sourceMappingURL=dev.js.map

package/dist/commands/dev.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/commands/dev.ts","../../src/lib/vite.ts","../../src/lib/cert.ts","../../src/lib/constants.ts"],"sourcesContent":["import { build as viteBuild, createServer, type InlineConfig } from 'vite';\nimport fs from 'fs-extra';\nimport path from 'path';\nimport chalk from 'chalk';\nimport { createViteConfig } from '../lib/vite.js';\nimport { loadCertificates, hasCertificates, generateCert } from '../lib/cert.js';\nimport { DEVELOPMENT_DIRECTORY, WORKSPACE_DIRECTORY, DEFAULT_PORT } from '../lib/constants.js';\n\nexport interface DevOptions {\n  /** 入力ディレクトリ（デフォルト: src） */\n  input?: string;\n  /** 出力ディレクトリ（デフォルト: .k2/dev） */\n  outDir?: string;\n  /** 証明書ディレクトリ（デフォルト: .k2） */\n  certDir?: string;\n  /** ポート番号（デフォルト: 32767） */\n  port?: number;\n  /** 追加のVite設定 */\n  viteConfig?: Partial<InlineConfig>;\n}\n\n/**\n * エントリーポイントを取得する\n */\nfunction getEntryPoints(inputDir: string): Record<string, string> {\n  const entries: Record<string, string> = {};\n\n  if (!fs.existsSync(inputDir)) {\n    throw new Error(`Input directory not found: ${inputDir}`);\n  }\n\n  const dirs = fs.readdirSync(inputDir, { withFileTypes: true });\n\n  for (const dirent of dirs) {\n    if (!dirent.isDirectory()) continue;\n\n    const dirName = dirent.name;\n    const dirPath = path.join(inputDir, dirName);\n\n    for (const filename of ['index.ts', 'index.tsx', 'index.js', 'index.jsx', 'index.mjs']) {\n      const entryPath = path.join(dirPath, filename);\n      if (fs.existsSync(entryPath)) {\n        entries[dirName] = entryPath;\n        break;\n      }\n    }\n  }\n\n  return entries;\n}\n\n/**\n * 開発サーバーを起動する\n */\nexport async function dev(options: DevOptions = {}): Promise<void> {\n  const {\n    input = 'src',\n    outDir = DEVELOPMENT_DIRECTORY,\n    certDir = WORKSPACE_DIRECTORY,\n    port = DEFAULT_PORT,\n    viteConfig = {},\n  } = options;\n\n  console.log(chalk.blue('🚀 Starting development server...'));\n\n  const inputDir = path.resolve(input);\n  const outputDir = path.resolve(outDir);\n  const certDirPath = path.resolve(certDir);\n\n  // SSL証明書の確認\n  if (!hasCertificates(certDirPath)) {\n    console.log(chalk.yellow('📜 SSL certificates not found. Generating...'));\n    try {\n      await generateCert(certDirPath);\n      console.log(chalk.green('✅ SSL certificates generated successfully'));\n    } catch (error) {\n      console.log(\n        chalk.red('❌ Failed to generate SSL certificates. Make sure mkcert is installed.')\n      );\n      console.log(chalk.gray('   Install mkcert: https://github.com/FiloSottile/mkcert'));\n      throw error;\n    }\n  }\n\n  const entries = getEntryPoints(inputDir);\n\n  if (Object.keys(entries).length === 0) {\n    throw new Error(`No entry points found in ${inputDir}`);\n  }\n\n  console.log(chalk.gray(`  Entry points: ${Object.keys(entries).join(', ')}`));\n\n  await fs.ensureDir(outputDir);\n\n  const { key, cert } = loadCertificates(certDirPath);\n\n  const config = createViteConfig({\n    ...viteConfig,\n    mode: 'development',\n    build: {\n      ...viteConfig.build,\n      rollupOptions: {\n        ...viteConfig.build?.rollupOptions,\n        input: entries,\n        output: {\n          entryFileNames: '[name].js',\n          chunkFileNames: 'chunks/[name].js',\n          assetFileNames: '[name].[ext]',\n          ...viteConfig.build?.rollupOptions?.output,\n        },\n      },\n      outDir: outputDir,\n      sourcemap: 'inline',\n      watch: {},\n    },\n    server: {\n      ...viteConfig.server,\n      port,\n      https: { key, cert },\n    },\n  });\n\n  // 初回ビルド\n  console.log(chalk.gray('  Building...'));\n  await viteBuild(config);\n\n  // 開発サーバー起動\n  const server = await createServer({\n    ...config,\n    root: outputDir,\n    server: {\n      port,\n      https: { key, cert },\n    },\n  });\n\n  await server.listen();\n\n  console.log(chalk.green(`\\n✨ Development server ready!`));\n  console.log(chalk.cyan(`   Local: https://localhost:${port}`));\n  console.log(chalk.gray(`   Output: ${outputDir}`));\n  console.log(chalk.gray('\\n   Watching for changes...\\n'));\n\n  // ファイル監視してビルド\n  const chokidar = await import('chokidar');\n  const watcher = chokidar.watch([`${input}/**/*.{ts,tsx,js,jsx,css,scss}`], {\n    ignored: /node_modules/,\n    persistent: true,\n  });\n\n  const rebuild = async () => {\n    console.log(chalk.gray('  Rebuilding...'));\n    await viteBuild(config);\n  };\n\n  watcher.on('change', rebuild);\n  watcher.on('add', rebuild);\n  watcher.on('unlink', rebuild);\n}\n\nexport default dev;\n","import type { InlineConfig } from 'vite';\nimport path from 'path';\n\n/**\n * Vite設定を生成する\n */\nexport const createViteConfig = (config: Partial<InlineConfig> = {}): InlineConfig => {\n  const plugins: InlineConfig['plugins'] = [...(config.plugins ?? [])];\n\n  // vite-tsconfig-pathsがインストールされている場合は自動で追加\n  try {\n    const tsconfigPaths = require('vite-tsconfig-paths');\n    plugins.push(tsconfigPaths.default ? tsconfigPaths.default() : tsconfigPaths());\n  } catch {\n    // vite-tsconfig-paths is optional\n  }\n\n  return {\n    ...config,\n    configFile: false,\n    build: {\n      ...config.build,\n      cssCodeSplit: true,\n      rollupOptions: {\n        ...config.build?.rollupOptions,\n        onwarn: (warning, warn) => {\n          // \"use client\"などのディレクティブ警告を無視\n          if (['MODULE_LEVEL_DIRECTIVE'].includes(warning.code ?? '')) {\n            return;\n          }\n          warn(warning);\n        },\n      },\n    },\n    plugins,\n    resolve: {\n      ...config.resolve,\n      alias: {\n        '@': path.resolve(process.cwd(), 'src'),\n        ...config.resolve?.alias,\n      },\n    },\n  };\n};\n\nexport type { InlineConfig };\n","import { exec } from 'child_process';\nimport { promisify } from 'util';\nimport fs from 'fs-extra';\nimport path from 'path';\nimport { CERT_KEY_FILENAME, CERT_FILENAME } from './constants.js';\n\nconst execAsync = promisify(exec);\n\n/**\n * mkcertを使用してSSL証明書を生成する\n * @param outDir 証明書の出力先ディレクトリ\n */\nexport async function generateCert(outDir: string): Promise<{ stdout: string }> {\n  await fs.ensureDir(outDir);\n\n  const { stdout } = await execAsync('mkcert localhost 127.0.0.1 ::1');\n\n  const files = [\n    { input: 'localhost+2.pem', output: CERT_FILENAME },\n    { input: 'localhost+2-key.pem', output: CERT_KEY_FILENAME },\n  ];\n\n  for (const { input, output } of files) {\n    if (fs.existsSync(input)) {\n      await fs.move(input, path.join(outDir, output), { overwrite: true });\n    }\n  }\n\n  return { stdout };\n}\n\n/**\n * SSL証明書が存在するか確認する\n * @param certDir 証明書のディレクトリ\n */\nexport function hasCertificates(certDir: string): boolean {\n  return (\n    fs.existsSync(path.join(certDir, CERT_KEY_FILENAME)) &&\n    fs.existsSync(path.join(certDir, CERT_FILENAME))\n  );\n}\n\n/**\n * SSL証明書を読み込む\n * @param certDir 証明書のディレクトリ\n */\nexport function loadCertificates(certDir: string): { key: Buffer; cert: Buffer } {\n  return {\n    key: fs.readFileSync(path.join(certDir, CERT_KEY_FILENAME)),\n    cert: fs.readFileSync(path.join(certDir, CERT_FILENAME)),\n  };\n}\n","import path from 'path';\n\n/** k2-vite の作業ディレクトリ */\nexport const WORKSPACE_DIRECTORY = '.k2';\n\n/** 開発時の出力ディレクトリ */\nexport const DEVELOPMENT_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'dev');\n\n/** 本番ビルドの出力ディレクトリ */\nexport const PRODUCTION_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'prod');\n\n/** プラグイン用の作業ディレクトリ */\nexport const PLUGIN_WORKSPACE_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'plugin');\n\n/** プラグイン開発時の出力ディレクトリ */\nexport const PLUGIN_DEVELOPMENT_DIRECTORY = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'dev');\n\n/** プラグイン本番ビルドの出力ディレクトリ */\nexport const PLUGIN_PRODUCTION_DIRECTORY = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'prod');\n\n/** ローカルサーバーのデフォルトポート番号 */\nexport const DEFAULT_PORT = 32767;\n\n/** SSL証明書のファイル名 */\nexport const CERT_KEY_FILENAME = 'localhost-key.pem';\nexport const CERT_FILENAME = 'localhost-cert.pem';\n"],"mappings":"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","names":["fs","path","path","path","path","fs","path"]}

package/dist/commands/plugin-build.d.ts

@@ -0,0 +1,18 @@
+import { InlineConfig } from 'vite';
+
+interface PluginBuildOptions {
+    /** 設定画面のエントリーポイント（デフォルト: src/config/index.ts） */
+    configEntry?: string;
+    /** PC用画面のエントリーポイント（デフォルト: src/desktop/index.ts） */
+    desktopEntry?: string;
+    /** 出力ディレクトリ（デフォルト: .k2/plugin/prod） */
+    outDir?: string;
+    /** 追加のVite設定 */
+    viteConfig?: Partial<InlineConfig>;
+}
+/**
+ * kintoneプラグインをビルドする
+ */
+declare function pluginBuild(options?: PluginBuildOptions): Promise<void>;
+
+export { type PluginBuildOptions, pluginBuild as default, pluginBuild };