{"payload":{"allShortcutsEnabled":false,"fileTree":{"pages":{"items":[{"name":"api","path":"pages/api","contentType":"directory"},{"name":"Shuffle.tsx","path":"pages/Shuffle.tsx","contentType":"file"},{"name":"_app.tsx","path":"pages/_app.tsx","contentType":"file"},{"name":"auto-shuffle.tsx","path":"pages/auto-shuffle.tsx","contentType":"file"},{"name":"in-out-pic.tsx","path":"pages/in-out-pic.tsx","contentType":"file"},{"name":"in-out.tsx","path":"pages/in-out.tsx","contentType":"file"},{"name":"index.tsx","path":"pages/index.tsx","contentType":"file"},{"name":"logo.tsx","path":"pages/logo.tsx","contentType":"file"},{"name":"magic-nav.tsx","path":"pages/magic-nav.tsx","contentType":"file"},{"name":"shared-layout.tsx","path":"pages/shared-layout.tsx","contentType":"file"},{"name":"styles.css","path":"pages/styles.css","contentType":"file"},{"name":"withtext.tsx","path":"pages/withtext.tsx","contentType":"file"}],"totalCount":12},"":{"items":[{"name":"pages","path":"pages","contentType":"directory"},{"name":"public","path":"public","contentType":"directory"},{"name":".gitignore","path":".gitignore","contentType":"file"},{"name":"README.md","path":"README.md","contentType":"file"},{"name":"next-env.d.ts","path":"next-env.d.ts","contentType":"file"},{"name":"package.json","path":"package.json","contentType":"file"},{"name":"postcss.config.js","path":"postcss.config.js","contentType":"file"},{"name":"tailwind.config.js","path":"tailwind.config.js","contentType":"file"},{"name":"tsconfig.json","path":"tsconfig.json","contentType":"file"},{"name":"yarn.lock","path":"yarn.lock","contentType":"file"}],"totalCount":10}},"fileTreeProcessingTime":12.557133,"foldersToFetch":[],"repo":{"id":262323310,"defaultBranch":"master","name":"react-easy-flip-demo","ownerLogin":"jlkiri","currentUserCanPush":false,"isFork":false,"isEmpty":false,"createdAt":"2020-05-08T12:54:42.000Z","ownerAvatar":"https://avatars.githubusercontent.com/u/38713361?v=4","public":true,"private":false,"isOrgOwned":false},"symbolsExpanded":false,"treeExpanded":true,"refInfo":{"name":"master","listCacheKey":"v0:1672985044.082946","canEdit":false,"refType":"branch","currentOid":"3dad99c15051192304f8459f5e2945a9aa828949"},"path":"pages/auto-shuffle.tsx","currentUser":null,"blob":{"rawLines":["import * as React from \"react\";","import Head from \"next/head\";","import { useFlip, FlipProvider } from \"react-easy-flip\";","","const shuffle = function shuffle(array: any[]) {"," for (let i = array.length - 1; i > 0; i--) {"," let j = Math.floor(Math.random() * (i + 1));"," [array[i], array[j]] = [array[j], array[i]];"," }"," return array;","};","","const _items = Array(9)"," .fill(0)"," .map((_, i) => {"," return {"," id: `id${i}`,"," done: i === 0 || i === 1,"," nid: i + 1,"," };"," });","","const commonClass = `w-32 h-32 m-2 rounded-lg inline-block`;","","const _components = [","
,"," ,"," ,"," ,","];","","function AutoShuffleApp() {"," const [components, setComponents] = React.useState(_components);",""," const todoItemsId = \"flip-todo-items\";",""," useFlip(todoItemsId, {"," duration: 800,"," });",""," React.useEffect(() => {"," setInterval(() => {"," setComponents(shuffle([..._components]));"," }, 1000);"," }, []);",""," return (","