Skip to content

Commit 0a2f61e

Browse files
author
Alex Lohr
committed
demo pages (to be served on gh)
1 parent 9bfab51 commit 0a2f61e

File tree

102 files changed

+190
-88
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

102 files changed

+190
-88
lines changed

‎.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -169,3 +169,6 @@ tsup.config.bundled*.mjs
169169
# vite
170170
vite.config.ts.js
171171
configs/vitest.config.ts.timestamp-*.mjs
172+
173+
# demo pages
174+
pages

‎configs/vite.config.ts

+2
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,8 @@ export const viteConfig = defineConfig({
2828
build: {
2929
target: "esnext"
3030
},
31+
// required to serve from a sub-path (github pages):
32+
base: "./",
3133
define: {
3234
"process.env": {
3335
NODE_ENV: "development",

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"build": "cross-env CI=true turbo run build",
1717
"test": "cross-env CI=true vitest -c ./configs/vitest.config.ts",
1818
"test:ssr": "pnpm run test --mode ssr",
19+
"pages": "cross-env CI=true turbo run page; jiti ./scripts/collectPages.ts",
1920
"new-package": "jiti ./scripts/new-package.ts",
2021
"update-readme": "jiti ./scripts/update-readme.ts",
2122
"update-deps": "taze -w -r && pnpm i",

‎packages/active-element/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,6 @@
2424
<body>
2525
<div id="root"></div>
2626

27-
<script src="./index.tsx" type="module"></script>
27+
<script src="/index.tsx" type="module"></script>
2828
</body>
2929
</html>

‎packages/active-element/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,7 @@
5454
"scripts": {
5555
"start": "vite serve dev --host",
5656
"dev": "vite serve dev",
57+
"page": "vite build dev",
5758
"build": "jiti ../../scripts/build.ts --ssr",
5859
"test": "vitest -c ../../configs/vitest.config.ts",
5960
"test:ssr": "pnpm run test --mode ssr"

‎packages/audio/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,6 @@
2424
<body>
2525
<div id="root"></div>
2626

27-
<script src="./index.tsx" type="module"></script>
27+
<script src="/index.tsx" type="module"></script>
2828
</body>
2929
</html>

‎packages/audio/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,7 @@
5555
"scripts": {
5656
"start": "vite serve dev",
5757
"dev": "vite serve dev",
58+
"page": "vite build dev",
5859
"build": "jiti ../../scripts/build.ts --ssr",
5960
"test": "vitest -c ../../configs/vitest.config.ts",
6061
"test:ssr": "pnpm run test --mode ssr"

‎packages/bounds/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/bounds/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@
6363
},
6464
"scripts": {
6565
"dev": "vite serve dev",
66+
"page": "vite build dev",
6667
"build": "jiti ../../scripts/build.ts --ssr",
6768
"test": "vitest -c ../../configs/vitest.config.ts",
6869
"test:ssr": "pnpm run test --mode ssr"

‎packages/broadcast-channel/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/broadcast-channel/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,7 @@
6262
},
6363
"scripts": {
6464
"dev": "vite serve dev",
65+
"page": "vite build dev",
6566
"build": "jiti ../../scripts/build.ts --ssr",
6667
"test": "vitest -c ../../configs/vitest.config.ts",
6768
"test:ssr": "pnpm run test --mode ssr"

‎packages/clipboard/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,6 @@
2323
<noscript>You need to enable JavaScript to run this app.</noscript>
2424
<div id="root"></div>
2525

26-
<script src="./index.tsx" type="module"></script>
26+
<script src="/index.tsx" type="module"></script>
2727
</body>
2828
</html>

‎packages/clipboard/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@
6363
"scripts": {
6464
"start": "vite serve dev",
6565
"dev": "vite serve dev",
66+
"page": "vite build dev",
6667
"build": "jiti ../../scripts/build.ts --ssr --dev",
6768
"test": "vitest -c ../../configs/vitest.config.ts",
6869
"test:ssr": "pnpm run test --mode ssr"

‎packages/connectivity/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,6 @@
2525
<noscript>You need to enable JavaScript to run this app.</noscript>
2626
<div id="root"></div>
2727

28-
<script src="./index.tsx" type="module"></script>
28+
<script src="/index.tsx" type="module"></script>
2929
</body>
3030
</html>

‎packages/connectivity/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,7 @@
5555
},
5656
"scripts": {
5757
"dev": "vite serve dev",
58+
"page": "vite build dev",
5859
"build": "jiti ../../scripts/build.ts --ssr",
5960
"test": "vitest -c ../../configs/vitest.config.ts",
6061
"test:ssr": "pnpm run test --mode ssr"

‎packages/context/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/context/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@
4040
},
4141
"scripts": {
4242
"dev": "vite serve dev",
43+
"page": "vite build dev",
4344
"build": "jiti ../../scripts/build.ts",
4445
"test": "vitest -c ../../configs/vitest.config.ts",
4546
"test:ssr": "pnpm run test --mode ssr"

‎packages/controlled-props/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/controlled-props/dev/index.tsx

+16-34
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,25 @@
11
import { Component, createSignal, JSX } from "solid-js";
22
import { render } from "solid-js/web";
33
import "uno.css";
4-
import { combineProps } from "../src";
5-
6-
const Button: Component<JSX.IntrinsicElements["button"]> = props => {
7-
const combined = combineProps(props, {
8-
style: {
9-
"border-color": "#e06767",
10-
"border-style": "solid",
11-
"border-radius": "8px"
12-
},
13-
class: "text-white",
14-
onClick: () => {
15-
console.log("Click is handled here too!");
16-
}
17-
});
18-
19-
return <button {...combined}>{props.children}</button>;
20-
};
4+
import { createControlledProps } from "../src";
215

226
const App: Component = () => {
23-
const [count, setCount] = createSignal(2);
24-
const increment = () => setCount(count() + 1);
7+
const [props, controls] = createControlledProps({
8+
bool: true,
9+
number: 0,
10+
string: "test"
11+
})
2512

26-
return (
27-
<div class="p-24 box-border w-full min-h-screen flex flex-col justify-center items-center space-y-4 bg-gray-800 text-white">
28-
<div class="wrapper-v">
29-
<h4>Counter component</h4>
30-
<p class="caption">With combined props</p>
31-
<Button
32-
onClick={increment}
33-
style={{ padding: "6px 12px", "border-width": count() + "px" }}
34-
class="bg-yellow-800"
35-
>
36-
{count()}
37-
</Button>
38-
</div>
39-
</div>
40-
);
13+
return (<div class="p-24 box-border w-full min-h-screen overflow-hidden flex flex-col justify-center items-center">
14+
<h2>Props</h2>
15+
<ul>
16+
<li>bool: {props.bool() ? 'true' : 'false'}</li>
17+
<li>number: {props.number()}</li>
18+
<li>string: {props.string()}</li>
19+
</ul>
20+
<h2>Controls</h2>
21+
{controls}
22+
</div>);
4123
};
4224

4325
render(() => <App />, document.getElementById("root")!);

‎packages/controlled-props/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@
4141
"scripts": {
4242
"start": "vite serve dev --host",
4343
"dev": "vite serve dev",
44+
"page": "vite build dev",
4445
"build": "rollup -c",
4546
"test": "vitest -c ../../configs/vitest.config.ts",
4647
"test:ssr": "pnpm run test --mode ssr"

‎packages/controlled-props/src/index.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ export const StringProp: Component<TestPropProps<string>> = props => (
5757
type="text"
5858
name={props.name}
5959
value={props.value()}
60-
onChange={ev => props.setValue(ev.currentTarget.value)}
60+
onInput={ev => props.setValue(ev.currentTarget.value)}
6161
/>{" "}
6262
</label>
6363
);

‎packages/cursor/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/cursor/dev/index.tsx

-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import { render } from "solid-js/web";
22
import "uno.css";
3-
import "solid-devtools";
43
import { App } from "./App";
54

65
render(() => <App />, document.getElementById("root")!);

‎packages/cursor/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@
6363
},
6464
"scripts": {
6565
"dev": "vite serve dev",
66+
"page": "vite build dev",
6667
"build": "jiti ../../scripts/build.ts --ssr",
6768
"test": "vitest -c ../../configs/vitest.config.ts",
6869
"test:ssr": "pnpm run test --mode ssr"

‎packages/date/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/date/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@
4444
"scripts": {
4545
"start": "vite serve dev",
4646
"dev": "vite serve dev",
47+
"page": "vite build dev",
4748
"build": "jiti ../../scripts/build.ts",
4849
"test": "vitest -c ../../configs/vitest.config.ts",
4950
"test:ssr": "pnpm run test --mode ssr"

‎packages/destructure/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/destructure/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@
4040
},
4141
"scripts": {
4242
"dev": "vite serve dev",
43+
"page": "vite build dev",
4344
"build": "jiti ../../scripts/build.ts",
4445
"test": "vitest -c ../../configs/vitest.config.ts",
4546
"test:ssr": "pnpm run test --mode ssr"

‎packages/event-bus/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/event-bus/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@
4141
},
4242
"scripts": {
4343
"dev": "vite serve dev",
44+
"page": "vite build dev",
4445
"start": "vite serve dev",
4546
"build": "jiti ../../scripts/build.ts",
4647
"test": "vitest -c ../../configs/vitest.config.ts",

‎packages/event-dispatcher/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/event-dispatcher/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@
6363
},
6464
"scripts": {
6565
"dev": "vite serve dev",
66+
"page": "vite build dev",
6667
"build": "jiti ../../scripts/build.ts --ssr",
6768
"test": "vitest -c ../../configs/vitest.config.ts",
6869
"test:ssr": "pnpm run test --mode ssr"

‎packages/event-listener/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/event-listener/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@
6060
"scripts": {
6161
"start": "vite serve dev --host",
6262
"dev": "vite serve dev",
63+
"page": "vite build dev",
6364
"build": "jiti ../../scripts/build.ts --ssr",
6465
"test": "vitest -c ../../configs/vitest.config.ts",
6566
"test:ssr": "pnpm run test --mode ssr"

‎packages/fetch/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/geolocation/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,6 @@
2424
<body>
2525
<div id="root"></div>
2626

27-
<script src="./index.tsx" type="module"></script>
27+
<script src="/index.tsx" type="module"></script>
2828
</body>
2929
</html>

‎packages/geolocation/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -67,6 +67,7 @@
6767
},
6868
"scripts": {
6969
"dev": "vite serve dev",
70+
"page": "vite build dev",
7071
"build": "jiti ../../scripts/build.ts --ssr --dev",
7172
"test": "vitest -c ../../configs/vitest.config.ts",
7273
"test:ssr": "pnpm run test --mode ssr"

‎packages/gestures/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,6 @@
3131
<noscript>You need to enable JavaScript to run this app.</noscript>
3232
<div id="root"></div>
3333

34-
<script src="./index.tsx" type="module"></script>
34+
<script src="/index.tsx" type="module"></script>
3535
</body>
3636
</html>

‎packages/gestures/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252
"scripts": {
5353
"start": "vite serve dev --host",
5454
"dev": "vite serve dev",
55+
"page": "vite build dev",
5556
"build": "jiti ../../scripts/build.ts --ssr --dev",
5657
"test": "vitest -c ../../configs/vitest.config.ts",
5758
"test:ssr": "pnpm run test --mode ssr"

‎packages/graphql/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/graphql/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@
4141
},
4242
"scripts": {
4343
"dev": "vite serve dev",
44+
"page": "vite build dev",
4445
"gqlgen": "graphql-codegen --config dev/codegen.yml",
4546
"build": "jiti ../../scripts/build.ts",
4647
"test": "vitest -c ../../configs/vitest.config.ts",

‎packages/idle/dev/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,6 @@
3030
<noscript>You need to enable JavaScript to run this app.</noscript>
3131
<div id="root"></div>
3232

33-
<script src="./index.tsx" type="module"></script>
33+
<script src="/index.tsx" type="module"></script>
3434
</body>
3535
</html>

‎packages/idle/package.json

+1
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,7 @@
6565
"scripts": {
6666
"start": "vite serve dev --host",
6767
"dev": "vite serve dev",
68+
"page": "vite build dev",
6869
"build": "jiti ../../scripts/build.ts --ssr --dev",
6970
"test": "vitest -c ../../configs/vitest.config.ts",
7071
"test:ssr": "pnpm run test --mode ssr"

0 commit comments

Comments
 (0)