azalea/MeowIndex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[O] Use my own fork of solid-infinite-scroll

Browse Source
This commit is contained in:
Azalea Gui
2023-02-16 18:17:24 -05:00
parent bdf3568800
commit 18f7d643a3
3 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+1 -1
View File
@@ -21,7 +21,7 @@
"mime": "^3.0.0", "mime": "^3.0.0",
"moment": "^2.29.4", "moment": "^2.29.4",
"sass": "^1.58.0", "sass": "^1.58.0",
"solid-infinite-scroll": "^0.0.1-beta", "solid-infinite-scroll-fork": "^1.0.0",
"solid-js": "^1.6.10", "solid-js": "^1.6.10",
"string-similarity": "^4.0.4", "string-similarity": "^4.0.4",
"tippy.js": "^6.3.7", "tippy.js": "^6.3.7",
src/App.tsx
+5 -2
View File
@@ -11,7 +11,7 @@ import './app.sass';
import { Icon } from '@iconify-icon/solid'; import { Icon } from '@iconify-icon/solid';
import { clamp, sizeFmt } from './utils'; import { clamp, sizeFmt } from './utils';
import InfiniteScroll from 'solid-infinite-scroll'; import InfiniteScroll from 'solid-infinite-scroll-fork';
interface File { interface File {
name: string name: string
@@ -81,6 +81,9 @@ export default function App() {
} }
window.addEventListener("keydown", searchActivate) window.addEventListener("keydown", searchActivate)
const filteredApi = () => api()?.filter(it => search() ? it.name.toLowerCase().includes(search().toLowerCase()) : true)
.slice(0, scrollIndex())
// Handle wheel for breadcrumb // Handle wheel for breadcrumb
let bcMax: number let bcMax: number
const [bcLeft, setBcLeft] = createSignal(0) const [bcLeft, setBcLeft] = createSignal(0)
@@ -143,7 +146,7 @@ export default function App() {
<div class="flex flex-col gap-1"> <div class="flex flex-col gap-1">
{/* For each file */} {/* For each file */}
<InfiniteScroll each={api()?.filter(it => search() ? it.name.includes(search()) : true).slice(0, scrollIndex())} <InfiniteScroll each={filteredApi()}
loadingMessage={<></>} loadingMessage={<></>}
hasMore={scrollIndex() < api()?.length} next={scrollNext}>{(f, i) => hasMore={scrollIndex() < api()?.length} next={scrollNext}>{(f, i) =>
<a class="w-full flex gap-4 transition-all duration-300 bg-dark-800 hover:bg-dark-300 hover:duration-0 rounded-xl p-2 items-center" <a class="w-full flex gap-4 transition-all duration-300 bg-dark-800 hover:bg-dark-300 hover:duration-0 rounded-xl p-2 items-center"
yarn.lock
+4 -4
View File
@@ -946,10 +946,10 @@ semver@^6.3.0:
resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d" resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw== integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
solid-infinite-scroll@^0.0.1-beta: solid-infinite-scroll-fork@^1.0.0:
version "0.0.1-beta" version "1.0.0"
resolved "https://registry.yarnpkg.com/solid-infinite-scroll/-/solid-infinite-scroll-0.0.1-beta.tgz#d8258ab8937cba4e430d9d1eee650b1e83e019b5" resolved "https://registry.yarnpkg.com/solid-infinite-scroll-fork/-/solid-infinite-scroll-fork-1.0.0.tgz#0c089b3263ff71fd127351c6f8e93da32fdfc18d"
integrity sha512-Ck9CZukwgq4MT6n7s+6auJ8CSaeMgRypZYT91YmsW7ffPSMdqHXN8u3K3iL3Ah9coXicfBolX0RIjv+MyM2Gwg== integrity sha512-k+bcUImeXJuBxQ4t/41b2TV3wwqc85fh5LSE3E/i+CF4BS1g+Dwrrb/753HLZ+yPHXCERMRTd0EnvKGr8kMeOg==
dependencies: dependencies:
solid-js "^1.4.7" solid-js "^1.4.7"