@konomi-app/k2 0.1.0 → 0.1.2

package/dist/commands/{build/index.js → build-base.js}

@@ -1,8 +1,8 @@
 import { program } from 'commander';
 import { build } from 'vite';
-import { importPluginConfig } from '../../lib/import.js';
-import { getViteConfig } from '../../lib/vite.js';
-import { CONTENTS_DIRECTORY } from '../../lib/constants.js';
+import { importPluginConfig } from '../lib/import.js';
+import { getViteConfig } from '../lib/vite.js';
+import { PLUGIN_CONTENTS_DIRECTORY } from '../lib/constants.js';
 export default function command() {
     program
         .command('build')
@@ -10,14 +10,14 @@ export default function command() {
         .action(action);
 }
 export async function action() {
-    console.group('🚀 Build the project for production');
+    console.group('🍳 Build the project for production');
     try {
         const config = await importPluginConfig();
         const viteConfig = getViteConfig(config);
         await build({
             ...viteConfig,
             mode: 'production',
-            build: { ...viteConfig.build, outDir: CONTENTS_DIRECTORY },
+            build: { ...viteConfig.build, outDir: PLUGIN_CONTENTS_DIRECTORY },
         });
         console.log('✨ Build success.');
     }

package/dist/commands/dev-base.js

@@ -0,0 +1,35 @@
+import express from 'express';
+import fs from 'fs-extra';
+import { createServer } from 'https';
+import path from 'path';
+import { generateCert } from '../lib/cert.js';
+import { buildWithEsbuild } from '../lib/esbuild.js';
+export default function action(params) {
+    const { entryPoints, staticDir, certDir, port } = params;
+    return Promise.all([build({ entryPoints, staticDir }), server({ port, certDir, staticDir })]);
+}
+async function build(params) {
+    const { entryPoints, staticDir: outdir } = params;
+    return buildWithEsbuild({ entryPoints, outdir });
+}
+async function server(params) {
+    const { certDir, port, staticDir } = params;
+    const app = express();
+    app.use(express.static(staticDir));
+    const privateKeyPath = path.join(certDir, 'localhost-key.pem');
+    const certificatePath = path.join(certDir, 'localhost-cert.pem');
+    if (!fs.existsSync(privateKeyPath) || !fs.existsSync(certificatePath)) {
+        await generateCert(certDir);
+        console.log('🔑 Certificate generated');
+    }
+    const privateKey = fs.readFileSync(privateKeyPath);
+    const certificate = fs.readFileSync(certificatePath);
+    const server = createServer({ key: privateKey, cert: certificate }, app);
+    const res = server.listen(port);
+    res.on('error', (error) => {
+        console.error(error);
+    });
+    res.on('listening', () => {
+        console.log(`🚀 Server started! https://localhost:${port}`);
+    });
+}

package/dist/commands/dev.js

@@ -0,0 +1,41 @@
+import { program } from 'commander';
+import fs from 'fs-extra';
+import path from 'path';
+import { DEFAULT_PORT, DEVELOPMENT_DIRECTORY, WORKSPACE_DIRECTORY } from '../lib/constants.js';
+import base from './dev-base.js';
+export default function command() {
+    program
+        .command('dev')
+        .description('Start development server.')
+        .option('-o, --outdir <outdir>', 'Output directory.', DEVELOPMENT_DIRECTORY)
+        .option('-p, --port <port>', 'Port number', DEFAULT_PORT.toString())
+        .action(action);
+}
+export async function action(options) {
+    const { outdir, port } = options;
+    console.group('🍳 Start development server');
+    try {
+        const srcDir = path.join('src', 'apps');
+        const dirs = fs.readdirSync(srcDir);
+        const entryPoints = dirs.reduce((acc, dir) => {
+            for (const filename of ['index.ts', 'index.js', 'index.mjs']) {
+                if (fs.existsSync(path.join(srcDir, dir, filename))) {
+                    return [...acc, { in: path.join(srcDir, dir, filename), out: dir }];
+                }
+            }
+            return acc;
+        }, []);
+        base({
+            port: Number(port),
+            entryPoints,
+            certDir: WORKSPACE_DIRECTORY,
+            staticDir: outdir,
+        });
+    }
+    catch (error) {
+        throw error;
+    }
+    finally {
+        console.groupEnd();
+    }
+}

package/dist/commands/genkey-base.js

@@ -0,0 +1,18 @@
+import { generateCert } from '../lib/cert.js';
+export default async function action(options) {
+    const { output } = options;
+    console.group('🍳 Generate SSL key for localhost');
+    try {
+        const { stdout } = await generateCert(output);
+        if (stdout) {
+            console.log(stdout);
+        }
+        console.log(`🔑 key generation success. Output to ./${output}`);
+    }
+    catch (error) {
+        throw error;
+    }
+    finally {
+        console.groupEnd();
+    }
+}

package/dist/commands/genkey.js

@@ -0,0 +1,13 @@
+import { program } from 'commander';
+import base from './genkey-base.js';
+import { WORKSPACE_DIRECTORY } from '../lib/constants.js';
+export default function command() {
+    program
+        .command('genkey')
+        .description('Generate SSL key for localhost. (Require mkcert)')
+        .option('-o, --output <output>', 'Output directory.', WORKSPACE_DIRECTORY)
+        .action(action);
+}
+export async function action(options) {
+    await base(options);
+}

package/dist/commands/init/index.js

@@ -3,24 +3,21 @@ import fs from 'fs-extra';
 import path from 'path';
 import packer from '@kintone/plugin-packer';
 import { outputManifest } from '../../lib/plugin-manifest.js';
-import { WORKSPACE_DIRECTORY } from '../../lib/constants.js';
+import { PLUGIN_WORKSPACE_DIRECTORY } from '../../lib/constants.js';
 import { getContentsZipBuffer, outputContentsZip } from '../../lib/zip.js';
 import { copyPluginContents } from '../../lib/plugin-contents.js';
 export default function command() {
-    program
-        .command('init')
-        .description('generate private.ppk and kitting config')
-        .action(action);
+    program.command('init').description('generate private.ppk and kitting config').action(action);
 }
 export async function action() {
-    console.group('🚀 Executing plugin initialization setup');
+    console.group('🍳 Executing plugin initialization setup');
     try {
         const manifest = await outputManifest('dev');
         console.log('📝 manifest.json generated');
         await copyPluginContents();
         console.log('📁 contents copied');
         let privateKey;
-        const keyPath = path.join(WORKSPACE_DIRECTORY, 'private.ppk');
+        const keyPath = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'private.ppk');
         if (fs.existsSync(keyPath)) {
             privateKey = await fs.readFile(keyPath, 'utf8');
         }
@@ -28,13 +25,13 @@ export async function action() {
         const buffer = await getContentsZipBuffer();
         const output = await packer(buffer, privateKey);
         if (!privateKey) {
-            await fs.writeFile(path.join(WORKSPACE_DIRECTORY, 'private.ppk'), output.privateKey);
+            await fs.writeFile(path.join(PLUGIN_WORKSPACE_DIRECTORY, 'private.ppk'), output.privateKey);
             console.log('🔐 private.ppk generated');
         }
         else {
             console.log('🔐 private.ppk already exists. The existing private.ppk will be used.');
         }
-        await fs.writeFile(path.join(WORKSPACE_DIRECTORY, 'plugin.zip'), output.plugin);
+        await fs.writeFile(path.join(PLUGIN_WORKSPACE_DIRECTORY, 'plugin.zip'), output.plugin);
         console.log('📦 plugin.zip generated');
         console.log('✨ Plugin initialization setup completed! zip file path is ./.plugin/plugin.zip');
     }

package/dist/commands/plugin-build.js

@@ -0,0 +1,27 @@
+import { program } from 'commander';
+import { PLUGIN_CONTENTS_DIRECTORY } from '../lib/constants.js';
+import { buildWithWebpack } from '../lib/webpack.js';
+import path from 'path';
+export default function command() {
+    program
+        .command('build')
+        .description("Build the project for production. (It's a wrapper of webpack build command.)")
+        .action(action);
+}
+export async function action() {
+    console.group('🍳 Build the project for production');
+    try {
+        await buildWithWebpack({
+            mode: 'plugin',
+            srcRoot: path.resolve('src'),
+            distRoot: PLUGIN_CONTENTS_DIRECTORY,
+        });
+        console.log('✨ Build success.');
+    }
+    catch (error) {
+        throw error;
+    }
+    finally {
+        console.groupEnd();
+    }
+}

package/dist/commands/{dev/index.js → plugin-dev.js}

@@ -1,26 +1,20 @@
 import { program } from 'commander';
-import { importPluginConfig } from '../../lib/import.js';
-import express from 'express';
-import { createServer } from 'https';
+import { importPluginConfig } from '../lib/import.js';
 import path from 'path';
-import { DEFAULT_PORT, DEVELOPMENT_DIRECTORY, WORKSPACE_DIRECTORY, } from '../../lib/constants.js';
+import { DEFAULT_PORT, PLUGIN_DEVELOPMENT_DIRECTORY, PLUGIN_WORKSPACE_DIRECTORY, } from '../lib/constants.js';
 import fs from 'fs-extra';
-import { outputManifest } from '../../lib/plugin-manifest.js';
-import { copyPluginContents } from '../../lib/plugin-contents.js';
+import { outputManifest } from '../lib/plugin-manifest.js';
+import { copyPluginContents } from '../lib/plugin-contents.js';
 import chokider from 'chokidar';
-import { generateCert } from '../../lib/cert.js';
-import { getContentsZipBuffer, getZipFileNameSuffix, outputContentsZip, } from '../../lib/zip.js';
+import { getContentsZipBuffer, getZipFileNameSuffix, outputContentsZip } from '../lib/zip.js';
 import packer from '@kintone/plugin-packer';
-import { uploadZip } from '../../lib/utils.js';
-import { buildWithEsbuild } from '../../lib/esbuild.js';
+import { uploadZip } from '../lib/utils.js';
+import base from './dev-base.js';
 export default function command() {
-    program
-        .command('dev')
-        .description('Start development server.')
-        .action(action);
+    program.command('dev').description('Start development server.').action(action);
 }
 export async function action() {
-    console.group('🚀 Start development server');
+    console.group('🍳 Start development server');
     try {
         const config = await importPluginConfig();
         const port = config.server?.port ?? DEFAULT_PORT;
@@ -69,38 +63,23 @@ export async function action() {
         watcher.on('unlink', contentsListener);
         await outputContentsZip(manifest);
         const buffer = await getContentsZipBuffer();
-        const pluginPrivateKey = await fs.readFile(path.join(WORKSPACE_DIRECTORY, 'private.ppk'), 'utf8');
+        const pluginPrivateKey = await fs.readFile(path.join(PLUGIN_WORKSPACE_DIRECTORY, 'private.ppk'), 'utf8');
         const output = await packer(buffer, pluginPrivateKey);
         const zipFileName = `plugin${getZipFileNameSuffix('dev')}.zip`;
-        await fs.writeFile(path.join(WORKSPACE_DIRECTORY, zipFileName), output.plugin);
+        await fs.writeFile(path.join(PLUGIN_WORKSPACE_DIRECTORY, zipFileName), output.plugin);
         uploadZip('dev').then(({ stdout, stderr }) => {
             console.log(stdout);
             console.error(stderr);
         });
-        const app = express();
-        app.use(express.static(DEVELOPMENT_DIRECTORY));
-        const privateKeyPath = path.join(WORKSPACE_DIRECTORY, 'localhost-key.pem');
-        const certificatePath = path.join(WORKSPACE_DIRECTORY, 'localhost-cert.pem');
-        if (!fs.existsSync(privateKeyPath) || !fs.existsSync(certificatePath)) {
-            await generateCert(WORKSPACE_DIRECTORY);
-            console.log('🔑 Certificate generated');
-        }
-        const privateKey = fs.readFileSync(privateKeyPath);
-        const certificate = fs.readFileSync(certificatePath);
-        const server = createServer({ key: privateKey, cert: certificate }, app);
-        const res = server.listen(port);
-        buildWithEsbuild({
-            entryPoints: ['desktop', 'config'].map((dir) => ({
-                in: path.join('src', dir, 'index.ts'),
-                out: dir,
-            })),
-            outdir: DEVELOPMENT_DIRECTORY,
-        });
-        res.on('error', (error) => {
-            console.error(error);
-        });
-        res.on('listening', () => {
-            console.log(`🚀 Server started! https://localhost:${port}`);
+        const entryPoints = ['desktop', 'config'].map((dir) => ({
+            in: path.join('src', dir, 'index.ts'),
+            out: dir,
+        }));
+        base({
+            port,
+            entryPoints,
+            certDir: PLUGIN_WORKSPACE_DIRECTORY,
+            staticDir: PLUGIN_DEVELOPMENT_DIRECTORY,
         });
     }
     catch (error) {

package/dist/commands/plugin-genkey.js

@@ -0,0 +1,12 @@
+import { program } from 'commander';
+import base from './genkey-base.js';
+import { PLUGIN_WORKSPACE_DIRECTORY } from '../lib/constants.js';
+export default function command() {
+    program
+        .command('genkey')
+        .description('Generate SSL key for localhost. (Require mkcert)')
+        .action(action);
+}
+export async function action() {
+    await base({ output: PLUGIN_WORKSPACE_DIRECTORY });
+}

package/dist/commands/{zip/index.js → plugin-zip.js}

@@ -1,12 +1,12 @@
 import { program } from 'commander';
-import { outputManifest } from '../../lib/plugin-manifest.js';
+import { outputManifest } from '../lib/plugin-manifest.js';
 import fs from 'fs-extra';
 import path from 'path';
-import { WORKSPACE_DIRECTORY } from '../../lib/constants.js';
+import { PLUGIN_WORKSPACE_DIRECTORY } from '../lib/constants.js';
 import packer from '@kintone/plugin-packer';
-import { getContentsZipBuffer, getZipFileNameSuffix, outputContentsZip, } from '../../lib/zip.js';
-import { copyPluginContents } from '../../lib/plugin-contents.js';
-import { isEnv } from '../../lib/utils.js';
+import { getContentsZipBuffer, getZipFileNameSuffix, outputContentsZip } from '../lib/zip.js';
+import { copyPluginContents } from '../lib/plugin-contents.js';
+import { isEnv } from '../lib/utils.js';
 export default function command() {
     program
         .command('zip')
@@ -15,7 +15,7 @@ export default function command() {
         .action(action);
 }
 async function action(options) {
-    console.group('🚀 Executing plugin zip generation');
+    console.group('🍳 Executing plugin zip generation');
     try {
         const { env } = options;
         if (!isEnv(env)) {
@@ -27,10 +27,10 @@ async function action(options) {
         console.log(`📝 manifest.json generated (${env})`);
         await outputContentsZip(manifest);
         const buffer = await getContentsZipBuffer();
-        const privateKey = await fs.readFile(path.join(WORKSPACE_DIRECTORY, 'private.ppk'), 'utf8');
+        const privateKey = await fs.readFile(path.join(PLUGIN_WORKSPACE_DIRECTORY, 'private.ppk'), 'utf8');
         const output = await packer(buffer, privateKey);
         const zipFileName = `plugin${getZipFileNameSuffix(env)}.zip`;
-        await fs.writeFile(path.join(WORKSPACE_DIRECTORY, zipFileName), output.plugin);
+        await fs.writeFile(path.join(PLUGIN_WORKSPACE_DIRECTORY, zipFileName), output.plugin);
         console.log('📦 plugin.zip generated');
         console.log(`✨ Plugin zip generation completed! zip file path is ./.plugin/${zipFileName}`);
     }

package/dist/commands/vite-dev/index.js

@@ -3,12 +3,9 @@ import { createServer, build } from 'vite';
 import { importPluginConfig } from '../../lib/import.js';
 import { getViteConfig } from '../../lib/vite.js';
 import chokidar from 'chokidar';
-import { DEVELOPMENT_DIRECTORY } from '../../lib/constants.js';
+import { PLUGIN_DEVELOPMENT_DIRECTORY } from '../../lib/constants.js';
 export default function command() {
-    program
-        .command('dev')
-        .description('Start development server.')
-        .action(action);
+    program.command('dev').description('Start development server.').action(action);
 }
 export async function action() {
     console.group('🚀 Start development server');
@@ -34,7 +31,7 @@ export async function action() {
         watcher.on('unlink', listener);
         const server = await createServer({
             ...viteConfig,
-            root: DEVELOPMENT_DIRECTORY,
+            root: PLUGIN_DEVELOPMENT_DIRECTORY,
         });
         await server.listen();
         server.printUrls();

package/dist/index.js

@@ -1,20 +1,12 @@
 #!/usr/bin/env node
 import { program } from 'commander';
-import build from './commands/build/index.js';
-import dev from './commands/dev/index.js';
-import genkey from './commands/genkey/index.js';
-import init from './commands/init/index.js';
-import manifest from './commands/manifest/index.js';
-import test from './commands/test/index.js';
+import build from './commands/build-base.js';
+import dev from './commands/dev.js';
+import genkey from './commands/genkey.js';
 import upload from './commands/upload/index.js';
-import zip from './commands/zip/index.js';
 program.name('k2').version('0.1.0').description('');
 build();
 dev();
 genkey();
-init();
-manifest();
-test();
 upload();
-zip();
 program.parse(process.argv);

package/dist/lib/constants.js

@@ -1,5 +1,11 @@
 import path from 'path';
-export const WORKSPACE_DIRECTORY = '.plugin';
-export const CONTENTS_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'contents');
+export const WORKSPACE_DIRECTORY = '.k2';
 export const DEVELOPMENT_DIRECTORY = path.join(WORKSPACE_DIRECTORY, 'dev');
+/** kintoneプラグインの一時ファイルを管理するフォルダ */
+export const PLUGIN_WORKSPACE_DIRECTORY = '.plugin';
+/** kintoneプラグインのcontents.zipに格納するファイルを管理するフォルダ */
+export const PLUGIN_CONTENTS_DIRECTORY = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'contents');
+/** kintoneプラグインの開発時、ローカルサーバーに反映するファイルを管理するフォルダ */
+export const PLUGIN_DEVELOPMENT_DIRECTORY = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'dev');
+/** ローカルサーバーのデフォルトポート番号 */
 export const DEFAULT_PORT = 32767;

package/dist/lib/esbuild.js

@@ -25,9 +25,7 @@ export const getSassPlugin = () => {
                         pluginName,
                         errors: [
                             {
-                                text: error instanceof Error
-                                    ? error.message
-                                    : JSON.stringify(error),
+                                text: error instanceof Error ? error.message : JSON.stringify(error),
                                 pluginName,
                                 location: { file: args.path, namespace: pluginName },
                             },

package/dist/lib/plugin-contents.js

@@ -1,10 +1,12 @@
 import fs from 'fs-extra';
 import path from 'path';
-import { CONTENTS_DIRECTORY } from './constants.js';
+import { PLUGIN_CONTENTS_DIRECTORY } from './constants.js';
 import htmlMinifier from 'html-minifier';
 export const copyPluginContents = async () => {
-    await fs.copySync(path.join('src', 'contents'), path.join(CONTENTS_DIRECTORY), { overwrite: true });
-    const html = await fs.readFile(path.join(CONTENTS_DIRECTORY, 'config.html'), 'utf8');
+    await fs.copySync(path.join('src', 'contents'), path.join(PLUGIN_CONTENTS_DIRECTORY), {
+        overwrite: true,
+    });
+    const html = await fs.readFile(path.join(PLUGIN_CONTENTS_DIRECTORY, 'config.html'), 'utf8');
     const minified = htmlMinifier.minify(html, {
         minifyCSS: true,
         collapseWhitespace: true,
@@ -15,5 +17,5 @@ export const copyPluginContents = async () => {
         removeTagWhitespace: true,
         useShortDoctype: true,
     });
-    await fs.writeFile(path.join(CONTENTS_DIRECTORY, 'config.html'), minified);
+    await fs.writeFile(path.join(PLUGIN_CONTENTS_DIRECTORY, 'config.html'), minified);
 };

package/dist/lib/plugin-manifest.js

@@ -1,4 +1,4 @@
-import { CONTENTS_DIRECTORY } from './constants.js';
+import { PLUGIN_CONTENTS_DIRECTORY } from './constants.js';
 import { importPluginConfig } from './import.js';
 import fs from 'fs-extra';
 import path from 'path';
@@ -19,7 +19,7 @@ function merge(src, dst) {
 export const outputManifest = async (env, options) => {
     const config = options?.config || (await importPluginConfig());
     const merged = merge(config.manifest.base, config.manifest[env] || {});
-    await fs.mkdirs(CONTENTS_DIRECTORY);
-    await fs.writeJson(path.join(CONTENTS_DIRECTORY, 'manifest.json'), merged);
+    await fs.mkdirs(PLUGIN_CONTENTS_DIRECTORY);
+    await fs.writeJson(path.join(PLUGIN_CONTENTS_DIRECTORY, 'manifest.json'), merged);
     return merged;
 };

package/dist/lib/utils.js

@@ -1,4 +1,4 @@
-import { WORKSPACE_DIRECTORY } from './constants.js';
+import { PLUGIN_WORKSPACE_DIRECTORY } from './constants.js';
 import { exec } from './exec.js';
 import { getZipFileNameSuffix } from './zip.js';
 import { config } from 'dotenv';
@@ -16,7 +16,7 @@ KINTONE_PASSWORD
     `);
     }
     const zipFileName = `plugin${getZipFileNameSuffix(env)}.zip`;
-    let command = `kintone-plugin-uploader ${WORKSPACE_DIRECTORY}/${zipFileName} --base-url ${KINTONE_BASE_URL} --username ${KINTONE_USERNAME} --password ${KINTONE_PASSWORD}`;
+    let command = `kintone-plugin-uploader ${PLUGIN_WORKSPACE_DIRECTORY}/${zipFileName} --base-url ${KINTONE_BASE_URL} --username ${KINTONE_USERNAME} --password ${KINTONE_PASSWORD}`;
     if (KINTONE_BASIC_AUTH_USERNAME && KINTONE_BASIC_AUTH_PASSWORD) {
         command += ` --basic-auth-username ${KINTONE_BASIC_AUTH_USERNAME} --basic-auth-password ${KINTONE_BASIC_AUTH_PASSWORD}`;
     }

package/dist/lib/vite.js

@@ -1,12 +1,12 @@
 import path from 'path';
 import fs from 'fs-extra';
-import { DEFAULT_PORT, DEVELOPMENT_DIRECTORY, WORKSPACE_DIRECTORY, } from './constants.js';
+import { DEFAULT_PORT, PLUGIN_DEVELOPMENT_DIRECTORY, PLUGIN_WORKSPACE_DIRECTORY, } from './constants.js';
 import tsconfigPaths from 'vite-tsconfig-paths';
 export const getViteConfig = (config) => {
     return {
         configFile: false,
         build: {
-            outDir: DEVELOPMENT_DIRECTORY,
+            outDir: PLUGIN_DEVELOPMENT_DIRECTORY,
             emptyOutDir: true,
             rollupOptions: {
                 input: {
@@ -30,8 +30,8 @@ export const getViteConfig = (config) => {
         server: {
             port: config.server?.port ?? DEFAULT_PORT,
             https: {
-                key: fs.readFileSync(path.join(WORKSPACE_DIRECTORY, 'localhost-key.pem')),
-                cert: fs.readFileSync(path.join(WORKSPACE_DIRECTORY, 'localhost-cert.pem')),
+                key: fs.readFileSync(path.join(PLUGIN_WORKSPACE_DIRECTORY, 'localhost-key.pem')),
+                cert: fs.readFileSync(path.join(PLUGIN_WORKSPACE_DIRECTORY, 'localhost-cert.pem')),
             },
         },
         resolve: {

package/dist/lib/webpack.js

@@ -0,0 +1,86 @@
+import { existsSync, readdirSync } from 'fs';
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import path from 'path';
+import { cwd } from 'process';
+import TerserPlugin from 'terser-webpack-plugin';
+import webpack from 'webpack';
+import chalk from 'chalk';
+import { TsconfigPathsPlugin } from 'tsconfig-paths-webpack-plugin';
+export const buildWithWebpack = async (props) => {
+    const { mode, srcRoot, distRoot } = props;
+    /** @type { Record<string, string> } */
+    let entry = {};
+    if (mode === 'app') {
+        const appsRoot = path.join(srcRoot, 'apps');
+        const allProjects = readdirSync(appsRoot);
+        entry = allProjects.reduce((acc, dir) => {
+            for (const filename of ['index.ts', 'index.js', 'index.mjs']) {
+                if (existsSync(path.join(appsRoot, dir, filename))) {
+                    return { ...acc, [dir]: path.join(appsRoot, dir, filename) };
+                }
+            }
+            return acc;
+        }, {});
+    }
+    else {
+        entry = {
+            desktop: path.join(srcRoot, 'desktop', 'index.ts'),
+            config: path.join(srcRoot, 'config', 'index.ts'),
+        };
+    }
+    const exclude = /node_modules/;
+    const styleLoader = MiniCssExtractPlugin.loader;
+    return new Promise((resolve, reject) => {
+        webpack({
+            mode: 'production',
+            target: ['web', 'es2023'],
+            entry,
+            resolve: {
+                extensions: ['.ts', '.tsx', '.js', '.json'],
+                fallback: {
+                    path: false,
+                },
+                plugins: [new TsconfigPathsPlugin({ configFile: path.join(cwd(), 'tsconfig.json') })],
+            },
+            cache: { type: 'filesystem' },
+            output: {
+                filename: '[name].js',
+                path: path.resolve(cwd(), ...distRoot.split(/[\\\/]/g)),
+            },
+            module: {
+                rules: [
+                    { test: /\.tsx?$/, exclude, loader: 'ts-loader' },
+                    { test: /\.css$/, use: [styleLoader, 'css-loader'] },
+                    {
+                        test: /\.scss$/,
+                        use: [
+                            styleLoader,
+                            'css-loader',
+                            { loader: 'sass-loader', options: { sassOptions: { outputStyle: 'expanded' } } },
+                        ],
+                    },
+                ],
+            },
+            plugins: [new MiniCssExtractPlugin()],
+            optimization: {
+                minimize: true,
+                minimizer: [new TerserPlugin({ extractComments: false })],
+            },
+        }, (err, stats) => {
+            if (err) {
+                reject(err);
+            }
+            else {
+                if (stats?.compilation.errors.length) {
+                    reject([
+                        chalk.red('⚠ 本番用ビルドでエラーが発生しました'),
+                        ...stats.compilation.errors.map((error) => error.message),
+                    ].join('\n'));
+                }
+                else {
+                    resolve();
+                }
+            }
+        });
+    });
+};

package/dist/lib/zip.js

@@ -1,15 +1,15 @@
 import archiver from 'archiver';
 import fs from 'fs-extra';
 import path from 'path';
-import { CONTENTS_DIRECTORY, WORKSPACE_DIRECTORY } from './constants.js';
+import { PLUGIN_CONTENTS_DIRECTORY, PLUGIN_WORKSPACE_DIRECTORY } from './constants.js';
 export const outputContentsZip = async (manifest) => {
     const archive = archiver('zip', { zlib: { level: 9 } });
-    const outputZipPath = path.join(WORKSPACE_DIRECTORY, 'contents.zip');
+    const outputZipPath = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'contents.zip');
     const outputZipStream = fs.createWriteStream(outputZipPath);
     const filterLocalContent = (file) => {
         return !/^https?:\/\//.test(file);
     };
-    archive.file(path.join(CONTENTS_DIRECTORY, 'manifest.json'), {
+    archive.file(path.join(PLUGIN_CONTENTS_DIRECTORY, 'manifest.json'), {
         name: 'manifest.json',
     });
     if (!manifest.config) {
@@ -28,7 +28,7 @@ export const outputContentsZip = async (manifest) => {
         ]),
     ];
     targetFiles.forEach((file) => {
-        const filePath = path.join(CONTENTS_DIRECTORY, file);
+        const filePath = path.join(PLUGIN_CONTENTS_DIRECTORY, file);
         if (!fs.existsSync(filePath)) {
             throw new Error(`${filePath} does not exist`);
         }
@@ -38,7 +38,7 @@ export const outputContentsZip = async (manifest) => {
     await archive.finalize();
 };
 export const getContentsZipBuffer = async () => {
-    const outputZipPath = path.join(WORKSPACE_DIRECTORY, 'contents.zip');
+    const outputZipPath = path.join(PLUGIN_WORKSPACE_DIRECTORY, 'contents.zip');
     return fs.readFile(outputZipPath);
 };
 export const getZipFileNameSuffix = (env) => {

package/dist/plugin.js

@@ -1,13 +1,13 @@
 #!/usr/bin/env node
 import { program } from 'commander';
-import build from './commands/build/index.js';
-import dev from './commands/dev/index.js';
-import genkey from './commands/genkey/index.js';
+import build from './commands/plugin-build.js';
+import dev from './commands/plugin-dev.js';
+import genkey from './commands/plugin-genkey.js';
 import init from './commands/init/index.js';
 import manifest from './commands/manifest/index.js';
 import test from './commands/test/index.js';
 import upload from './commands/upload/index.js';
-import zip from './commands/zip/index.js';
+import zip from './commands/plugin-zip.js';
 program.name('plugin').version('0.0.1').description('');
 build();
 dev();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@konomi-app/k2",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "kintone sdk",
   "main": "./dist/index.js",
   "type": "module",
@@ -30,14 +30,22 @@
     "chalk": "^5",
     "chokidar": "^3",
     "commander": "^12",
+    "css-loader": "^7.1.2",
     "dotenv": "^16",
     "esbuild": "^0.21",
     "express": "^4",
     "fs-extra": "^11",
     "html-minifier": "^4",
+    "mini-css-extract-plugin": "^2.9.0",
     "sass": "^1",
+    "sass-loader": "^14.2.1",
+    "style-loader": "^4.0.0",
+    "terser-webpack-plugin": "^5.3.10",
+    "ts-loader": "^9.5.1",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
     "vite": "^5",
-    "vite-tsconfig-paths": "^4"
+    "vite-tsconfig-paths": "^4",
+    "webpack": "^5.91.0"
   },
   "devDependencies": {
     "@types/archiver": "*",

package/types/index.d.ts

@@ -1 +1,2 @@
 /// <reference path="plugin.d.ts" />
+/// <reference path="k2.d.ts" />

package/types/k2.d.ts

@@ -0,0 +1,38 @@
+type Locales = {
+  /** 日本語 */
+  ja: string;
+  /** 英語 */
+  en: string;
+  /** 簡体字中国語 */
+  zh: string;
+};
+
+type Resources = {
+  /**
+   * プラグインのJavaScriptファイル
+   *
+   * URLの配列
+   */
+  js: string[];
+  /**
+   * プラグインのCSSファイル
+   *
+   * URLの配列
+   */
+  css: string[];
+};
+
+declare namespace K2 {
+  type Env = 'dev' | 'prod' | 'standalone';
+
+  /**
+   * 公開しているプラグインテンプレートで使用する設定ファイル
+   */
+  type Config = Record<string, any> & {
+    version?: 1;
+    server?: {
+      /** 0から65535までのポート番号 */
+      port?: number;
+    };
+  };
+}

package/dist/commands/genkey/index.js

@@ -1,25 +0,0 @@
-import { program } from 'commander';
-import { generateCert } from '../../lib/cert.js';
-import { WORKSPACE_DIRECTORY } from '../../lib/constants.js';
-export default function command() {
-    program
-        .command('genkey')
-        .description('Generate SSL key for localhost. (Require mkcert)')
-        .option('-o, --output <output>', 'Output directory.', WORKSPACE_DIRECTORY)
-        .action(action);
-}
-export async function action(options) {
-    const { output } = options;
-    console.group('🔑 Generate SSL key for localhost');
-    try {
-        const { stdout } = await generateCert(output);
-        console.log(stdout);
-        console.log('key generation success.');
-    }
-    catch (error) {
-        throw error;
-    }
-    finally {
-        console.groupEnd();
-    }
-}