From b25c17ab53a848f5692f113c6c3c1177e310d87f Mon Sep 17 00:00:00 2001
From: Mouriya <mouriya@bu.edu>
Date: Mon, 13 May 2024 16:11:52 +0900
Subject: [PATCH] =?UTF-8?q?css=E3=81=A8js=E3=82=921=E3=81=A4=E3=81=AE?=
 =?UTF-8?q?=E3=83=95=E3=82=A1=E3=82=A4=E3=83=AB=E3=81=AB=E3=81=BE=E3=81=A8?=
 =?UTF-8?q?=E3=82=81=E3=82=8B=E3=81=9F=E3=82=81=E3=81=AEvite=E3=83=97?=
 =?UTF-8?q?=E3=83=A9=E3=82=B0=E3=82=A4=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 plugin/kintone-addins/package.json            | 13 +++++----
 .../src/actions/auto-numbering.css            | 24 ++++++++++++++++
 .../src/actions/auto-numbering.ts             |  2 ++
 .../kintone-addins/src/actions/button-add.css |  0
 .../kintone-addins/src/actions/button-add.ts  | 27 ++----------------
 plugin/kintone-addins/vite.config.js          | 28 +++++++++++++------
 6 files changed, 56 insertions(+), 38 deletions(-)
 create mode 100644 plugin/kintone-addins/src/actions/auto-numbering.css
 create mode 100644 plugin/kintone-addins/src/actions/button-add.css

diff --git a/plugin/kintone-addins/package.json b/plugin/kintone-addins/package.json
index c3e25c8..cca566d 100644
--- a/plugin/kintone-addins/package.json
+++ b/plugin/kintone-addins/package.json
@@ -6,19 +6,22 @@
   "scripts": {
     "dev": "tsc && set \"SOURCE_MAP=true\" && vite build && vite preview",
     "build": "tsc && vite build && xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
-    "build:dev":"tsc && set \"SOURCE_MAP=true\" && vite build && xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
+    "build:linux": "tsc && vite build && cp -ur dist/*.js ../../backend/Temp",
+    "build:dev": "tsc && set \"SOURCE_MAP=true\" && vite build && xcopy dist\\*.js ..\\..\\backend\\Temp\\ /E /I /Y",
     "preview": "vite preview",
-    "ngrok":"ngrok http http://localhost:4173/",
-    "vite":"vite dev"
+    "ngrok": "ngrok http http://localhost:4173/",
+    "vite": "vite dev"
   },
   "devDependencies": {
     "@types/jquery": "^3.5.24",
     "@types/node": "^20.8.9",
     "sass": "^1.69.5",
     "typescript": "^5.0.2",
-    "vite": "^4.4.5"
+    "vite": "^4.4.5",
+    "vite-plugin-checker": "^0.6.4"
   },
   "dependencies": {
-    "jquery": "^3.7.1"
+    "jquery": "^3.7.1",
+    "vite-plugin-css-injected-by-js": "^3.5.1"
   }
 }
diff --git a/plugin/kintone-addins/src/actions/auto-numbering.css b/plugin/kintone-addins/src/actions/auto-numbering.css
new file mode 100644
index 0000000..573550c
--- /dev/null
+++ b/plugin/kintone-addins/src/actions/auto-numbering.css
@@ -0,0 +1,24 @@
+.alc-button-normal {
+    display: inline-block;
+    box-sizing: border-box;
+    padding: 0 16px;
+    margin-left: 16px;
+    margin-top: 8px;
+    min-width: 100px;
+    outline: none;
+    border: 1px solid #e3e7e8;
+    background-color: #f7f9fa;
+    box-shadow: 1px 1px 1px #fff inset;
+    color: #3498db;
+    text-align: center;
+    line-height: 32px;
+}
+.alc-button-normal:hover {
+    background-color: #c8d6dd;
+    box-shadow: none;
+    cursor: pointer;
+  }
+.alc-button-normal:active {
+    color: #f7f9fa;
+    background-color: #54b8eb;
+}
\ No newline at end of file
diff --git a/plugin/kintone-addins/src/actions/auto-numbering.ts b/plugin/kintone-addins/src/actions/auto-numbering.ts
index 93b0bc9..715cb1d 100644
--- a/plugin/kintone-addins/src/actions/auto-numbering.ts
+++ b/plugin/kintone-addins/src/actions/auto-numbering.ts
@@ -2,6 +2,7 @@
 import { actionAddins } from ".";
 import { IField, IAction,IActionResult, IActionNode, IActionProperty, IContext } from "../types/ActionTypes";
 import { Formatter } from "../util/format";
