From f5050be8fd6226d54f39de848ac34aa27c8f75c0 Mon Sep 17 00:00:00 2001
From: yuiseki <yuiseki@gmail.com>
Date: Sat, 13 Jan 2024 10:19:25 +0900
Subject: [PATCH] =?UTF-8?q?Makefile=E3=82=92=E9=99=A4=E5=8E=BB=E3=80=81Ren?=
 =?UTF-8?q?ame=20embed.ts=20to=20instruct.ts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Makefile                                      | 16 ----------------
 README.md                                     |  9 ++++-----
 package.json                                  |  4 ++--
 public/style.json                             |  2 +-
 scripts/{embed.ts => instruct.ts}             |  0
 styles/charites-ai/layers/place-country-2.yml |  6 +++---
 6 files changed, 10 insertions(+), 27 deletions(-)
 delete mode 100644 Makefile
 rename scripts/{embed.ts => instruct.ts} (100%)

diff --git a/Makefile b/Makefile
deleted file mode 100644
index 882925a..0000000
--- a/Makefile
+++ /dev/null
@@ -1,16 +0,0 @@
-
-all: build-style
-
-.PHONY: build-style
-build-style:
-	npm run build-style
-
-.PHONY: style
-style:
-	@echo "$(input)"
-	npm run embed -- $(input)
-	npm run build-style
-
-.PHONY: import-scheme-openmaptiles
-import-scheme-openmaptiles:
-	find ../_forked/openmaptiles/layers/ | grep yaml | grep -v mapping | xargs -I {} cp {} ./scheme/openmaptiles/layers/
diff --git a/README.md b/README.md
index 8eaedff..2d5a087 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,6 @@
 
 - Node.js がインストールされていることが前提です
 - npm がインストールされていることも前提です
-- Makefile を実行することができることも前提です
 - 以下のコマンドを実行してください
 
 ```bash
@@ -39,19 +38,19 @@ npm run dev
 - `npm run dev` は実行したままの状態で、以下のようなコマンドを実行してください
 
 ```bash
-make style input=国の背景を青色で表示してください
+npm run instruct -- 国の名前を黄色で表示して
 ```
 
 - ブラウザで `http://localhost:5173/` にアクセスしてください
-- 国が青色で地図が表示されていることを確認してください
+- 国の名前が黄色になった地図が表示されていることを確認してください
 - 以下のようなコマンドを実行してください
 
 ```bash
-make style input=国の背景を黄色で表示してください
+npm run instruct -- 国の名前を青色で表示して
 ```
 
 - ブラウザで `http://localhost:5173/` にアクセスしてください
-- 国が黄色で地図が表示されていることを確認してください
+- 国の名前が青色に変化した地図が表示されていることを確認してください
 
 ## charites-ai の仕組み
 
diff --git a/package.json b/package.json
index a3dc42b..8cf85c0 100644
--- a/package.json
+++ b/package.json
@@ -4,13 +4,13 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --host",
+    "dev": "npm run watch-style & vite --host",
     "build": "tsc && vite build",
     "build-style": "npx charites build styles/charites-ai/style.yml public/style.json",
     "watch-style": "npx charites build -w styles/charites-ai/style.yml public/style.json",
     "lint": "tsc && eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "embed": "node --loader ts-node/esm ./scripts/embed.ts",
+    "instruct": "node --loader ts-node/esm ./scripts/instruct.ts",
     "agent": "node --loader ts-node/esm ./scripts/agent.ts"
   },
   "dependencies": {
diff --git a/public/style.json b/public/style.json
index e3f2c27..3483fa5 100644
--- a/public/style.json
+++ b/public/style.json
@@ -451,7 +451,7 @@
         "visibility": "visible"
       },
       "paint": {
-        "text-color": "#333333",
+        "text-color": "#FF0000",
         "text-halo-blur": 1,
         "text-halo-color": "rgba(255,255,255,0.8)",
         "text-halo-width": 2
diff --git a/scripts/embed.ts b/scripts/instruct.ts
similarity index 100%
rename from scripts/embed.ts
rename to scripts/instruct.ts
diff --git a/styles/charites-ai/layers/place-country-2.yml b/styles/charites-ai/layers/place-country-2.yml
index 1023058..c2bea87 100644
--- a/styles/charites-ai/layers/place-country-2.yml
+++ b/styles/charites-ai/layers/place-country-2.yml
@@ -6,7 +6,7 @@
 # - place-country-2.yml
 #
 # Concise instructions of this style in a few words:
-# - Show the names of countries in black color.
+# - Show the names of countries in red color.
 #
 # Description of this style:
 # - This style is used to render the names of countries on the map.
@@ -20,7 +20,7 @@
 # - The text labels are rendered with a text size of 11 pixels at zoom level 1.
 # - The text labels are rendered with a text size of 17 pixels at zoom level 4.
 # - The text labels are rendered with a text transform of uppercase.
-# - The text labels are rendered with a text color of #333333. (Dark gray color)
+# - The text labels are rendered with a text color of #FF0000. (Red color)
 # - The text labels are rendered with a text halo blur of 1.
 # - The text labels are rendered with a text halo color of rgba(255,255,255,0.8). (White color)
 # - The text labels are rendered with a text halo width of 2.
@@ -51,7 +51,7 @@ layout:
   text-transform: uppercase
   visibility: visible
 paint:
-  text-color: '#333333'
+  text-color: '#FF0000'
   text-halo-blur: 1
   text-halo-color: rgba(255,255,255,0.8)
   text-halo-width: 2