Merge pull request #180 from medyo/develop

Version 1.19.0 #minor

Author: medyo

.github/workflows/distribute.yml

@@ -38,16 +38,17 @@ jobs:
 
       - name: Bump version and push tag
         id: tag_version
-        uses: mathieudutour/github-tag-action@v6.1
-        with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          dry_run: ${{ github.event.inputs.autoTag == 'false' }}
-          custom_release_rules: |
-            "fix:patch:Bug Fixes,hotfix:patch:Bug Fixes,minor:minor:Fixes,patch:patch:Quick fixes,refactor:minor:Refactoring,implement:minor:Features,change:minor:Changes,breaking:major:Changes,major:major:Changes"
+        uses: anothrNick/github-tag-action@1.67.0
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          WITH_V: true
+          DRY_RUN: ${{ github.event.inputs.autoTag == 'false' }}
 
       - name: Update manifest.json
         if: github.event.inputs.autoTag == 'true'
-        run: jq --arg version "${{ steps.tag_version.outputs.new_version }}" '.version=$version' public/base.manifest.json > tmp.json && mv tmp.json public/base.manifest.json
+        run: |
+          new_version=$(echo "${{ steps.tag_version.outputs.new_tag }}" | sed 's/^v//')
+          jq --arg version "$new_version" '.version = $version' public/base.manifest.json > public/base.manifest.json.tmp && mv public/base.manifest.json.tmp public/base.manifest.json
 
       - name: Commit changes
         if: github.event.inputs.autoTag == 'true'

README.md

