From c6420d1ec8f74a273cc84149a6780040ac953599 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B5=A9=E8=BF=9C?= <yang991178@live.com>
Date: Mon, 10 Aug 2020 12:17:37 +0800
Subject: [PATCH] add case sensitivity option

---
 package-lock.json                      | 155 +++++++++++++------------
 package.json                           |   2 +-
 src/components/cards/card.tsx          |   3 +-
 src/components/cards/compact-card.tsx  |   4 +-
 src/components/cards/default-card.tsx  |   4 +-
 src/components/cards/highlights.tsx    |   6 +-
 src/components/cards/list-card.tsx     |   2 +-
 src/components/cards/magazine-card.tsx |   4 +-
 src/components/context-menu.tsx        |  29 ++++-
 src/components/feeds/cards-feed.tsx    |   2 +-
 src/components/feeds/feed.tsx          |   4 +-
 src/components/feeds/list-feed.tsx     |   2 +-
 src/components/settings/rules.tsx      |  25 +++-
 src/containers/feed-container.tsx      |   8 +-
 src/scripts/i18n/en-US.json            |   3 +-
 src/scripts/i18n/zh-CN.json            |   3 +-
 src/scripts/models/feed.ts             |   9 +-
 src/scripts/models/rule.ts             |   3 +-
 18 files changed, 164 insertions(+), 104 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2fe7cb9..9ee7f55 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -46,56 +46,66 @@
         "sumchecker": "^3.0.1"
       }
     },
+    "@fluentui/date-time-utilities": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/@fluentui/date-time-utilities/-/date-time-utilities-7.4.0.tgz",
+      "integrity": "sha512-8zaFJ5I1AikQmoi5aWv/mustCf8UAFYUjJrrnlXwvXOe2HlC+wLZH236qRZPi4Wat8qG151vE24nTqzGMVldRQ==",
+      "dev": true,
+      "requires": {
+        "@uifabric/set-version": "^7.0.19",
+        "tslib": "^1.10.0"
+      }
+    },
     "@fluentui/keyboard-key": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.2.1.tgz",
