From 46951b6c7738267eed10dd34cbeb2e79526c8165 Mon Sep 17 00:00:00 2001
From: sohamsingh29 <sohamsingh29@gmail.com>
Date: Sun, 18 Jul 2021 21:16:14 +0530
Subject: [PATCH] iframe added,back to gogo anime

---
 components/card/Card.js               |   2 +-
 components/card/Container.js          |   1 +
 components/sidebar/search.js          |  48 +++++------
 components/watch/watchingContainer.js | 110 +++++++++++++++-----------
 package-lock.json                     |   4 +
 public/sw.js.map                      |   2 +-
 yarn.lock                             |   8 ++
 7 files changed, 103 insertions(+), 72 deletions(-)

diff --git a/components/card/Card.js b/components/card/Card.js
index 41f21dd..51182f8 100644
--- a/components/card/Card.js
+++ b/components/card/Card.js
@@ -74,7 +74,7 @@ const Card = ({ title, id, heading, image, episodenumber }) => {
       >
         <MovieImg
           className="w-full object-cover rounded-xl h-60 xl:h-96 md:h-72 lg:h-80"
-          src={image?.includes("4anime.to") ? image : "/nothing.svg"}
+          src={image}
           loading="lazy"
           alt={title}
         />
diff --git a/components/card/Container.js b/components/card/Container.js
index b47d041..5cd48ce 100644
--- a/components/card/Container.js
+++ b/components/card/Container.js
@@ -4,6 +4,7 @@ import PagiNation from "../PagiNation";
 import Loader from "../Loader/Loader";
 function Container({ Data = [], heading, page, Icon }) {
   const { theme, loading } = useSelector((state) => state);
+  console.log(Data);
   return loading ? (
     <Loader />
   ) : Data.length > 0 ? (
diff --git a/components/sidebar/search.js b/components/sidebar/search.js
index 2bf1b12..bd2b49a 100644
--- a/components/sidebar/search.js
+++ b/components/sidebar/search.js
@@ -10,7 +10,7 @@ import { useRouter } from "next/router";
 const Search = () => {
   const router = useRouter();
   const [val, setVal] = useState("");
-  // const [content, setContent] = useState([]);
+  const [content, setContent] = useState([]);
   useEffect(() => {
     var SearchBar = document.getElementById("search");
     var SearchInput = document.getElementById("searchinput");
@@ -20,33 +20,33 @@ const Search = () => {
       if (!isClickInside) {
         SearchInput.style.maxWidth = 0;
         SearchInput.style.marginLeft = 0;
-        // setContent([]);
+        setContent([]);
         setVal("");
       }
     });
   }, []);
   const handleSearch = async (e) => {
     setVal(e.target.value);
-    // let d = await axios.get(
-    //   "https://ajax.gogocdn.net/site/loadAjaxSearch?keyword=" + val
-    // );
-    // d = d.data.content.replaceAll("category/", "/details/");
-    // var myList = [];
-    // var $ = cheerio.load(d);
-    // $("a").each(function (index, element) {
-    //   let result = {};
-    //   let title = $(this).text();
-    //   let link = $(this).attr().href;
-    //   let image = $(this)
-    //     .children("div")
-    //     .attr()
-    //     .style.slice(15)
-    //     .replace(/[("")]/g, "");
-    //   result = { title, link, image };
-    //   myList.push(result);
-    // });
+    let d = await axios.get(
+      "https://ajax.gogocdn.net/site/loadAjaxSearch?keyword=" + val
+    );
+    d = d.data.content.replaceAll("category/", "/details/");
+    var myList = [];
+    var $ = cheerio.load(d);
+    $("a").each(function (index, element) {
+      let result = {};
+      let title = $(this).text();
+      let link = $(this).attr().href;
+      let image = $(this)
+        .children("div")
+        .attr()
+        .style.slice(15)
+        .replace(/[("")]/g, "");
+      result = { title, link, image };
+      myList.push(result);
+    });
 
-    // setContent(myList);
+    setContent(myList);
   };
   const handleClick = () => {
     var SearchBar = document.getElementById("search");
@@ -59,7 +59,7 @@ const Search = () => {
   const handleSubmit = (e) => {
     e.preventDefault();
     router.push(`/search/${val}/1`);
-    // setContent([]);
+    setContent([]);
     setVal("");
   };
   const theme = useSelector((state) => state.theme);
@@ -79,7 +79,7 @@ const Search = () => {
           placeholder="Search for anime..."
           id="searchinput"
         />
-        {/* {content.length > 0 && (
+        {content.length > 0 && (
           <div
             className={` autocomplete absolute left-0 px-1 py-0 top-11 shadow-2xl transition-all duration-200 rounded-xl ${theme.button.text} w-full ${theme.button.background}`}
           >
@@ -101,7 +101,7 @@ const Search = () => {
               </Link>
             ))}
           </div>
-        )} */}
+        )}
       </div>
     </form>
   );
diff --git a/components/watch/watchingContainer.js b/components/watch/watchingContainer.js
index c83c1db..2b51f85 100644
--- a/components/watch/watchingContainer.js
+++ b/components/watch/watchingContainer.js
@@ -53,6 +53,7 @@ const WatchingContainer = ({ data = [], slug }) => {
   const { theme, loading, resumeId } = useSelector((state) => state);
   const [link, setLink] = useState("");
   const [myList, setMyList] = useState([]);
+  const [iframe, setIframe] = useState(false);
   const dispatch = useDispatch();
   useEffect(() => {
     if (data.links?.length > 0) {
@@ -75,6 +76,9 @@ const WatchingContainer = ({ data = [], slug }) => {
           })
         );
       }, 5000);
+    } else {
+      setLink(data.link);
+      setIframe(true);
     }
     return () => clearInterval(myInterval);
   }, [data.links]);
