Skip to content

100k items loadtest #142

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jachin wants to merge 4 commits into
base: master
Choose a base branch
from
Open

100k items loadtest #142

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
868410c
Adding a demo dropdown with 100k items for load testing
tayjohno Oct 6, 2025
2a4c642
Revert "Merge remote-tracking branch 'drip/master'"
jachin Nov 12, 2025
d30b8f5
Merge branch 'master' into 100k-items-loadtest
jachin Nov 12, 2025
64b7b8a
Let's try to make the example options more interesting
jachin Nov 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 0 additions & 6 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,9 +55,3 @@ firebase-debug.log

# Cypress videos
cypress/videos/

# Soupault Cache
.soupault-cache/

# Local Claude settings
.claude/settings.local.json
63 changes: 36 additions & 27 deletions devbox.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,39 @@
{
"$schema": "https://raw.githubusercontent.com/jetify-com/devbox/0.10.7/.schema/devbox.schema.json",
"packages": [
"[email protected]",
"[email protected]",
"[email protected]",
"[email protected]",
"python311",
"python311Packages.setuptools",
"python311Packages.distutils-extra",
"gcc",
"gnumake",
"soupault"
],
"env": {
"DEVBOX_COREPACK_ENABLED": "true",
"PYTHON": "$DEVBOX_PACKAGES_DIR/bin/python3.11",
"npm_config_python": "$DEVBOX_PACKAGES_DIR/bin/python3.11"
},
"shell": {
"scripts": {
"init": "npm install && npx elm-tooling install",
"install": "npm install",
"watch": "npm run watch",
"test": "npm run test",
"release": "npm run release",
"format": "npx elm-format src/"
}
"$schema": "https://raw.githubusercontent.com/jetify-com/devbox/0.16.0/.schema/devbox.schema.json",
"packages": [
"nodejs@latest",
"soupault@latest",
"firebase-tools@latest",
"npm-check-updates@latest",
"elmPackages.elm-json@latest",
"watchexec@latest",
"elmPackages.elm-review@latest"
],
"shell": {
"init_hook": ["echo 'Welcome to devbox!' > /dev/null"],
"scripts": {
"start": ["npm start"],
"test": ["npm test"],
"web-test-runner": "npm run web-test-runner",
"web-test-runner-with-coverage": [
"npm run web-test-runner-with-coverage"
],
"build": ["./scripts/build.sh"],
"build-site": ["./scripts/build-site.sh"],
"build-and-test": [
"npm run build",
"npm run test",
"npm run web-test-runner"
],
"serve": "scripts/serve-site.sh",
"deploy-site": "npm run build && npm run build-site && firebase deploy",
"lint": "eslint; eslint tests",
"format": "elm-format",
"review": "npx elm-review",
"check-npm-packages": ["ncu"],
"check-elm-packages": ["elm-json upgrade"],
"elm-tooling-install": ["npx elm-tooling install"],
"npm-install": ["npm install"]
}
}
}
100,007 changes: 100,007 additions & 0 deletions examples/hundred-thousand-options.html
View file
Open in desktop

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@getdrip/much-select-elm",
"version": "0.18.4",
"version": "0.18.3",
"description": "A fancy selector web component written (mostly) in elm.",
"type": "module",
"module": "dist/much-select.js",
Expand Down
6 changes: 6 additions & 0 deletions site/dropdown-options.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,12 @@ <h3>Demo and Development Playground</h3>
<div id="ten-thousand-options"></div>
<a href="/ten-thousand-options">open example on its own page</a>
</div>

<div class="example">
<h3>100,000 Options</h3>
<p>This example is huge, so its on its own page. It also will not load if debug mode is on in Elm.</p>
<a href="/hundred-thousand-options">open example on its own page</a>
</div>
</div>

<footer></footer>
Expand Down
42 changes: 42 additions & 0 deletions site/hundred-thousand-options.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<!--suppress HtmlFormInputWithoutLabel -->
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title></title>
</head>

<body>

<div id="theme-radio-buttons"></div>

<div id="page-wrapper">

<header id="header">
<div id="site-title">
<h1>&lt;much-select&gt;</h1>
</div>
<div id="page-name">
<h2>100,000 Options</h2>
</div>
<div id="sub-title">
<h3>Demo and Development Playground</h3>
</div>
</header>

<div id="nav"></div>

<div class="container">
<div class="example">
<div id="hundred-thousand-options"></div>
</div>
</div>

<footer></footer>

</div>

</body>
</html>
5 changes: 5 additions & 0 deletions soupault.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -571,6 +571,11 @@ widget = "include"
file = "examples/ten-thousand-options.html"
selector = ".example #ten-thousand-options"

[widgets.hundred-thousand-options]
widget = "include"
file = "examples/hundred-thousand-options.html"
selector = ".example #hundred-thousand-options"

[widgets.update-options-add-options-to-a-much-select]
widget = "include"
file = "examples/update-options-add-options-to-a-much-select.html"
Expand Down