From 8ebc08cece8adad47561c9656f2ab2d7d9ac3ec0 Mon Sep 17 00:00:00 2001 From: yorifuji Date: Thu, 26 Sep 2024 20:36:15 +0900 Subject: [PATCH 1/4] Restrict alert display to design path in dev mode --- main.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/main.js b/main.js index c469145..e7071a8 100644 --- a/main.js +++ b/main.js @@ -7,10 +7,11 @@ function checkDevMode() { const url = new URL(window.location.href); const isDevMode = url.searchParams.get(DEV_MODE_PARAM) === DEV_MODE_VALUE; + const isDesignPath = url.pathname.startsWith("/design/"); - if (!isDevMode && !isAlertClosed) { + if (!isDevMode && !isAlertClosed && isDesignPath) { showAlert(); - } else if (isDevMode) { + } else if (isDevMode || !isDesignPath) { isAlertClosed = false; removeAlert(); } From c0924d1cd0a86790cdc313f2a754cd7af00c6d2e Mon Sep 17 00:00:00 2001 From: yorifuji Date: Thu, 26 Sep 2024 20:45:55 +0900 Subject: [PATCH 2/4] Update alert position to bottom right corner --- styles.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index 17e2920..8588347 100644 --- a/styles.css +++ b/styles.css @@ -1,8 +1,7 @@ .non-dev-mode-alert { position: fixed; - top: 20px; - left: 50%; - transform: translateX(-50%); + bottom: 20px; + right: 20px; background-color: #ff4d4d; color: #fff; padding: 10px 20px; From 4f84241a5b5566ea3b2525adccdf48b7974099c0 Mon Sep 17 00:00:00 2001 From: yorifuji Date: Thu, 26 Sep 2024 20:47:01 +0900 Subject: [PATCH 3/4] bump version to 1.0.4 in manifest.json --- manifest.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/manifest.json b/manifest.json index 2918af0..5bc5d3f 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "manifest_version": 3, "name": "Non-Dev Mode Alert", - "version": "1.0.3", + "version": "1.0.4", "description": "Figmaを非Dev Modeで閲覧していると画面上に警告を表示するChrome拡張機能です", "icons": { "16": "icon16.png", From 08ee1ea16e40cef117949fe1b7113e1f9466a500 Mon Sep 17 00:00:00 2001 From: yorifuji Date: Thu, 26 Sep 2024 20:48:16 +0900 Subject: [PATCH 4/4] Update README for clarity and formatting improvements --- README.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 5284f9e..b146c0e 100644 --- a/README.md +++ b/README.md @@ -2,19 +2,13 @@ ## 概要 -これは、Figmaを非Dev Modeで閲覧していると次のような警告を画面上部に表示するChrome拡張機能です。 +これは、Figma を非 Dev Mode で閲覧していると次のような警告を画面に表示する Chrome 拡張機能です。 ![image](./images/banner.png) -## 機能 - -- URL パラメータ(`?m=dev`)に基づいて開発モードを検出 -- 非開発モード時に警告メッセージを表示 -- ユーザーが警告を閉じる機能 - ## インストール方法 -### chrome web store +### Chrome web store [Non-Dev Mode Alert - Chrome ウェブストア](https://chromewebstore.google.com/detail/non-dev-mode-alert/edpldihlkibendkdckeikfdnibkbejaf) @@ -29,3 +23,9 @@ - 拡張機能をインストールすると自動的に動作します。 - 警告メッセージが表示された場合、「非表示」ボタンをクリックして閉じることができます。 + +## 機能 + +- URL パラメータ(`?m=dev`)に基づいて開発モードを検出 +- 非開発モード時に警告メッセージを表示 +- ユーザーが警告を閉じる機能