add axios for get news page

package.json

@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "axios": "^1.5.0",
     "preact": "^10.16.0"
   },
   "devDependencies": {

src/app.css

@@ -1,137 +1,16 @@
+@tailwind components;
+
 /* #app {
   
 } */
 
-@media screen and (max-width: 768px) {
-  a.navLink {
-    font-size: 12px;
-    padding: 0px 20px;
-  }
-}
-
-@media screen and (max-width: 488px) {
-  a.navLink{
-    /* display: none; */
-    margin-top: 10px;
-    width: 100%;
-    padding: 0;
-    border-bottom: 1px solid white;
-    padding: 10px 0
-  }
-
-  div.nav-container {
-    padding: 0 20px;
-    height: 100vh;
-    /* align-items: start; */
-    justify-content: start;
-    flex-direction: column;
-  }
-
-  div.nav-container-disabled {
-    padding: 4px;
-    height: 0;
-  }
-
-  a.navLink-disabled {
-    display: none;
-  }
-
-  form.search-input {
-    display: none;
-    margin-left: 0;
-  }
-
-  button.dropdown-menu {
-    display: block;
-  }
-
-  .search-input-dropdown {
-    margin-right: 10px;
-    display: block !important;
-  }
-
-  h1.title-dropdown {
-    display: none;
-  }
-
-  a.navLink:hover{
-    border-bottom-width: 1px;
-    margin-bottom: 0px;
-  }
-}
-
-@media screen and (max-width: 390px){
-  input.text-input-search {
-    width: 230px;
-  }
-}
-
-.dropdown-menu {
-  display: none;
-}
-
-.search-input {
-  margin-left: auto;
-}
-
-label {
-  position: relative;
-}
-
-label:before {
-  content: "";
-  position: absolute;
-  left: 10px;
-  top: 0;
-  bottom: 0;
-  width: 18px;
-  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' width='18' height='18' viewBox='0 0 25 25' fill-rule='evenodd'%3E%3Cpath d='M16.036 18.455l2.404-2.405 5.586 5.587-2.404 2.404zM8.5 2C12.1 2 15 4.9 15 8.5S12.1 15 8.5 15 2 12.1 2 8.5 4.9 2 8.5 2zm0-2C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zM15 16a1 1 0 1 1 2 0 1 1 0 1 1-2 0'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
-}
-
-.text-input-search {
-  padding: 12px 20px 12px 40px;
-  border-radius: 12px;
-  width: 325px; 
-  font-size: 1em; 
-  background-color: #4b4b4b;
-}
-
-.title {
-  font-size: 32px;
-}
-
 .content {
-  max-width: 1280px;
+  max-width: 1440px;
   margin: 0 auto;
   padding: 1rem;
   text-align: center;
 }
 
-.navLink {
-  padding: 0px 30px;
-  font-size: 14px;
-}
-
-
-.nav-container {
-  background-color: #4b4b4b;
-  padding: 10px 0;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  /* display: 'inline-block'; 
-  max-width: '100%'; 
-  text-align: 'center'; */
-}
-
-.navLink:hover{
-  border-bottom-width: 2px;
-  margin-bottom: -2px;
-}
-
-
 .logo {
   height: 6em;
   padding: 1.5em;
@@ -150,3 +29,9 @@ label:before {
 .read-the-docs {
   color: #888;
 }
+
+@layer components {
+  .text-prime {
+    @apply text-secondary
+  }
+}

src/components/Header/index.tsx

@@ -1,5 +1,6 @@
 import React from "preact/compat";
 import { useState } from "preact/hooks";
+import './style.css';
 
 
 function Header() {
@@ -20,7 +21,8 @@ function Header() {
     document.body.style.overflow = "hidden"
     
     if(dropdown) {
-      document.body.style.overflow = "scroll";
+      document.body.style.overflowX = "hidden";
+      document.body.style.overflowY = "scroll";
     }
     setDropdown(!dropdown)
   }
@@ -51,10 +53,10 @@ function Header() {
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Best places</a>
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Discover</a>
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Trending Places</a>
-        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Lists</a>
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Stories</a>
-        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News</a>
+        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>News / Events</a>
         <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Forum</a>
+        <a href="#" className={`navLink ${!dropdown ? "navLink-disabled" : ""}`}>Sign in</a>
       </div>
     </header>
   )

src/components/Header/style.css

@@ -0,0 +1,122 @@
+@media screen and (max-width: 768px) {
+  a.navLink {
+    font-size: 12px;
+    padding: 0px 20px;
+  }
+}
+
+@media screen and (max-width: 488px) {
+  a.navLink{
+    /* display: none; */
+    margin-top: 10px;
+    width: 100%;
+    padding: 0;
+    border-bottom: 1px solid white;
+    padding: 10px 0
+  }
+
+  div.nav-container {
+    padding: 0 20px;
+    height: 100vh;
+    /* align-items: start; */
+    justify-content: start;
+    flex-direction: column;
+  }
+
+  div.nav-container-disabled {
+    padding: 4px;
+    height: 0;
+  }
+
+  a.navLink-disabled {
+    display: none;
+  }
+
+  form.search-input {
+    display: none;
+    margin-left: 0;
+  }
+
+  button.dropdown-menu {
+    display: block;
+  }
+
+  .search-input-dropdown {
+    margin-right: 10px;
+    display: block !important;
+  }
+
+  h1.title-dropdown {
+    display: none;
+  }
+
+  a.navLink:hover{
+    border-bottom-width: 1px;
+    margin-bottom: 0px;
+  }
+}
+
+@media screen and (max-width: 390px){
+  input.text-input-search {
+    width: 230px;
+  }
+}
+
+.dropdown-menu {
+  display: none;
+}
+
+.search-input {
+  margin-left: auto;
+}
+
+label {
+  position: relative;
+}
+
+label:before {
+  content: "";
+  position: absolute;
+  left: 10px;
+  top: 0;
+  bottom: 0;
+  width: 18px;
+  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' width='18' height='18' viewBox='0 0 25 25' fill-rule='evenodd'%3E%3Cpath d='M16.036 18.455l2.404-2.405 5.586 5.587-2.404 2.404zM8.5 2C12.1 2 15 4.9 15 8.5S12.1 15 8.5 15 2 12.1 2 8.5 4.9 2 8.5 2zm0-2C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zM15 16a1 1 0 1 1 2 0 1 1 0 1 1-2 0'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
+}
+
+.text-input-search {
+  padding: 12px 20px 12px 40px;
+  border-radius: 12px;
+  width: 325px; 
+  font-size: 1em; 
+  text-transform: lowercase;
+  background-color: #4b4b4b;
+}
+
+.title {
+  font-size: 32px;
+}
+
+.navLink {
+  padding: 0px 30px;
+  font-size: 14px;
+}
+
+
+.nav-container {
+  background-color: #4b4b4b;
+  padding: 10px 0;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  /* display: 'inline-block'; 
+  max-width: '100%'; 
+  text-align: 'center'; */
+}
+
+.navLink:hover{
+  border-bottom-width: 2px;
+  margin-bottom: -2px;
+}

src/components/Separator/WithAnchor/index.tsx

@@ -0,0 +1,20 @@
+import './style.css';
+
+type SeparatorProps = {
+  pageName: String,
+  pageLink: string,
+  secondLink: string
+}
+
+function SeparatorWithAnchor(props: SeparatorProps) {
+  return (
+    <div class={"flex flex-row justify-between divider mb-2"}>
+      <h1 className="text-sm font-bold" style={{ textTransform: 'uppercase' }}>
+        <a href={props.pageLink}>{props.pageName}</a>
+      </h1>
+      <a href={props.secondLink} className={"text-sm"}>View all</a>
+    </div>
+  )
+}
+
+export default SeparatorWithAnchor;

src/components/Separator/WithAnchor/style.css

@@ -0,0 +1,4 @@
+.divider {
+  border-bottom-width: 1px; 
+  padding-bottom: 3px;
+}

src/components/index.ts

@@ -1,5 +1,7 @@
 import Header from "./Header";
+import SeparatorWithAnchor from "./Separator/WithAnchor";
 
 export {
-  Header
+  Header,
+  SeparatorWithAnchor
 }

src/datas/home.json

@@ -0,0 +1,124 @@
+{
+  "new_places": [
+    {
+      "id": 1,
+      "name": "Warung Sate Kambing",
+      "thumbnail": "https://fatahilaharis.files.wordpress.com/2017/07/wp-1499292117215.jpeg",
+      "location": "Bandung",
+      "critic_rating": 78,
+      "critic_voters": 10,
+      "user_rating": 85,
+      "user_voters": 180
+    },
+    {
+      "id": 2,
+      "name": "Pantai Balekambang",
+      "thumbnail": "https://www.nativeindonesia.com/foto/pantai-balekambang/Lokasi-Pura-Yang-Berada-Di-Atas-Pulau-Karang.jpg",
+      "location": "Malang",
+      "critic_rating": 82,
+      "critic_voters": 14,
+      "user_rating": 90,
+      "user_voters": 250
+    },
+    {
+      "id": 3,
+      "name": "Bebek Sinjay",
+      "thumbnail": "https://i0.wp.com/harga.web.id/wp-content/uploads/bebek-sinjay-surabaya-1.jpg?resize=680%2C300&ssl=1",
+      "location": "Surabaya",
+      "critic_rating": 70,
+      "critic_voters": 8,
+      "user_rating": 92,
+      "user_voters": 320
+    },
+    {
+      "id": 4,
+      "name": "Taman Pelangi",
+      "thumbnail": "https://tempat.org/wp-content/uploads/2016/11/57488321_255018015317182_1189210435487115990_n.jpg",
+      "location": "Surabaya",
+      "critic_rating": 75,
+      "critic_voters": 6,
+      "user_rating": 82,
+      "user_voters": 135
+    },
+    {
+      "id": 5,
+      "thumbnail": "https://ak-d.tripcdn.com/images/1i61t22348mz2uz9cB9FF.jpg?proc=source/trip",
+      "name": "Ragunan Zoo",
+      "location": "Jakarta",
+      "critic_rating": 88,
+      "critic_voters": 20,
+      "user_rating": 76,
+      "user_voters": 190
+    },
+    {
+      "id": 6,
+      "name": "Sate Lilit Bali",
+      "thumbnail": "https://lh3.googleusercontent.com/p/AF1QipNX3DCZxF8MOuyptvxPGfTT4-KNw0BTEqYqeled=s680-w680-h510",
+      "location": "Denpasar",
+      "critic_rating": 83,
+      "critic_voters": 12,
+      "user_rating": 88,
+      "user_voters": 210
+    },
+    {
+      "id": 7,
+      "name": "WR. Sate Lilit Men Ari",
+      "thumbnail": "https://lh3.googleusercontent.com/p/AF1QipNp3pWP60owDXDxvK-w8RltH3zStr25iHmrWCJU=s680-w680-h510",
+      "location": "Pekalongan",
+      "critic_rating": 79,
+      "critic_voters": 11,
+      "user_rating": 87,
+      "user_voters": 260
+    },
+    {
+      "id": 8,
+      "name": "Kuntum Farmfield",
+      "thumbnail": "https://inisumedang.com/wp-content/uploads/2023/07/WhatsApp-Image-2023-06-30-at-07.17.53.jpeg",
+      "location": "Bogor",
+      "critic_rating": 68,
+      "critic_voters": 9,
+      "user_rating": 75,
+      "user_voters": 150
+    },
+    {
+      "id": 11,
+      "name": "Soto Semarang Pak joned",
+      "thumbnail": "https://lh3.googleusercontent.com/p/AF1QipNX_IMxyciGr0iusXMSkzGMx3uE266xNkRsjUVj=s680-w680-h510",
+      "location": "Semarang",
+      "critic_rating": 74,
+      "critic_voters": 7,
+      "user_rating": 81,
+      "user_voters": 170
+    },
+    {
+      "id": 7,
+      "name": "WR. Sate Lilit Men Ari",
+      "thumbnail": "https://lh3.googleusercontent.com/p/AF1QipNp3pWP60owDXDxvK-w8RltH3zStr25iHmrWCJU=s680-w680-h510",
+      "location": "Pekalongan",
+      "critic_rating": 79,
+      "critic_voters": 11,
+      "user_rating": 87,
+      "user_voters": 260
+    },
+    {
+      "id": 8,
+      "name": "Kuntum Farmfield",
+      "thumbnail": "https://inisumedang.com/wp-content/uploads/2023/07/WhatsApp-Image-2023-06-30-at-07.17.53.jpeg",
+      "location": "Bogor",
+      "critic_rating": 68,
+      "critic_voters": 9,
+      "user_rating": 75,
+      "user_voters": 150
+    },
+    {
+      "id": 11,
+      "name": "Soto Semarang Pak joned",
+      "thumbnail": "https://lh3.googleusercontent.com/p/AF1QipNX_IMxyciGr0iusXMSkzGMx3uE266xNkRsjUVj=s680-w680-h510",
+      "location": "Semarang",
+      "critic_rating": 74,
+      "critic_voters": 7,
+      "user_rating": 81,
+      "user_voters": 170
+    }
+  ]
+}

src/index.css

@@ -1,6 +1,6 @@
 @tailwind base;
-@tailwind components;
 @tailwind utilities;
+/* @tailwind component; */
 
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;

src/layouts/Default/Default.tsx

@@ -9,7 +9,9 @@ function DefaultLayout({ children }: ChildrenProps) {
   return (
     <>
       <Header />
-      {children}
+      <main>
+        {children}
+      </main>
     </>
   )
 }

src/pages/Home/index.tsx

@@ -1,15 +1,82 @@
 import preactLogo from '../../assets/preact.svg';
 import viteLogo from '/vite.svg'
-import { useState } from "preact/hooks";
+import { useEffect, useState } from "preact/hooks";
 import { DefaultLayout } from '../../layouts/';
+import { SeparatorWithAnchor } from '../../components';
+import data from '../../datas/home.json';
+import axios from 'axios';
+import './style.css';
+
+type NewPlaces = {
+  id: Number,
+  name: string,
+  thumbnail: string,
+  location: string,
+  critic_rating: Number,
+  critic_voters: Number,
+  user_rating: Number,
+  user_voters: Number
+}
 
 function Home() {
   const [count, setCount] = useState(0)
 
+  const getUrl = async () => {
+    const {data} = await axios("https://www.detik.com/sumut/wisata/d-6902796/melihat-koleksi-museum-juang-45-medan-yang-baru-diresmikan-gubsu");
+    console.log(data);
+  }
+
+  useEffect(() => {
+    getUrl();
+  }, [])
 
   return (
     <DefaultLayout>
-      <div className="content">
+      <div className="content main-content mt-3">
+        
+        {/* RECENTLY ADDED SECTION */}
+        <section about={"Recently added places"} className={'mt-3'}>
+          <SeparatorWithAnchor pageLink='#' pageName='recently added' secondLink='#' />
+          {data.new_places.map((x: NewPlaces) => (
+            <div style={{ padding: '10px 1% 15px', display: 'inline-block', margin: ' 0 0 15px', verticalAlign: 'top', width: '16.6%' }}>
+              {/* <p>{x.id}</p> */}
+              <div style={{ width: 200, height: 200, overflow: 'hidden' }}>
+                <img alt={x.name} src={x.thumbnail} style={{ width: '100%', height: '100%' }} />
+              </div>
+              <div style={{ textAlign: 'left', borderBottomWidth: 1 }}>
+                <p>{x.name}</p>
+                <p>{x.location}</p>
+              </div>
+              <div className={"flex flex-row"}>
+                <div>
+                  <p>{x.critic_rating}</p>
+                  <div style={{ height: 4, width: 40, backgroundColor: "#72767d" }}>
+                    <div style={{ height: 4, width: `${x.critic_rating}%`, backgroundColor: 'green' }} />
+                  </div>
+                </div>
+                <p>Critic Score ({x.critic_voters})</p>
+              </div>
+              <div className={"flex flex-row"}>
+                <div>
+                  <p>{x.user_rating}</p>
+                  <div style={{ height: 4, width: 40, backgroundColor: "#72767d" }}>
+                    <div style={{ height: 4, width: `${x.user_rating}%`, backgroundColor: 'green' }} />
+                  </div>
+                </div>
+                <p>User score ({x.user_voters})</p>
+              </div>
+            </div>
+          ))}
+        </section>
+        {/* END RECENTLY ADDED SECTION */}
+
+        {/* START RECENT NEWS / EVENT SECTION */}
+        <section>
+          <SeparatorWithAnchor pageLink='#' pageName='Recent News / Event' secondLink='#' />
+
+        </section>
+        {/* END RECENT NEWS / EVENT SECTION */}
+
         <div className="flex flex-row">
           <a href="https://vitejs.dev" target="_blank">
             <img src={viteLogo} class="logo" alt="Vite logo" />
@@ -30,8 +97,7 @@ function Home() {
         <p class="read-the-docs">
           Click on the Vite and Preact logos to learn more
         </p>
-
+        <h1 className="text-3xl font-bold underline text-prime" >
-        <h1 className="text-3xl font-bold underline">
           Hello world!
         </h1>
       </div>

src/pages/Home/style.css

@@ -0,0 +1,4 @@
+.main-content {
+  padding: 20px 30px;
+  text-align: left;
+}

tailwind.config.js

@@ -2,6 +2,38 @@
 export default {
   content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
   theme: {
+    colors: {
+      transparent: 'transparent',
+      current: 'currentColor',
+      primary: '#3d3d3d',
+      secondary: '#4b4b4b'
+    },
+    fontSize: {
+      xs: ['0.75rem', { lineHeight: '1rem' }],
+      sm: ['0.875rem', { lineHeight: '1.25rem' }],
+      base: ['1rem', { lineHeight: '1.5rem' }],
+      lg: ['1.125rem', { lineHeight: '1.75rem' }],
+      xl: ['1.25rem', { lineHeight: '1.75rem' }],
+      '2xl': ['1.5rem', { lineHeight: '2rem' }],
+      '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+      '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+      '5xl': ['3rem', { lineHeight: '1' }],
+      '6xl': ['3.75rem', { lineHeight: '1' }],
+      '7xl': ['4.5rem', { lineHeight: '1' }],
+      '8xl': ['6rem', { lineHeight: '1' }],
+      '9xl': ['8rem', { lineHeight: '1' }],
+    },
+    fontWeight: {
+      thin: '100',
+      extralight: '200',
+      light: '300',
+      normal: '400',
+      medium: '500',
+      semibold: '600',
+      bold: '700',
+      extrabold: '800',
+      black: '900',
+    },
     extend: {},
   },
   plugins: [],

yarn.lock

@@ -467,6 +467,11 @@ arg@^5.0.2:
   resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
   integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
 
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
 autoprefixer@^10.4.15:
   version "10.4.15"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.15.tgz#a1230f4aeb3636b89120b34a1f513e2f6834d530"
@@ -479,6 +484,22 @@ autoprefixer@^10.4.15:
     picocolors "^1.0.0"
     postcss-value-parser "^4.2.0"
 
+axios@^0.24.0:
+  version "0.24.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.24.0.tgz#804e6fa1e4b9c5288501dd9dff56a7a0940d20d6"
+  integrity sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==
+  dependencies:
+    follow-redirects "^1.14.4"
+
+axios@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.5.0.tgz#f02e4af823e2e46a9768cfc74691fdd0517ea267"
+  integrity sha512-D4DdjDo5CY50Qms0qGQTTw6Q44jl7zRwY7bthds06pUGfChBCTcQs+N743eFWGEd6pRTMd6A+I87aWyFV5wiZQ==
+  dependencies:
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
+
 babel-plugin-transform-hook-names@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/babel-plugin-transform-hook-names/-/babel-plugin-transform-hook-names-1.0.2.tgz#0d75c2d78e8bbcdb258241131562b9cf07f010f3"
@@ -494,6 +515,11 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -565,6 +591,13 @@ color-name@1.1.3:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
+
 commander@^4.0.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
@@ -580,6 +613,22 @@ convert-source-map@^1.7.0:
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
+css-select@^4.2.1:
+  version "4.3.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -592,6 +641,11 @@ debug@^4.1.0, debug@^4.3.1:
   dependencies:
     ms "2.1.2"
 
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
@@ -602,11 +656,46 @@ dlv@^1.1.3:
   resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
   integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
 
+dom-serializer@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+domelementtype@^2.0.1, domelementtype@^2.2.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
 electron-to-chromium@^1.4.477:
   version "1.4.499"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.499.tgz#dc36b67f4c8e273524e8d2080c5203a6a76987b6"
   integrity sha512-0NmjlYBLKVHva4GABWAaHuPJolnDuL0AhV3h1hES6rcLCWEIbRL6/8TghfsVwkx6TEroQVdliX7+aLysUpKvjw==
 
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
 esbuild@^0.18.10:
   version "0.18.20"
   resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.18.20.tgz#4709f5a34801b43b799ab7d6d82f7284a9b7a7a6"
@@ -675,6 +764,20 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
+follow-redirects@^1.14.4, follow-redirects@^1.15.0:
+  version "1.15.2"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
+  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
 fraction.js@^4.2.0:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.1.tgz#14b4cc886575a5684f8d5fd5759c5db376bb7bb8"
@@ -743,6 +846,19 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+he@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
+html-metadata-parser@^2.0.4:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/html-metadata-parser/-/html-metadata-parser-2.0.4.tgz#74d74f4361631d2d9f4e2221219371e0db5d343d"
+  integrity sha512-pBjST/bbe3nuy/fNmvyY4G+ypukQ/QHiGc+YnS4up2OVnT4vI0CZA4x2J0Ri77sQkQGH2IMAAug0fE78FfDrLw==
+  dependencies:
+    axios "^0.24.0"
+    node-html-parser "^5.2.0"
+
 inflight@^1.0.4:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
@@ -842,6 +958,18 @@ micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
+mime-db@1.52.0:
+  version "1.52.0"
+  resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+  version "2.1.35"
+  resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+  dependencies:
+    mime-db "1.52.0"
+
 minimatch@^3.0.4:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
@@ -868,6 +996,14 @@ nanoid@^3.3.6:
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
 
+node-html-parser@^5.2.0:
+  version "5.4.2"
+  resolved "https://registry.yarnpkg.com/node-html-parser/-/node-html-parser-5.4.2.tgz#93e004038c17af80226c942336990a0eaed8136a"
+  integrity sha512-RaBPP3+51hPne/OolXxcz89iYvQvKOydaqoePpOgXcrOKZhjVIzmpKZz+Hd/RBO2/zN2q6CNJhQzucVz+u3Jyw==
+  dependencies:
+    css-select "^4.2.1"
+    he "1.2.0"
+
 node-releases@^2.0.13:
   version "2.0.13"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
@@ -883,6 +1019,13 @@ normalize-range@^0.1.2:
   resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
   integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
 
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
 object-assign@^4.0.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
@@ -988,6 +1131,11 @@ preact@^10.16.0:
   resolved "https://registry.yarnpkg.com/preact/-/preact-10.17.1.tgz#0a1b3c658c019e759326b9648c62912cf5c2dde1"
   integrity sha512-X9BODrvQ4Ekwv9GURm9AKAGaomqXmip7NQTZgY7gcNmr7XE83adOMJvd3N42id1tMFU7ojiynRsYnY6/BRFxLA==
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"