+import "./auto-numbering.css";
 
 declare global {
     interface Window { $format: any; }  
@@ -84,6 +85,7 @@ export class AutoNumbering implements IAction{
 
     execEval(match:string,expr:string):string{
         console.log(match);
+        // @ts-ignore
         return eval(expr);
     }
 
diff --git a/plugin/kintone-addins/src/actions/button-add.css b/plugin/kintone-addins/src/actions/button-add.css
new file mode 100644
index 0000000..e69de29
diff --git a/plugin/kintone-addins/src/actions/button-add.ts b/plugin/kintone-addins/src/actions/button-add.ts
index 27e974a..81a3bbf 100644
--- a/plugin/kintone-addins/src/actions/button-add.ts
+++ b/plugin/kintone-addins/src/actions/button-add.ts
@@ -2,6 +2,8 @@
 import { actionAddins } from ".";
 import $ from 'jquery';
 import { IAction, IActionProperty, IActionNode, IActionResult } from "../types/ActionTypes";
+import "./button-add.css";
+
 /**
  * ボタン配置属性定義
  */
@@ -51,30 +53,7 @@ export class ButtonAddAction implements IAction {
             if(!menuSpace) return result;
             if($("style#alc-button-add").length===0){
                 const css=`
-                .alc-button-normal {
-                    display: inline-block;
-                    box-sizing: border-box;
-                    padding: 0 16px;
-                    margin-left: 16px;
-                    margin-top: 8px;
-                    min-width: 100px;
-                    outline: none;
-                    border: 1px solid #e3e7e8;
-                    background-color: #f7f9fa;
-                    box-shadow: 1px 1px 1px #fff inset;
-                    color: #3498db;
-                    text-align: center;
-                    line-height: 32px;
-                }
-                .alc-button-normal:hover {
-                    background-color: #c8d6dd;
-                    box-shadow: none;
-                    cursor: pointer;
-                  }
-                .alc-button-normal:active {
-                    color: #f7f9fa;
-                    background-color: #54b8eb;
-                }`;
+                `;
                 const style = $("<style id='alc-button-add'>/<style>");
                 style.text(css);
                 $("head").append(style);
diff --git a/plugin/kintone-addins/vite.config.js b/plugin/kintone-addins/vite.config.js
index 58347ff..1904e4b 100644
--- a/plugin/kintone-addins/vite.config.js
+++ b/plugin/kintone-addins/vite.config.js
@@ -1,16 +1,26 @@
 // vite.config.js
-import { defineConfig } from 'vite'
-const sourcemap = process.env.SOURCE_MAP==='true';
+import { defineConfig } from "vite";
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
+import checker from "vite-plugin-checker";
+
+const sourcemap = process.env.SOURCE_MAP === "true";
 
 export default defineConfig({
+  plugins: [
+    checker({
+      typescript: true,
+    }),
+    cssInjectedByJsPlugin(),
+  ],
   build: {
+    cssCodeSplit: false,
     rollupOptions: {
-      input: 'src/index.ts',  // entry file
-      output:{
-        entryFileNames:'alc_runtime.js',
+      input: "src/index.ts", // entry file
+      output: {
+        entryFileNames: "alc_runtime.js",
         // assetFileNames:'alc_kintone_style.css'
-      }
+      },
     },
-    sourcemap:sourcemap
-  }
-})
+    sourcemap: sourcemap,
+  },
+});