Merge pull request #56 from yusukesaitoh/release/1.5.3

update version
yusukesaitoh · May 19, 2024 · 2d3f3f9 · 2d3f3f9
2 parents a4fec59 + 5018fd6
commit 2d3f3f9
Show file tree

Hide file tree

Showing 24 changed files with 72 additions and 58 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/README.md b/README.md
@@ -4,7 +4,7 @@
 This extension hides trending information from twitter timelines to make your mind calm.  
 この拡張機能はTwitterのタイムラインからトレンド情報を隠して、あなたの心を穏やかにしてくれます。
 
-![](design/Share_SNS_en.png)
+![](images/about.png)
 
 1. Hide "Explore" tab from the left column
 2. Hide trends and who to follow from the right column

diff --git a/app/manifest.json b/app/manifest.json
@@ -2,7 +2,7 @@
   "name": "__MSG_appName__",
   "short_name": "__MSG_appShortName__",
   "description": "__MSG_appDescription__",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "manifest_version": 3,
   "default_locale": "en",
   "icons": {
@@ -25,19 +25,14 @@
     {
       "matches": [
         "https://x.com/*",
+        "https://mobile.x.com/*",
         "https://twitter.com/*",
         "https://mobile.twitter.com/*"
       ],
-      "js": [
-        "scripts/contentscript.js"
-      ],
-      "css": [
-        "styles/contentscript.css"
-      ],
+      "js": ["scripts/contentscript.js"],
+      "css": ["styles/contentscript.css"],
       "run_at": "document_end"
     }
   ],