-      "integrity": "sha512-s2CYcspWWdqzwXNOvkNURifuRRiZun/5CQ3gcvRw9+S9/ONvPtedRkppNeTyj2wbW6Ctzf218bu2eJqu0aVK/Q==",
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.2.8.tgz",
+      "integrity": "sha512-GJW3NjDdigTddYuxoOuBGhOs5Egweqs6iPTDSUN+oAtXI/poYHVtgjxaFQx1OeAzD8wLXofGneAe/03ZW+TESA==",
       "dev": true,
       "requires": {
         "tslib": "^1.10.0"
       }
     },
     "@fluentui/react": {
-      "version": "7.117.1",
-      "resolved": "https://registry.npmjs.org/@fluentui/react/-/react-7.117.1.tgz",
-      "integrity": "sha512-BKXFdZPjeOVdQksfLVM4YasDYk5LByTw7rGrW/z+Ae4RWRZ9JnLrfaPZSUSn4Puu5iKqipp3+WSU6BXcaPdvPA==",
+      "version": "7.126.2",
+      "resolved": "https://registry.npmjs.org/@fluentui/react/-/react-7.126.2.tgz",
+      "integrity": "sha512-WQ4u1oV0Cm+N2igltRIpg/B8LpxHiaiLue9++aZTtCvz4I5I5dRjm+LlVEomV5ml3n4m5apg9ml2MpNTQ7S+cA==",
       "dev": true,
       "requires": {
-        "@uifabric/set-version": "^7.0.13",
-        "office-ui-fabric-react": "^7.117.1",
+        "@uifabric/set-version": "^7.0.19",
+        "office-ui-fabric-react": "^7.126.2",
         "tslib": "^1.10.0"
       }
     },
     "@fluentui/react-focus": {
-      "version": "7.12.5",
-      "resolved": "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-7.12.5.tgz",
-      "integrity": "sha512-K2DrfMI74pkuGeiqstWgqGVnMg836CE3eJ3fydkXa19+6lUjkB4yDrSgwrQkvvEXixCiJyfvAxyGuFJ74EKQwA==",
+      "version": "7.12.30",
+      "resolved": "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-7.12.30.tgz",
+      "integrity": "sha512-UV9StYMID9cRB2TQRE1u134sT8AOaOs0A2ZW4oM82/lzQ8XxL3aREFY0ohhmblYhEGzkb349y51h4eSqW5EpPA==",
       "dev": true,
       "requires": {
-        "@fluentui/keyboard-key": "^0.2.1",
-        "@uifabric/merge-styles": "^7.14.1",
-        "@uifabric/set-version": "^7.0.13",
-        "@uifabric/styling": "^7.12.15",
-        "@uifabric/utilities": "^7.20.3",
+        "@fluentui/keyboard-key": "^0.2.8",
+        "@uifabric/merge-styles": "^7.16.4",
+        "@uifabric/set-version": "^7.0.19",
+        "@uifabric/styling": "^7.14.10",
+        "@uifabric/utilities": "^7.26.1",
         "tslib": "^1.10.0"
       }
     },
     "@fluentui/react-icons": {
-      "version": "0.1.24",
-      "resolved": "https://registry.npmjs.org/@fluentui/react-icons/-/react-icons-0.1.24.tgz",
-      "integrity": "sha512-PNAN1CjfBNL6p0fViftKDK8xcVnt05psEhO9wzCSOld9iw2eGu3JEObzolKGGoASvsiPJEQxbGOHZPuasVKVFg==",
+      "version": "0.1.45",
+      "resolved": "https://registry.npmjs.org/@fluentui/react-icons/-/react-icons-0.1.45.tgz",
+      "integrity": "sha512-xDE7dgbh3JgUt2uFUW66ut4V9T5irmxi+S5IGJKkXLUf3MHBysknx42BkX1Yc1Uczz3r5va1oWWwlXNiN/CjsA==",
       "dev": true,
       "requires": {
-        "@uifabric/set-version": "^7.0.13",
-        "@uifabric/styling": "^7.12.15",
-        "@uifabric/utilities": "^7.20.3",
+        "@microsoft/load-themed-styles": "^1.10.26",
+        "@uifabric/set-version": "^7.0.19",
+        "@uifabric/utilities": "^7.26.1",
         "tslib": "^1.10.0"
       }
     },
     "@microsoft/load-themed-styles": {
-      "version": "1.10.55",
-      "resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.10.55.tgz",
-      "integrity": "sha512-1gT/zQVJC6dTvMAHfxteTlBmGsSHuLkKVe5vYCQ6JOzah8Yv9hwTSZESUZfj5HKV2PQ11KnVrT3TS815gKExoA==",
+      "version": "1.10.66",
+      "resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.10.66.tgz",
+      "integrity": "sha512-w1NCJQOrr5Ko5Og1ay7NO0vFUwxksddnLmVuY2bBi7DkgbFYtiRFQGkc+HMDpy2x6Fcy/iUTitbR674aX5TJhw==",
       "dev": true
     },
     "@sindresorhus/is": {
@@ -278,80 +288,80 @@
       "dev": true
     },
     "@uifabric/foundation": {
-      "version": "7.7.22",
-      "resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.7.22.tgz",
-      "integrity": "sha512-vTWhNT0wz0VB5DagSCPWQ+7d8Yv7AYOGsvOgPzS6FzA3pxSLX6xmN00ica1gCCZBz4xZn4Yw7YjcyF8bDARqSw==",
+      "version": "7.7.44",
+      "resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.7.44.tgz",
+      "integrity": "sha512-0YBZTGsVxQEd1+IYXawQcOd263auoXCQo2KE8CaL2aug330+9LIqloIyjnhDH+yJQ9JZZmzzlJ2clOD7NCT97g==",
       "dev": true,
       "requires": {
-        "@uifabric/merge-styles": "^7.14.1",
-        "@uifabric/set-version": "^7.0.13",
-        "@uifabric/styling": "^7.12.15",
-        "@uifabric/utilities": "^7.20.3",
+        "@uifabric/merge-styles": "^7.16.4",
+        "@uifabric/set-version": "^7.0.19",
+        "@uifabric/styling": "^7.14.10",
+        "@uifabric/utilities": "^7.26.1",
         "tslib": "^1.10.0"
       }
     },
     "@uifabric/icons": {
-      "version": "7.3.48",
-      "resolved": "https://registry.npmjs.org/@uifabric/icons/-/icons-7.3.48.tgz",
-      "integrity": "sha512-DUhRluQrYAvvyElr5F/Gzkscl+gArgeEtLVJsjqXAsop8SAvJCEVCnSxVEZVDOOlsytEVVPpxiHGkaDow+26fg==",
+      "version": "7.3.70",
+      "resolved": "https://registry.npmjs.org/@uifabric/icons/-/icons-7.3.70.tgz",
+      "integrity": "sha512-ibAyKU02TFH6wdqrnu7keea9MaM29EGrMTkz24DyNlWfM+H9z3JL6UiWUeldgyok8HXDWI9GRQWB7f3YhJi60Q==",
       "dev": true,
       "requires": {
-        "@uifabric/set-version": "^7.0.13",
-        "@uifabric/styling": "^7.12.15",
+        "@uifabric/set-version": "^7.0.19",
+        "@uifabric/styling": "^7.14.10",
         "tslib": "^1.10.0"
       }
     },
     "@uifabric/merge-styles": {
-      "version": "7.14.1",
-      "resolved": "https://registry.npmjs.org/@uifabric/merge-styles/-/merge-styles-7.14.1.tgz",
-      "integrity": "sha512-nKkk0o9XyVh8HL174ZSDqw3IUnN2qb+kO73vg/rwioKPEQyuPGoEfij8jrb+CGpcCGnMYi53IeB1tm8ySlNatg==",
+      "version": "7.16.4",
+      "resolved": "https://registry.npmjs.org/@uifabric/merge-styles/-/merge-styles-7.16.4.tgz",
+      "integrity": "sha512-OhOEtwYD74AARf4VZQJPan97QEvtTYcxBGVQfdE7YxFnvR1VdfMxOsV+9CAjAIFM+Xu5ibeKkEE/ZmJYnHkqsQ==",
       "dev": true,
       "requires": {
-        "@uifabric/set-version": "^7.0.13",
+        "@uifabric/set-version": "^7.0.19",
         "tslib": "^1.10.0"
       }
     },
     "@uifabric/react-hooks": {
-      "version": "7.4.5",
-      "resolved": "https://registry.npmjs.org/@uifabric/react-hooks/-/react-hooks-7.4.5.tgz",
-      "integrity": "sha512-OLEBII+7x4rlTWjQ6hvMWS+CuWRJgvEfCsUcFMu5D5teXTr0bZQThyW8oVvkqKsNmF2JdwwqT6dSwhwgarlFzA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/@uifabric/react-hooks/-/react-hooks-7.7.3.tgz",
+      "integrity": "sha512-WAhMcnQSRgSQr0wkw8paESqxHCDWL2vdgTcDNKSj550GpAzD9BgZSBp3v3yln/qA4pN/nfjeU0CX9HujidSbMA==",
       "dev": true,
       "requires": {
-        "@uifabric/set-version": "^7.0.13",
-        "@uifabric/utilities": "^7.20.3",
+        "@uifabric/set-version": "^7.0.19",
+        "@uifabric/utilities": "^7.26.1",
         "tslib": "^1.10.0"
       }
     },
     "@uifabric/set-version": {
-      "version": "7.0.13",
-      "resolved": "https://registry.npmjs.org/@uifabric/set-version/-/set-version-7.0.13.tgz",
-      "integrity": "sha512-SRsYaacvNykS9lRwKNJgrJuhPV4ytblthFNg0+Wi6+zvIf/w50k/nBlmXVetV5U9dAuX4njSkd+/3iOpgevkyw==",
+      "version": "7.0.19",
+      "resolved": "https://registry.npmjs.org/@uifabric/set-version/-/set-version-7.0.19.tgz",
+      "integrity": "sha512-p52z9Z5Kfl0kAU3DiPNPg+0vCdSAxlkRZEtEa+RwM6fh9XSo91n4C56FFdKDW7HJVuhGjMK7UEXuU6ELY1W7fg==",
       "dev": true,
       "requires": {
         "tslib": "^1.10.0"
       }
     },
     "@uifabric/styling": {
-      "version": "7.12.15",
-      "resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.12.15.tgz",
-      "integrity": "sha512-mp/nRyE5Ig6a8BPEkXy/F8ckeQptQCm1SOQDPB1VT1PlknHoOXqqTVn2e1e2DGpWcpFIw4dbodqym3rgpUqkjA==",
+      "version": "7.14.10",
+      "resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.14.10.tgz",
+      "integrity": "sha512-hEmXCJJUVr+ykvPVXyvTHS5f2/GMCh1PObajuXgtpZVpJRzA+Rwgg5gBxWYeRNYw+3WZV62f0zAbmYh8ZCRAhQ==",
       "dev": true,
       "requires": {
         "@microsoft/load-themed-styles": "^1.10.26",
-        "@uifabric/merge-styles": "^7.14.1",
-        "@uifabric/set-version": "^7.0.13",
-        "@uifabric/utilities": "^7.20.3",
+        "@uifabric/merge-styles": "^7.16.4",
+        "@uifabric/set-version": "^7.0.19",
+        "@uifabric/utilities": "^7.26.1",
         "tslib": "^1.10.0"
       }
     },
     "@uifabric/utilities": {
-      "version": "7.20.3",
-      "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.20.3.tgz",
-      "integrity": "sha512-Amg+qdnNKx0yxjoEFHanM2jTCYfCZAlHPDHcS+BCiSwzeQrEPhlOrtZVPJtagNVhXLFiC09uDsmE/BF6dHb+ww==",
+      "version": "7.26.1",
+      "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.26.1.tgz",
+      "integrity": "sha512-FX/Gu4XY6YlvBEyTyEeXUOtPpgTy1irHpSAE/vDbDZQlksVNv4FPnVingQZI9T/rA96ivP4q1PUutrb3X3hfsw==",
       "dev": true,
       "requires": {
-        "@uifabric/merge-styles": "^7.14.1",
-        "@uifabric/set-version": "^7.0.13",
+        "@uifabric/merge-styles": "^7.16.4",
+        "@uifabric/set-version": "^7.0.19",
         "prop-types": "^15.7.2",
         "tslib": "^1.10.0"
       }
@@ -4753,21 +4763,22 @@
       }
     },
     "office-ui-fabric-react": {
-      "version": "7.117.1",
-      "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-7.117.1.tgz",
-      "integrity": "sha512-AHjlLgBJmrVFOtL04V3qpljXVw2Z8sgcnzl5ZYBR4ZAGMdEtvzJBq5aMbUoQgh3jKHEgpLJfoznd4XWi75FshQ==",
+      "version": "7.126.2",
+      "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-7.126.2.tgz",
+      "integrity": "sha512-1ETz4x5AsBZ36PBLIbL3T++Aso+9WudIsu3Z331UDNwSJF4LjOM50+PY/i7DUb+LSDzmwMwydCpU5yzEndLRBw==",
       "dev": true,
       "requires": {
-        "@fluentui/react-focus": "^7.12.5",
-        "@fluentui/react-icons": "^0.1.24",
+        "@fluentui/date-time-utilities": "^7.4.0",
+        "@fluentui/react-focus": "^7.12.30",
+        "@fluentui/react-icons": "^0.1.45",
         "@microsoft/load-themed-styles": "^1.10.26",
-        "@uifabric/foundation": "^7.7.22",
-        "@uifabric/icons": "^7.3.48",
-        "@uifabric/merge-styles": "^7.14.1",
-        "@uifabric/react-hooks": "^7.4.5",
-        "@uifabric/set-version": "^7.0.13",
-        "@uifabric/styling": "^7.12.15",
-        "@uifabric/utilities": "^7.20.3",
+        "@uifabric/foundation": "^7.7.44",
+        "@uifabric/icons": "^7.3.70",
+        "@uifabric/merge-styles": "^7.16.4",
+        "@uifabric/react-hooks": "^7.7.3",
+        "@uifabric/set-version": "^7.0.19",
+        "@uifabric/styling": "^7.14.10",
+        "@uifabric/utilities": "^7.26.1",
         "prop-types": "^15.7.2",
         "tslib": "^1.10.0"
       }
diff --git a/package.json b/package.json
index 623db63..b79134e 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
     }
   },
   "devDependencies": {
-    "@fluentui/react": "^7.115.3",
+    "@fluentui/react": "^7.126.2",
     "@types/nedb": "^1.8.9",
     "@types/react": "^16.9.35",
     "@types/react-dom": "^16.9.8",
diff --git a/src/components/cards/card.tsx b/src/components/cards/card.tsx
index 30c723b..db6566a 100644
--- a/src/components/cards/card.tsx
+++ b/src/components/cards/card.tsx
@@ -2,13 +2,14 @@ import * as React from "react"
 import { RSSSource, SourceOpenTarget } from "../../scripts/models/source"
 import { RSSItem } from "../../scripts/models/item"
 import { platformCtrl } from "../../scripts/utils"
+import { FeedFilter } from "../../scripts/models/feed"
 
 export namespace Card {
     export type Props = {
         feedId: string
         item: RSSItem
         source: RSSSource
-        keyword: string
+        filter: FeedFilter
         shortcuts: (item: RSSItem, e: KeyboardEvent) => void
         markRead: (item: RSSItem) => void
         contextMenu: (feedId: string, item: RSSItem, e) => void
diff --git a/src/components/cards/compact-card.tsx b/src/components/cards/compact-card.tsx
index e3b09f7..7128806 100644
--- a/src/components/cards/compact-card.tsx
+++ b/src/components/cards/compact-card.tsx
@@ -18,8 +18,8 @@ const CompactCard: React.FunctionComponent<Card.Props> = (props) => (
         data-is-focusable>
         <CardInfo source={props.source} item={props.item} hideTime />
         <div className="data">
-            <span className="title"><Highlights text={props.item.title} keyword={props.keyword} title /></span>
-            <span className="snippet"><Highlights text={props.item.snippet} keyword={props.keyword} /></span>
+            <span className="title"><Highlights text={props.item.title} filter={props.filter} title /></span>
+            <span className="snippet"><Highlights text={props.item.snippet} filter={props.filter} /></span>
         </div>
         <Time date={props.item.date} />
     </div>
diff --git a/src/components/cards/default-card.tsx b/src/components/cards/default-card.tsx
index 4fd58f4..55410cb 100644
--- a/src/components/cards/default-card.tsx
+++ b/src/components/cards/default-card.tsx
@@ -24,9 +24,9 @@ const DefaultCard: React.FunctionComponent<Card.Props> = (props) => (
             <img className="head" src={props.item.thumb} />
         ) : null}
         <CardInfo source={props.source} item={props.item} />
-        <h3 className="title"><Highlights text={props.item.title} keyword={props.keyword} title /></h3>
+        <h3 className="title"><Highlights text={props.item.title} filter={props.filter} title /></h3>
         <p className={"snippet" + (props.item.thumb ? "" : " show")}>
-            <Highlights text={props.item.snippet} keyword={props.keyword} />
+            <Highlights text={props.item.snippet} filter={props.filter} />
         </p>
     </div>
 )
diff --git a/src/components/cards/highlights.tsx b/src/components/cards/highlights.tsx
index b77a836..90bd239 100644
--- a/src/components/cards/highlights.tsx
+++ b/src/components/cards/highlights.tsx
@@ -1,16 +1,18 @@
 import * as React from "react"
 import { validateRegex } from "../../scripts/utils"
+import { FeedFilter, FilterType } from "../../scripts/models/feed"
 
 type HighlightsProps = {
     text: string
-    keyword: string
+    filter: FeedFilter
     title?: boolean
 }
 
 const Highlights: React.FunctionComponent<HighlightsProps> = (props) => {
     const spans: [string, boolean][] = new Array()
+    const flags = (props.filter.type & FilterType.CaseInsensitive) ? "ig" : "g"
     let regex: RegExp
-    if (props.keyword === "" || !(regex = validateRegex(props.keyword, "g"))) {
+    if (props.filter.search === "" || !(regex = validateRegex(props.filter.search, flags))) {
         if (props.title) spans.push([props.text, false])
         else spans.push([props.text.substr(0, 325), false])
     } else if (props.title) {
diff --git a/src/components/cards/list-card.tsx b/src/components/cards/list-card.tsx
index 1292dc1..35b601b 100644
--- a/src/components/cards/list-card.tsx
+++ b/src/components/cards/list-card.tsx
@@ -20,7 +20,7 @@ const ListCard: React.FunctionComponent<Card.Props> = (props) => (
         ) : null}
         <div className="data">
             <CardInfo source={props.source} item={props.item} />
-            <h3 className="title"><Highlights text={props.item.title} keyword={props.keyword} title /></h3>
+            <h3 className="title"><Highlights text={props.item.title} filter={props.filter} title /></h3>
         </div>
     </div>
 )
diff --git a/src/components/cards/magazine-card.tsx b/src/components/cards/magazine-card.tsx
index 5bf49fd..1a170f8 100644
--- a/src/components/cards/magazine-card.tsx
+++ b/src/components/cards/magazine-card.tsx
@@ -21,8 +21,8 @@ const MagazineCard: React.FunctionComponent<Card.Props> = (props) => (
         ) : null}
         <div className="data">
             <div>
-                <h3 className="title"><Highlights text={props.item.title} keyword={props.keyword} title /></h3>
-                <p className="snippet"><Highlights text={props.item.snippet} keyword={props.keyword} /></p>
+                <h3 className="title"><Highlights text={props.item.title} filter={props.filter} title /></h3>
+                <p className="snippet"><Highlights text={props.item.snippet} filter={props.filter} /></p>
             </div>
             <CardInfo source={props.source} item={props.item} showCreator />
         </div>
diff --git a/src/components/context-menu.tsx b/src/components/context-menu.tsx
index fccd7a7..41574b8 100644
--- a/src/components/context-menu.tsx
+++ b/src/components/context-menu.tsx
@@ -289,11 +289,30 @@ export class ContextMenu extends React.Component<ContextMenuProps> {
                     }
                 },
                 {
-                    key: "fullSearch",
-                    text: intl.get("context.fullSearch"),
-                    canCheck: true,
-                    checked: Boolean(this.props.filter & FilterType.FullSearch),
-                    onClick: () => this.props.toggleFilter(FilterType.FullSearch)
+                    key: "section_3",
+                    itemType: ContextualMenuItemType.Section,
+                    sectionProps: {
+                        title: intl.get("search"),
+                        bottomDivider: true,
+                        items: [
+                            {
+                                key: "caseSensitive",
+                                text: intl.get("context.caseSensitive"),
+                                iconProps: { style: { fontSize: 12, fontStyle: "normal" }, children: "Aa" },
+                                canCheck: true,
+                                checked: !(this.props.filter & FilterType.CaseInsensitive),
+                                onClick: () => this.props.toggleFilter(FilterType.CaseInsensitive)
+                            },
+                            {
+                                key: "fullSearch",
+                                text: intl.get("context.fullSearch"),
+                                iconProps: { iconName: "Breadcrumb" },
+                                canCheck: true,
+                                checked: Boolean(this.props.filter & FilterType.FullSearch),
+                                onClick: () => this.props.toggleFilter(FilterType.FullSearch)
+                            },
+                        ]
+                    }
                 },
                 {
                     key: "showHidden",
diff --git a/src/components/feeds/cards-feed.tsx b/src/components/feeds/cards-feed.tsx
index c30e196..f99df7d 100644
--- a/src/components/feeds/cards-feed.tsx
+++ b/src/components/feeds/cards-feed.tsx
@@ -47,7 +47,7 @@ class CardsFeed extends React.Component<FeedProps> {
             key={item._id}
             item={item}
             source={this.props.sourceMap[item.source]}
-            keyword={this.props.keyword}
+            filter={this.props.filter}
             shortcuts={this.props.shortcuts}
             markRead={this.props.markRead}
             contextMenu={this.props.contextMenu}
diff --git a/src/components/feeds/feed.tsx b/src/components/feeds/feed.tsx
index fb3f3f9..8f337f3 100644
--- a/src/components/feeds/feed.tsx
+++ b/src/components/feeds/feed.tsx
@@ -1,7 +1,7 @@
 import * as React from "react"
 import { RSSItem } from "../../scripts/models/item"
 import { FeedReduxProps } from "../../containers/feed-container"
-import { RSSFeed } from "../../scripts/models/feed"
+import { RSSFeed, FeedFilter } from "../../scripts/models/feed"
 import { ViewType } from "../../schema-types"
 import CardsFeed from "./cards-feed"
 import ListFeed from "./list-feed"
@@ -11,7 +11,7 @@ export type FeedProps = FeedReduxProps & {
     viewType: ViewType
     items: RSSItem[]
     sourceMap: Object
-    keyword: string
+    filter: FeedFilter
     shortcuts: (item: RSSItem, e: KeyboardEvent) => void
     markRead: (item: RSSItem) => void
     contextMenu: (feedId: string, item: RSSItem, e) => void
diff --git a/src/components/feeds/list-feed.tsx b/src/components/feeds/list-feed.tsx
index 7fc1205..e76f704 100644
--- a/src/components/feeds/list-feed.tsx
+++ b/src/components/feeds/list-feed.tsx
@@ -16,7 +16,7 @@ class ListFeed extends React.Component<FeedProps> {
             key: item._id,
             item: item, 
             source: this.props.sourceMap[item.source], 
-            keyword: this.props.keyword,
+            filter: this.props.filter,
             shortcuts: this.props.shortcuts,
             markRead: this.props.markRead,
             contextMenu: this.props.contextMenu,
diff --git a/src/components/settings/rules.tsx b/src/components/settings/rules.tsx
index e203ec6..44ba803 100644
--- a/src/components/settings/rules.tsx
+++ b/src/components/settings/rules.tsx
@@ -2,7 +2,7 @@ import * as React from "react"
 import intl from "react-intl-universal"
 import { SourceState, RSSSource } from "../../scripts/models/source"
 import { Stack, Label, Dropdown, IDropdownOption, TextField, PrimaryButton, Icon, DropdownMenuItemType, 
-    DefaultButton, DetailsList, IColumn, CommandBar, ICommandBarItemProps, Selection, SelectionMode, MarqueeSelection, IDragDropEvents, Link } from "@fluentui/react"
+    DefaultButton, DetailsList, IColumn, CommandBar, ICommandBarItemProps, Selection, SelectionMode, MarqueeSelection, IDragDropEvents, Link, IIconProps } from "@fluentui/react"
 import { SourceRule, RuleActions } from "../../scripts/models/rule"
 import { FilterType } from "../../scripts/models/feed"
 import { validateRegex } from "../../scripts/utils"
@@ -31,6 +31,7 @@ type RulesTabState = {
     editIndex: number
     regex: string
     fullSearch: boolean
+    caseSensitive: boolean
     match: boolean
     actionKeys: string[]
     mockTitle: string
@@ -52,6 +53,7 @@ class RulesTab extends React.Component<RulesTabProps, RulesTabState> {
             editIndex: -1,
             regex: "",
             fullSearch: false,
+            caseSensitive: false,
             match: true,
             actionKeys: [],
             mockTitle: "",
@@ -104,6 +106,7 @@ class RulesTab extends React.Component<RulesTabProps, RulesTabState> {
         this.setState({
             regex: rule ? rule.filter.search : "",
             fullSearch: rule ? Boolean(rule.filter.type & FilterType.FullSearch) : false,
+            caseSensitive: rule ? !(rule.filter.type & FilterType.CaseInsensitive) : false,
             match: rule ? rule.match : true,
             actionKeys: rule ? RuleActions.toKeys(rule.actions) : []
         })
@@ -204,7 +207,7 @@ class RulesTab extends React.Component<RulesTabProps, RulesTabState> {
     }
 
     saveRule = () => {
-        let rule = new SourceRule(this.state.regex, this.state.actionKeys, this.state.fullSearch, this.state.match)
+        let rule = new SourceRule(this.state.regex, this.state.actionKeys, this.state.fullSearch, this.state.caseSensitive, this.state.match)
         let source = this.props.sources[parseInt(this.state.sid)]
         let rules = source.rules ? [ ...source.rules ] : []
         if (this.state.editIndex === -1) {
@@ -269,6 +272,23 @@ class RulesTab extends React.Component<RulesTabProps, RulesTabState> {
         this.setState({ mockResult: result.join(", ") })
     }
 
+    toggleCaseSensitivity = () => {
+        this.setState({ caseSensitive: !this.state.caseSensitive })
+    }
+    regexCaseIconProps = (): IIconProps => ({
+        title: intl.get("context.caseSensitive"),
+        children: "Aa",
+        style: { 
+            fontSize: 12, 
+            fontStyle: "normal",
+            cursor: "pointer",
+            pointerEvents: "unset",
+            color: this.state.caseSensitive ? "var(--black)" : "var(--neutralTertiary)",
+            textDecoration: this.state.caseSensitive ? "underline" : "",
+        },
+        onClick: this.toggleCaseSensitivity
+    })
+
     render = () => (
         <div className="tab-body">
             <Stack horizontal tokens={{childrenGap: 16}}>
@@ -314,6 +334,7 @@ class RulesTab extends React.Component<RulesTabProps, RulesTabState> {
                             <TextField
                                 name="regex"
                                 placeholder={intl.get("rules.regex")}
+                                iconProps={this.regexCaseIconProps()}
                                 value={this.state.regex}
                                 onGetErrorMessage={this.validateRegexField} 
                                 validateOnLoad={false} 
diff --git a/src/containers/feed-container.tsx b/src/containers/feed-container.tsx
index 74c9be3..55476bb 100644
--- a/src/containers/feed-container.tsx
+++ b/src/containers/feed-container.tsx
@@ -16,17 +16,17 @@ interface FeedContainerProps {
 const getSources = (state: RootState) => state.sources
 const getItems = (state: RootState) => state.items
 const getFeed = (state: RootState, props: FeedContainerProps) => state.feeds[props.feedId]
-const getKeyword = (state: RootState) => state.page.filter.search
+const getFilter = (state: RootState) => state.page.filter
 const getView = (_, props: FeedContainerProps) => props.viewType
 
 const makeMapStateToProps = () => {
     return createSelector(
-        [getSources, getItems, getFeed, getView, getKeyword],
-        (sources, items, feed, viewType, keyword) => ({
+        [getSources, getItems, getFeed, getView, getFilter],
+        (sources, items, feed, viewType, filter) => ({
             feed: feed,
             items: feed.iids.map(iid => items[iid]),
             sourceMap: sources,
-            keyword: keyword,
+            filter: filter,
             viewType: viewType
         })
     )
diff --git a/src/scripts/i18n/en-US.json b/src/scripts/i18n/en-US.json
index 696bfe4..2d0aef1 100644
--- a/src/scripts/i18n/en-US.json
+++ b/src/scripts/i18n/en-US.json
@@ -88,7 +88,8 @@
         "manageSources": "Manage sources",
         "saveImageAs": "Save image as …",
         "copyImage": "Copy image",
-        "copyImageURL": "Copy image link"
+        "copyImageURL": "Copy image link",
+        "caseSensitive": "Case sensitive"
     },
     "searchEngine": {
         "name": "Search engine",
diff --git a/src/scripts/i18n/zh-CN.json b/src/scripts/i18n/zh-CN.json
index cd6c312..fae29d3 100644
--- a/src/scripts/i18n/zh-CN.json
+++ b/src/scripts/i18n/zh-CN.json
@@ -88,7 +88,8 @@
         "manageSources": "管理订阅源",
         "saveImageAs": "将图像另存为",
         "copyImage": "复制图像",
-        "copyImageURL": "复制图像链接"
+        "copyImageURL": "复制图像链接",
+        "caseSensitive": "区分大小写"
     },
     "searchEngine": {
         "name": "搜索引擎",
diff --git a/src/scripts/models/feed.ts b/src/scripts/models/feed.ts
index cd2de78..89b8981 100644
--- a/src/scripts/models/feed.ts
+++ b/src/scripts/models/feed.ts
@@ -10,8 +10,9 @@ export enum FilterType {
     ShowNotStarred = 1 << 1,
     ShowHidden = 1 << 2,
     FullSearch = 1 << 3,
+    CaseInsensitive = 1 << 4,
 
-    Default = ShowRead | ShowNotStarred,
+    Default = ShowRead | ShowNotStarred | CaseInsensitive,
     UnreadOnly = ShowNotStarred,
     StarredOnly = ShowRead,
     Toggles = ShowHidden | FullSearch
@@ -36,7 +37,8 @@ export class FeedFilter {
         if (type & FilterType.ShowNotStarred) delete query.starred
         if (type & FilterType.ShowHidden) delete query.hidden
         if (filter.search !== "") {
-            let regex = RegExp(filter.search)
+            const flags = (type & FilterType.CaseInsensitive) ? "i" : ""
+            const regex = RegExp(filter.search, flags)
             if (type & FilterType.FullSearch) {
                 query.$or = [
                     { title: { $regex: regex } },
@@ -56,7 +58,8 @@ export class FeedFilter {
         if (!(type & FilterType.ShowNotStarred)) flag = flag && item.starred
         if (!(type & FilterType.ShowHidden)) flag = flag && !item.hidden
         if (filter.search !== "") { 
-            let regex = RegExp(filter.search)
+            const flags = (type & FilterType.CaseInsensitive) ? "i" : ""
+            const regex = RegExp(filter.search, flags)
             if (type & FilterType.FullSearch) {
                 flag = flag && (regex.test(item.title) || regex.test(item.snippet))
             } else {
diff --git a/src/scripts/models/rule.ts b/src/scripts/models/rule.ts
index 3fabd0b..4a5da7d 100644
--- a/src/scripts/models/rule.ts
+++ b/src/scripts/models/rule.ts
@@ -65,9 +65,10 @@ export class SourceRule {
     match: boolean
     actions: RuleActions
 
-    constructor(regex: string, actions: string[], fullSearch: boolean, match: boolean) {
+    constructor(regex: string, actions: string[], fullSearch: boolean, caseSensitive: boolean, match: boolean) {
         this.filter = new FeedFilter(FilterType.Default | FilterType.ShowHidden, regex)
         if (fullSearch) this.filter.type |= FilterType.FullSearch
+        if (caseSensitive) this.filter.type &= ~FilterType.CaseInsensitive
         this.match = match
         this.actions = RuleActions.fromKeys(actions)
     }