tikitaki 0.1.8 → 0.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -11
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
# TikiTaki
|
|
2
2
|
|
|
3
3
|
[](https://github.com/gagarinbefree/TikiTaki/actions/workflows/npm-publish.yml)
|
|
4
|
-
[](https://github.com/gagarinbefree/TikiTaki/releases/latest)
|
|
5
5
|
[](https://www.npmjs.com/package/tikitaki)
|
|
6
6
|
|
|
7
7
|
[Live demo](https://gagarinbefree.github.io/TikiTaki/) · [Releases](https://github.com/gagarinbefree/TikiTaki/releases) · [Report an issue](https://github.com/gagarinbefree/TikiTaki/issues/new)
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
[Read the introduction on DEV Community](https://dev.to/gagarinbefree/tikitaki-two-dimensional-swipe-navigation-in-typescript-without-runtime-dependencies-285j)
|
|
10
|
+
|
|
11
|
+
**Latest release:** <!-- release-version -->v0.1.9<!-- /release-version -->
|
|
10
12
|
|
|
11
13
|
TikiTaki is a TypeScript library for swipe navigation through a two-dimensional grid whose rows can have different lengths. Use it for paged interfaces, galleries, stories, or component-based feeds. You supply the content; TikiTaki handles navigation, pointer gestures, animation, and cell lifecycle.
|
|
12
14
|
|
|
@@ -22,15 +24,14 @@ Install the core in your application:
|
|
|
22
24
|
npm install tikitaki
|
|
23
25
|
```
|
|
24
26
|
|
|
25
|
-
For a framework integration,
|
|
27
|
+
For a framework integration, choose the matching installation command:
|
|
26
28
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
npm install tikitaki @tikitaki_gagarinbefree/vue
|
|
31
|
-
npm install tikitaki @tikitaki_gagarinbefree/svelte
|
|
32
|
-
npm install tikitaki @tikitaki_gagarinbefree/angular
|
|
33
|
-
```
|
|
29
|
+
| Framework | Installation |
|
|
30
|
+
| --------- | ------------------------------------------------------ |
|
|
31
|
+
| React | `npm install tikitaki @tikitaki_gagarinbefree/react` |
|
|
32
|
+
| Vue | `npm install tikitaki @tikitaki_gagarinbefree/vue` |
|
|
33
|
+
| Svelte | `npm install tikitaki @tikitaki_gagarinbefree/svelte` |
|
|
34
|
+
| Angular | `npm install tikitaki @tikitaki_gagarinbefree/angular` |
|
|
34
35
|
|
|
35
36
|
Your application supplies the adapter's framework peer dependencies. Install only the adapter for your framework. The [core](https://www.npmjs.com/package/tikitaki) and adapters under [@tikitaki_gagarinbefree](https://www.npmjs.com/org/tikitaki_gagarinbefree) are available from npm. To install an archived build or inspect its contents, use the tested tarballs from [GitHub Releases](https://github.com/gagarinbefree/TikiTaki/releases) or build from source below. Release downloads include an integrity manifest; maintainer publication instructions are in [PUBLISHING.md](./PUBLISHING.md).
|
|
36
37
|
|
|
@@ -186,7 +187,7 @@ From a checkout with dependencies installed:
|
|
|
186
187
|
npm run demo
|
|
187
188
|
```
|
|
188
189
|
|
|
189
|
-
Open the address printed by Vite, then choose Vanilla JS, React, Vue, Svelte, or
|
|
190
|
+
Open the address printed by Vite, then choose Vanilla JS, React, Vue, Svelte, Angular, or Lit. The [Vanilla JS example](./demos/vanilla/) uses the DOM API directly without a UI framework. The [Lit example](./demos/lit/) uses Lit templates for cell rendering and the interactive map, with a demo-local adapter that mounts, updates, and clears each cell template. Lit is a development dependency for the demo; the core package does not depend on it. Each demo starts at A1 and supports swipes, wheel navigation, and an interactive cell map. On narrow screens, the swipe view fills the viewport and the map becomes small centered dots at the bottom, with a larger dot for the current cell. Wider screens keep the portrait view and labeled map side by side.
|
|
190
191
|
|
|
191
192
|
```sh
|
|
192
193
|
npm run demo:build
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tikitaki",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.10",
|
|
4
4
|
"description": "Zero-runtime-dependency navigation for a ragged 2D swipe grid",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
"@vitejs/plugin-vue": "6.0.10",
|
|
64
64
|
"eslint": "10.13.0",
|
|
65
65
|
"jsdom": "30.1.3",
|
|
66
|
+
"lit": "3.3.3",
|
|
66
67
|
"prettier": "3.9.10",
|
|
67
68
|
"prettier-plugin-svelte": "4.1.1",
|
|
68
69
|
"react": "19.3.1",
|