-  "permissions": [
-    "storage"
-  ]
-}
+  "permissions": ["storage"]
+}
diff --git a/app/styles/contentscript.scss b/app/styles/contentscript.scss
@@ -7,7 +7,7 @@ body {
 
   &.isTrendsHidden {
     div[data-testid="sidebarColumn"] > div > div > div > div > div.css-175oi2r {
-      > div:not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-child(3)):not(.r-195d4m8):not(.r-ahm1il):not(.r-1h3ijdo):not(.r-1mwlp6a):not(.r-1ninfw3) {
+      > div:not(:first-child):not(:last-child):not(:nth-child(2)):not(.r-195d4m8):not(.r-ahm1il):not(.r-1h3ijdo):not(.r-1mwlp6a):not(.r-1ninfw3) {
         display: none !important;
       }
 
@@ -28,19 +28,35 @@ body {
   }
 
   &.isReactionNumberHidden {
-    div[data-testid="primaryColumn"] article:not(:hover) div[role="group"] div[role="button"] span {
-      opacity: 0 !important;
-      transition-property: transform, opacity !important;
-    }
-
-    article[data-testid="tweet"] div:has(>div>div>div>div>a>time)  ~ div > div > div:has(>span) {
-      display: none;
+    div[data-testid="primaryColumn"] article:not(:hover) button {
+      &[data-testid="reply"] ,
+      &[data-testid="retweet"] ,
+      &[data-testid="unretweet"] ,
+      &[data-testid="like"] ,
+      &[data-testid="unlike"],
+      &[data-testid="bookmark"],
+      &[data-testid="removeBookmark"] {
+        span[data-testid="app-text-transition-container"] {
+          opacity: 0 !important;
+          transition-property: transform, opacity !important;
+        }
+      }
     }
 
     &.isReactionNumberAlwaysHidden {
-      div[data-testid="primaryColumn"] article div[role="group"] div[role="button"] span {
-        opacity: 0 !important;
-        transition-property: transform, opacity !important;
+      div[data-testid="primaryColumn"] article button {
+        &[data-testid="reply"] ,
+        &[data-testid="retweet"] ,
+        &[data-testid="unretweet"] ,
+        &[data-testid="like"] ,
+        &[data-testid="unlike"],
+        &[data-testid="bookmark"],
+        &[data-testid="removeBookmark"] {
+          span[data-testid="app-text-transition-container"] {
+            opacity: 0 !important;
+            transition-property: transform, opacity !important;
+          }
+        }
       }
     }
   }
@@ -59,6 +75,13 @@ body {
         display: none;
       }
     }
+    div[role="dialog"] {
+      a[href$="/analytics"] {
+        span[data-testid="app-text-transition-container"] {
+        display: none;
+        }
+      }
+    }
   }
 
   &.isReactionNumberDetailHidden {
@@ -71,15 +94,19 @@ body {
     }
 
     div[role="dialog"] {
-      div[role="group"]:not(:hover) div[role="button"] {
-        &[data-testid="reply"] span[data-testid="app-text-transition-container"],
-        &[data-testid="retweet"] span[data-testid="app-text-transition-container"],
-        &[data-testid="unretweet"] span[data-testid="app-text-transition-container"],        
-        &[data-testid="like"] span[data-testid="app-text-transition-container"],        
-        &[data-testid="unlike"] span[data-testid="app-text-transition-container"]
+      div[role="group"]:not(:hover) button {
+        &[data-testid="reply"],
+        &[data-testid="retweet"],
+        &[data-testid="unretweet"],        
+        &[data-testid="like"],        
+        &[data-testid="unlike"],
+        &[data-testid="bookmark"],
+        &[data-testid="removeBookmark"]
         {
-          opacity: 0 !important;
-          transition-property: transform, opacity !important;
+          span[data-testid="app-text-transition-container"] {
+            opacity: 0 !important;
+            transition-property: transform, opacity !important;
+          }
         }
       }
       a[href$="/retweets"]:not(:hover) span[data-testid="app-text-transition-container"],
@@ -99,17 +126,21 @@ body {
       }
 
       div[role="dialog"] {
-        div[role="group"] div[role="button"] {
-          &[data-testid="reply"] span[data-testid="app-text-transition-container"],
-          &[data-testid="retweet"] span[data-testid="app-text-transition-container"],
-          &[data-testid="unretweet"] span[data-testid="app-text-transition-container"],        
-          &[data-testid="like"] span[data-testid="app-text-transition-container"],        
-          &[data-testid="unlike"] span[data-testid="app-text-transition-container"]
+        div[role="group"] button {
+          &[data-testid="reply"],
+          &[data-testid="retweet"],
+          &[data-testid="unretweet"],        
+          &[data-testid="like"],        
+          &[data-testid="unlike"],
+          &[data-testid="bookmark"],
+          &[data-testid="removeBookmark"]
           {
-            opacity: 0 !important;
-            transition-property: transform, opacity !important;
+            span[data-testid="app-text-transition-container"] {
+              opacity: 0 !important;
+              transition-property: transform, opacity !important;
+            }
           }
-        }  
+          }  
         a[href$="/retweets"] span[data-testid="app-text-transition-container"],
         a[href$="/retweets/with_comments"] span[data-testid="app-text-transition-container"],
         a[href$="/likes"] span[data-testid="app-text-transition-container"] {
@@ -187,8 +218,8 @@ body {
   }
 
   &.isWhoToFollowHidden {
-    div[data-testid="primaryColumn"] > div > div > div > section > div > div > div > div > div  {
-      div[data-testid="UserCell"],
+    div[data-testid="primaryColumn"] > div > div > div > div > section > div > div > div > div  {
+      *[data-testid="UserCell"],
       a[href*="/i/connect_people?user_id="] {
         display: none;
       }

diff --git a/design/Screenshot_01_en.png b/design/Screenshot_01_en.png
diff --git a/design/Screenshot_01_ja.png b/design/Screenshot_01_ja.png
diff --git a/design/Screenshot_02_en.png b/design/Screenshot_02_en.png
diff --git a/design/Screenshot_02_ja.png b/design/Screenshot_02_ja.png
diff --git a/design/Screenshot_03_en.png b/design/Screenshot_03_en.png
diff --git a/design/Screenshot_03_ja.png b/design/Screenshot_03_ja.png
diff --git a/design/Share_SNS_2_ja.png b/design/Share_SNS_2_ja.png
diff --git a/design/Share_SNS_ja.png b/design/Share_SNS_ja.png
diff --git a/design/calm-twitter_design.sketch b/design/calm-twitter_design.sketch
diff --git a/design/icon-128.png b/design/icon-128.png
diff --git a/design/icon-16.png b/design/icon-16.png
diff --git a/design/icon-19.png b/design/icon-19.png
diff --git a/design/icon-38.png b/design/icon-38.png
diff --git a/design/promotion_l.jpg b/design/promotion_l.jpg
diff --git a/design/promotion_markey.jpg b/design/promotion_markey.jpg
diff --git a/design/promotion_s.jpg b/design/promotion_s.jpg
diff --git a/design/Share_SNS_en.png → images/about.png b/design/Share_SNS_en.png → images/about.png
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,8 +1,7 @@
 {
   "name": "calm-twitter",
   "private": true,
-  "version": "1.5.1",
-  "packageManager": "[email protected]",
+  "version": "1.5.3",
   "description": "This extension hides trending information from twitter timelines to make your mind calm.",
   "scripts": {
     "start": "npm run dev:chrome",
@@ -62,4 +61,4 @@
     "webpack-stream": "7.x.x",
     "yargs": "17.x.x"
   }
-}
+}
diff --git a/yarn.lock b/yarn.lock