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