@@ -108,57 +112,71 @@ const WatchingContainer = ({ data = [], slug }) => {
           >
             {"Ep:" + slug[1]}
           </span>
-          <Select
-            name="Select links"
-            onChange={(event) => {
-              setLink(event.target.value);
-            }}
-            button={theme.button}
-            className={`h-11 cursor-pointer outline-none border ${theme.border.selected} rounded-full ${theme.button.background} border ${theme.button.text} ${theme.button.border} shadow-2xl transition-all duration-500`}
-            value={link}
-            theme={theme}
-          >
-            {myList.map((item, index) => {
-              return (
-                <option
-                  key={index}
-                  className={`${theme.text.notselected} ${theme.border.selected} border outline-none`}
-                  value={item.src}
-                >
-                  {item.size.replace(/[()]/g, "")}
-                </option>
-              );
-            })}
-          </Select>
+          {!iframe && (
+            <Select
+              name="Select links"
+              onChange={(event) => {
+                setLink(event.target.value);
+              }}
+              button={theme.button}
+              className={`h-11 cursor-pointer outline-none border ${theme.border.selected} rounded-full ${theme.button.background} border ${theme.button.text} ${theme.button.border} shadow-2xl transition-all duration-500`}
+              value={link}
+              theme={theme}
+            >
+              {myList.map((item, index) => {
+                return (
+                  <option
+                    key={index}
+                    className={`${theme.text.notselected} ${theme.border.selected} border outline-none`}
+                    value={item.src}
+                  >
+                    {item.size.replace(/[()]/g, "")}
+                  </option>
+                );
+              })}
+            </Select>
+          )}
         </div>
       </div>
       <div className="flex w-full justify-center items-center flex-col-reverse lg:flex-row">
-        <div
-          className={`flex flex-row lg:flex-col text-lg lg:mx-4 justify-center font-semibold items-center ${theme.text.selected}`}
-        >
-          Speed
-          {Data.map((Item) => (
-            <PlayBack
-              button={theme.detailsButton}
-              key={Item.id}
-              className={`shadow-2xl transition-all duration-500 my-4 lg:my-1 mx-2 p-1 flex justify-center items-center w-10 h-10 rounded-full cursor-pointer text-sm`}
-              onClick={() => handleClick(Item.rate)}
-              active={Myref.current?.playbackRate == Item.rate}
+        {iframe ? (
+          <iframe
+            src={link}
+            className=" max-w-full lg:max-w-screen-lg"
+            sandbox
+            width={1024}
+            height={576}
+          />
+        ) : (
+          <>
+            <div
+              className={`flex flex-row lg:flex-col text-lg lg:mx-4 justify-center font-semibold items-center ${theme.text.selected}`}
             >
-              {Item.rate}
-            </PlayBack>
-          ))}
-        </div>
+              Speed
+              {Data.map((Item) => (
+                <PlayBack
+                  button={theme.detailsButton}
+                  key={Item.id}
+                  className={`shadow-2xl transition-all duration-500 my-4 lg:my-1 mx-2 p-1 flex justify-center items-center w-10 h-10 rounded-full cursor-pointer text-sm`}
+                  onClick={() => handleClick(Item.rate)}
+                  active={Myref.current?.playbackRate == Item.rate}
+                >
+                  {Item.rate}
+                </PlayBack>
+              ))}
+            </div>
 
-        <video
-          src={link}
-          width="1024"
-          autoPlay
-          height="576"
-          controls
-          ref={Myref}
-          style={{ boxShadow: " 0rem 2rem 5rem rgba(0, 0, 0, 0.2)" }}
-        ></video>
+            <video
+              src={link}
+              width="1024"
+              autoPlay
+              height="576"
+              controls
+              ref={Myref}
+              style={{ boxShadow: " 0rem 2rem 5rem rgba(0, 0, 0, 0.2)" }}
+            />
+          </>
+        )}
       </div>
       <PagiNation
         page={[slug[0], slug[1]]}
diff --git a/package-lock.json b/package-lock.json
index 3278851..371f98a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2725,6 +2725,7 @@
       "dependencies": {
         "anymatch": "~3.1.1",
         "braces": "~3.0.2",
+        "fsevents": "~2.3.1",
         "glob-parent": "~5.1.0",
         "is-binary-path": "~2.1.0",
         "is-glob": "~4.0.1",
@@ -6999,6 +7000,9 @@
       "version": "2.45.1",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.45.1.tgz",
       "integrity": "sha512-vPD+JoDj3CY8k6m1bLcAFttXMe78P4CMxoau0iLVS60+S9kLsv2379xaGy4NgYWu+h2WTlucpoLPAoUoixFBag==",
+      "dependencies": {
+        "fsevents": "~2.3.1"
+      },
       "bin": {
         "rollup": "dist/bin/rollup"
       },
diff --git a/public/sw.js.map b/public/sw.js.map
index 7f5fc48..b09e134 100644
--- a/public/sw.js.map
+++ b/public/sw.js.map
@@ -1 +1 @@
-{"version":3,"file":"sw.js","sources":["../../../../tmp/adc303d3a01da882d03c77ca50f15bce/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/gaurav/Documents/animexninja/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkFirst as workbox_strategies_NetworkFirst} from '/home/gaurav/Documents/animexninja/node_modules/workbox-strategies/NetworkFirst.mjs';\nimport {NetworkOnly as workbox_strategies_NetworkOnly} from '/home/gaurav/Documents/animexninja/node_modules/workbox-strategies/NetworkOnly.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/home/gaurav/Documents/animexninja/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(\"/\", new workbox_strategies_NetworkFirst({ \"cacheName\":\"start-url\", plugins: [{ cacheWillUpdate: async ({request, response, event, state}) => { if (response && response.type === 'opaqueredirect') { return new Response(response.body, {status: 200, statusText: 'OK', headers: response.headers}); } return response; } }] }), 'GET');\nworkbox_routing_registerRoute(/.*/i, new workbox_strategies_NetworkOnly({ \"cacheName\":\"dev\", plugins: [] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_routing_registerRoute","workbox_strategies_NetworkFirst","plugins","cacheWillUpdate","request","response","event","state","type","Response","body","status","statusText","headers","workbox_strategies_NetworkOnly"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGwI;EACxI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAGAA,aAAa;EAUbC,IAAI,CAACC,WAAL;AAEAC,sBAAyB;AAIzBC,uBAA6B,CAAC,GAAD,EAAM,IAAIC,oBAAJ,CAAoC;EAAE,eAAY,WAAd;EAA2BC,EAAAA,OAAO,EAAE,CAAC;EAAEC,IAAAA,eAAe,EAAE,OAAO;EAACC,MAAAA,OAAD;EAAUC,MAAAA,QAAV;EAAoBC,MAAAA,KAApB;EAA2BC,MAAAA;EAA3B,KAAP,KAA6C;EAAE,UAAIF,QAAQ,IAAIA,QAAQ,CAACG,IAAT,KAAkB,gBAAlC,EAAoD;EAAE,eAAO,IAAIC,QAAJ,CAAaJ,QAAQ,CAACK,IAAtB,EAA4B;EAACC,UAAAA,MAAM,EAAE,GAAT;EAAcC,UAAAA,UAAU,EAAE,IAA1B;EAAgCC,UAAAA,OAAO,EAAER,QAAQ,CAACQ;EAAlD,SAA5B,CAAP;EAAiG;;EAAC,aAAOR,QAAP;EAAkB;EAA5O,GAAD;EAApC,CAApC,CAAN,EAAmU,KAAnU,CAA7B;AACAL,uBAA6B,CAAC,KAAD,EAAQ,IAAIc,mBAAJ,CAAmC;EAAE,eAAY,KAAd;EAAqBZ,EAAAA,OAAO,EAAE;EAA9B,CAAnC,CAAR,EAAgF,KAAhF,CAA7B;;"}
\ No newline at end of file
+{"version":3,"file":"sw.js","sources":["../../../../tmp/3f5cde5f885c3e83e3338e2a3919d222/sw.js"],"sourcesContent":["import {registerRoute as workbox_routing_registerRoute} from '/home/soham/github/animexninja/node_modules/workbox-routing/registerRoute.mjs';\nimport {NetworkFirst as workbox_strategies_NetworkFirst} from '/home/soham/github/animexninja/node_modules/workbox-strategies/NetworkFirst.mjs';\nimport {NetworkOnly as workbox_strategies_NetworkOnly} from '/home/soham/github/animexninja/node_modules/workbox-strategies/NetworkOnly.mjs';\nimport {clientsClaim as workbox_core_clientsClaim} from '/home/soham/github/animexninja/node_modules/workbox-core/clientsClaim.mjs';/**\n * Welcome to your Workbox-powered service worker!\n *\n * You'll need to register this file in your web app.\n * See https://goo.gl/nhQhGp\n *\n * The rest of the code is auto-generated. Please don't update this file\n * directly; instead, make changes to your Workbox build configuration\n * and re-run your build process.\n * See https://goo.gl/2aRDsh\n */\n\n\nimportScripts(\n  \n);\n\n\n\n\n\n\n\nself.skipWaiting();\n\nworkbox_core_clientsClaim();\n\n\n\nworkbox_routing_registerRoute(\"/\", new workbox_strategies_NetworkFirst({ \"cacheName\":\"start-url\", plugins: [{ cacheWillUpdate: async ({request, response, event, state}) => { if (response && response.type === 'opaqueredirect') { return new Response(response.body, {status: 200, statusText: 'OK', headers: response.headers}); } return response; } }] }), 'GET');\nworkbox_routing_registerRoute(/.*/i, new workbox_strategies_NetworkOnly({ \"cacheName\":\"dev\", plugins: [] }), 'GET');\n\n\n\n\n"],"names":["importScripts","self","skipWaiting","workbox_core_clientsClaim","workbox_routing_registerRoute","workbox_strategies_NetworkFirst","plugins","cacheWillUpdate","request","response","event","state","type","Response","body","status","statusText","headers","workbox_strategies_NetworkOnly"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGoI;EACpI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAGAA,aAAa;EAUbC,IAAI,CAACC,WAAL;AAEAC,sBAAyB;AAIzBC,uBAA6B,CAAC,GAAD,EAAM,IAAIC,oBAAJ,CAAoC;EAAE,eAAY,WAAd;EAA2BC,EAAAA,OAAO,EAAE,CAAC;EAAEC,IAAAA,eAAe,EAAE,OAAO;EAACC,MAAAA,OAAD;EAAUC,MAAAA,QAAV;EAAoBC,MAAAA,KAApB;EAA2BC,MAAAA;EAA3B,KAAP,KAA6C;EAAE,UAAIF,QAAQ,IAAIA,QAAQ,CAACG,IAAT,KAAkB,gBAAlC,EAAoD;EAAE,eAAO,IAAIC,QAAJ,CAAaJ,QAAQ,CAACK,IAAtB,EAA4B;EAACC,UAAAA,MAAM,EAAE,GAAT;EAAcC,UAAAA,UAAU,EAAE,IAA1B;EAAgCC,UAAAA,OAAO,EAAER,QAAQ,CAACQ;EAAlD,SAA5B,CAAP;EAAiG;;EAAC,aAAOR,QAAP;EAAkB;EAA5O,GAAD;EAApC,CAApC,CAAN,EAAmU,KAAnU,CAA7B;AACAL,uBAA6B,CAAC,KAAD,EAAQ,IAAIc,mBAAJ,CAAmC;EAAE,eAAY,KAAd;EAAqBZ,EAAAA,OAAO,EAAE;EAA9B,CAAnC,CAAR,EAAgF,KAAhF,CAA7B;;"}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index be19206..a3c28a4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2002,6 +2002,7 @@
   dependencies:
     "anymatch" "~3.1.1"
     "braces" "~3.0.2"
+    "fsevents" "~2.3.1"
     "glob-parent" "~5.1.0"
     "is-binary-path" "~2.1.0"
     "is-glob" "~4.0.1"
@@ -2799,6 +2800,11 @@
   "resolved" "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   "version" "1.0.0"
 
+"fsevents@~2.3.1":
+  "integrity" "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA=="
+  "resolved" "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
+  "version" "2.3.2"
+
 "function-bind@^1.1.1":
   "integrity" "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
   "resolved" "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -4705,6 +4711,8 @@
   "integrity" "sha512-vPD+JoDj3CY8k6m1bLcAFttXMe78P4CMxoau0iLVS60+S9kLsv2379xaGy4NgYWu+h2WTlucpoLPAoUoixFBag=="
   "resolved" "https://registry.npmjs.org/rollup/-/rollup-2.45.1.tgz"
   "version" "2.45.1"
+  dependencies:
+    "fsevents" "~2.3.1"
   optionalDependencies:
     "fsevents" "~2.3.1"