@@ -5,31 +5,38 @@
 [![Chrome Web Store Rating](https://img.shields.io/chrome-web-store/stars/ocoipcahhaedjhnpoanfflhbdcpmalmp.svg?colorB=%234FC828&label=rating&style=flat)](https://chrome.google.com/webstore/detail/hackertabdev/ocoipcahhaedjhnpoanfflhbdcpmalmp/reviews)
 
 # Hackertab.dev — All Developer news in one tab!
+
 **Hackertab makes it easy for you to stay up-to-date with the latest developer news, tools, jobs and events.**
 
 <img src="/demo/demo_hackertab.dev.jpeg" width="100%" alt="Hackertab.dev"/>
 
 As a developer, it can be difficult to stay on top of everything happening in the field. Hackertab makes it easy by allowing you to customize your default tab page to include news, tools and events from top sources such as GitHub Trendings, Hacker News, DevTo, Medium, and Product Hunt. No matter what type of developer you are, you'll find valuable and relevant information with Hackertab. Don't miss out - give it a try today!
 
 #### Demo
+
 👉 [now.hackertab.dev](https://now.hackertab.dev)
 
 ## 👩‍💻 How to use it
+
 - Install the extension from the [Chrome store](https://bit.ly/hackertab-ch), or [Mozilla add-ons](https://bit.ly/hackertab-ff)
 - Open a new tab
 - The extension should now be running and visible
 - Select your preferred programming languages and sources.
 - Enjoy
 
 ## 🔥 Features
-- 🆕 Hourly updated content
-- 💻 Customizable by language or topic
-- 👍 Curated content from the best sources
-- 🔖 Bookmark and read it later
-- 🌙 Dark mode for when it gets late 
+
+- 🆕 Daily updated content
+- 💻 Customizable by programming language, framework and topic.
+- 👍 Curated content from the best sources.
+- 🔖 Bookmark and read it later.
+- 🌙 Dark mode for when it gets late.
+- ✨ AI-powered recommendations exclusively tailored to your preferences.
+
 Even more features are going to come in the future!
 
 ## Data sources
+
 - Github Trendings
 - Hackernews
 - DevTo
@@ -44,10 +51,13 @@ Even more features are going to come in the future!
 - **or create an issue to ask for a new data source**
 
 ## Support
+
 Please do not hesitate to ask a question, report a bug or add a suggestion. or send an email to hello@hackertab.dev
 
 ## Development
-Please use the develop branch
+
+Please use the develop branch. Create an .env file with the necessary
+
 ```bash
 $ git clone --branch develop git@github.com:medyo/hackertab.dev.git
 $ cd hackertab.dev
@@ -57,9 +67,10 @@ $ # Then visit http://localhost:3000
 ```
 
 ## Maintainers
+
 - [medyo](https://github.com/medyo)
-- [chouikane](https://github.com/Chouikane)
 
 ## Licencing
-Hackertab is licensed under the Apache License, Version 2.0. 
+
+Hackertab is licensed under the Apache License, Version 2.0.
 See [LICENSE](/LICENSE) for the full license text.

package.json

@@ -15,7 +15,6 @@
     "dompurify": "^2.2.7",
     "htmlparser2": "^8.0.1",
     "jsonpath": "^1.1.1",
-    "localforage": "^1.9.0",
     "normalize.css": "^8.0.1",
     "prop-types": "^15.0.0-0",
     "react": "^17.0.1",
@@ -24,19 +23,17 @@
     "react-dom": "^17.0.1",
     "react-easy-sort": "^1.5.1",
     "react-error-boundary": "^3.1.4",
-    "react-icons": "^4.4.0",
+    "react-icons": "^4.12.0",
     "react-markdown": "^7.0.1",
     "react-modal": "^3.12.1",
-    "react-pro-sidebar": "^0.6.0",
+    "react-router-dom": "^6.21.0",
     "react-select": "^5.0.1",
     "react-share": "^4.4.1",
     "react-simple-toasts": "^5.10.0",
     "react-spinners": "^0.10.4",
     "react-spring-bottom-sheet": "^3.4.1",
     "react-toggle": "^4.1.1",
     "react-tooltip": "^4.2.21",
-    "rss-to-json": "^2.1.1",
-    "styled-components": "2",
     "timeago.js": "^4.0.2",
     "type-fest": "^1.2.0",
     "vite-plugin-ejs": "^1.6.4",
@@ -47,8 +44,8 @@
     "start": "vite",
     "build:web": "VITE_BUILD_TARGET=web ./script/build.sh",
     "build:ext": "VITE_BUILD_TARGET=extension ./script/build.sh",
-    "build:firefox": "./script/build-firefox.sh",
-    "build:chrome": "./script/build-chrome.sh"
+    "build:firefox": "VITE_BUILD_PLATFORM=firefox ./script/build-firefox.sh",
+    "build:chrome": "VITE_BUILD_PLATFORM=chrome ./script/build-chrome.sh"
   },
   "eslintConfig": {
     "extends": [

src/App.tsx

@@ -1,9 +1,5 @@
 import { useEffect, useLayoutEffect, useState } from 'react'
-import 'react-contexify/dist/ReactContexify.css'
-import 'src/assets/App.css'
-import { DNDLayout, Header } from 'src/components/Layout'
-import { MarketingBanner } from 'src/features/MarketingBanner'
-import { BookmarksSidebar } from 'src/features/bookmarks'
+import { DNDLayout } from 'src/components/Layout'
 import { setupAnalytics, setupIdentification, trackPageView } from 'src/lib/analytics'
 import { useUserPreferences } from 'src/stores/preferences'
 import { AppContentLayout } from './components/Layout'
@@ -22,8 +18,6 @@ const intersectionCallback = (entries: IntersectionObserverEntry[]) => {
 }
 
 export const App = () => {
-  const [showSideBar, setShowSideBar] = useState(false)
-  const [showSettings, setShowSettings] = useState(false)
   const [showOnboarding, setShowOnboarding] = useState(true)
   const { onboardingCompleted, maxVisibleCards, isDNDModeActive, DNDDuration, setDNDDuration } =
     useUserPreferences()
@@ -64,24 +58,13 @@ export const App = () => {
 
   return (
     <>
-      <MarketingBanner />
+      {!onboardingCompleted && isWebOrExtensionVersion() === 'extension' && (
+        <OnboardingModal showOnboarding={showOnboarding} setShowOnboarding={setShowOnboarding} />
+      )}
 
-      <div className="App">
-        {!onboardingCompleted && isWebOrExtensionVersion() === 'extension' && (
-          <OnboardingModal showOnboarding={showOnboarding} setShowOnboarding={setShowOnboarding} />
-        )}
-        <Header
-          setShowSideBar={setShowSideBar}
-          showSideBar={showSideBar}
-          showSettings={showSettings}
-          setShowSettings={setShowSettings}
-        />
-
-        <div className="layoutLayers hideScrollBar">
-          {isDNDModeActive() && <DNDLayout />}
-          <AppContentLayout setShowSettings={setShowSettings} />
-        </div>
-        <BookmarksSidebar showSidebar={showSideBar} onClose={() => setShowSideBar(false)} />
+      <div className="layoutLayers hideScrollBar">
+        {isDNDModeActive() && <DNDLayout />}
+        <AppContentLayout />
       </div>
     </>
   )

src/assets/App.css

@@ -329,7 +329,20 @@ a {
   height: 16px;
   width: 16px;
 }
-
+.blockHeaderBadge {
+  width: auto;
+  font-size: 12px;
+  height: 20px;
+  background-color: var(--tooltip-accent-color);
+  border-radius: 20px;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  display: inline-flex;
+  padding: 0 6px;
+  text-transform: lowercase;
+  color: white;
+}
 .blockHeaderIcon img {
   display: block;
 }
@@ -348,7 +361,7 @@ a {
   position: absolute;
   right: 0;
   top: 0;
-  width: 26%;
+  width: 30%;
 }
 
 .blockActions.active {
@@ -408,6 +421,16 @@ a {
 .blockRow:not(:last-child) {
   border-bottom: 1px solid var(--card-content-divider);
 }
+.rowCover {
+  border-radius: 4px;
+  display: block;
+  width: 100%;
+  min-height: auto;
+  object-fit: cover;
+  aspect-ratio: 16/9;
+  background-color: var(--placeholder-background-color);
+  margin-bottom: 12px;
+}
 
 .rowTitle {
   color: var(--primary-text-color);
@@ -418,11 +441,22 @@ a {
   display: flex;
   flex-direction: row;
 }
+.rowLink {
+  color: var(--primary-text-color);
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  text-decoration: none;
+  display: flex;
+  flex-direction: row;
+}
 
 .rowTitle:hover {
   color: var(--primary-hover-text-color);
 }
-
+.titleWithCover {
+  display: block;
+}
 .dark .blockHeaderWhite {
   color: white;
 }
@@ -509,6 +543,25 @@ a {
   color: #99a2ac;
 }
 
+.backToHome {
+  display: flex;
+  order: 4;
+  width: 100%;
+}
+
+.backToHome a {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 16px;
+  vertical-align: middle;
+  text-decoration: none;
+}
+
+.backToHome a:hover {
+  opacity: 0.7;
+}
+
 .tags {
   display: flex;
   flex-wrap: wrap;
@@ -834,10 +887,15 @@ Producthunt item
   width: 100%;
 }
 
+.dark .themeAdaptiveFillColor {
+  fill: white;
+}
+
 .searchBarIcon {
   position: absolute;
   height: 40px;
   margin: 0 16px;
+  width: 24px;
 }
 
 .searchBarInput {
@@ -976,6 +1034,10 @@ Producthunt item
   .blockHeader {
     display: none;
   }
+
+  .tags {
+    display: none;
+  }
 }
 
 @keyframes cardPlaceholderPulse {
@@ -1270,3 +1332,6 @@ Producthunt item
   color: var(--primary-text-color);
   border-radius: 10px;
 }
+.capitalize {
+  text-transform: capitalize;
+}