diff --git a/skills/nano-kit-store/DOCS.md b/skills/nano-kit-store/DOCS.md
index 941c0bde..ddfe9e1c 100644
--- a/skills/nano-kit-store/DOCS.md
+++ b/skills/nano-kit-store/DOCS.md
@@ -1802,6 +1802,7 @@ Learn how to inspect the stores of a running app with @nano_kit/devtools.
- **Named for you**. Every signal gets a readable name, the place it was created and its owner, the store factory, the component or the file, straight from the call stack.
- **Transactions, not events**. The log groups what happened by flush, with the time of every run and the slowest one called out.
- **Live values**. Pick any node to see its value as a tree, what it reads, what reads it, and its last lines in the log.
+- **Built with the kit**. The panel is itself an app on `@nano_kit/store`, with its views written in [Nanoviews](https://nanoviews.js.org), a Direct DOM library built on the same core.
## Installation
diff --git a/website/astro.config.js b/website/astro.config.js
index ea451d12..2383a7c5 100644
--- a/website/astro.config.js
+++ b/website/astro.config.js
@@ -86,11 +86,11 @@ export default defineConfig({
isProduction && {
tag: 'script',
attrs: {
- 'src': 'https://cloud.umami.is/script.js',
+ src: 'https://cloud.umami.is/script.js',
'data-website-id': '6b792c30-fae6-48d2-95fa-c1d39706f328',
- 'defer': true,
+ defer: true,
// Required to pass the COEP require-corp check
- 'crossorigin': 'anonymous'
+ crossorigin: 'anonymous'
}
},
{
diff --git a/website/src/content/docs/examples/cvapp.mdx b/website/src/content/docs/examples/cvapp.mdx
index 1d860869..0ec7e14e 100644
--- a/website/src/content/docs/examples/cvapp.mdx
+++ b/website/src/content/docs/examples/cvapp.mdx
@@ -5,17 +5,35 @@ sidebar:
order: 3
---
+import { Tabs, TabItem } from '@astrojs/starlight/components'
+
This example shows a CV editor built with `@nano_kit/store`, `@nano_kit/query`, `@nano_kit/router`, and `@nano_kit/react`.
It is a compact reference for routed application screens, cached async data, derived state, and React components that subscribe to signals.
-
+
+
+
+
+ [View source on GitHub](https://github.com/TrigenSoftware/nano_kit/tree/main/examples/cvapp/react-nano_kit)
+
+
+
-[View source on GitHub](https://github.com/TrigenSoftware/nano_kit/tree/main/examples/cvapp/react-nano_kit)
+ [View source on GitHub](https://github.com/TrigenSoftware/nanoviews/tree/main/examples/cvapp/nano_kit)
+
+
diff --git a/website/src/content/docs/examples/event-board.mdx b/website/src/content/docs/examples/event-board.mdx
index 4c03d3c7..f968cbbd 100644
--- a/website/src/content/docs/examples/event-board.mdx
+++ b/website/src/content/docs/examples/event-board.mdx
@@ -52,4 +52,16 @@ The Nano Kit tutorial uses this app as its running project.
[View source on GitHub](https://github.com/TrigenSoftware/nano_kit/tree/main/examples/event-board/svelte-nano_kit-intl-ssr)
+
+
+
+ [View source on GitHub](https://github.com/TrigenSoftware/nanoviews/tree/main/examples/event-board/nano_kit-di-intl)
+
diff --git a/website/src/content/docs/examples/rick-and-morty.mdx b/website/src/content/docs/examples/rick-and-morty.mdx
index 23536bfb..1e962ba4 100644
--- a/website/src/content/docs/examples/rick-and-morty.mdx
+++ b/website/src/content/docs/examples/rick-and-morty.mdx
@@ -9,7 +9,7 @@ import { Aside, Tabs, TabItem } from '@astrojs/starlight/components'
This example shows a larger encyclopedia app built around routing, data loading, and server-side rendering.
-Compare the tabs to see the same application model running with React SSR, Svelte SSR, SvelteKit, Next.js App Router, and Next.js Pages Router.
+Compare the tabs to see the same application model running with React SSR, Svelte SSR, SvelteKit, Next.js App Router, Next.js Pages Router, and [Nanoviews](https://nanoviews.js.org).
@@ -76,4 +76,16 @@ Compare the tabs to see the same application model running with React SSR, Svelt
[View source on GitHub](https://github.com/TrigenSoftware/nano_kit/tree/main/examples/rick-and-morty/next-pages-nano_kit-ssr)
+
+
+
+ [View source on GitHub](https://github.com/TrigenSoftware/nanoviews/tree/main/examples/rick-and-morty/nano_kit)
+
diff --git a/website/src/content/docs/examples/weather.mdx b/website/src/content/docs/examples/weather.mdx
index a31ab62a..4b080163 100644
--- a/website/src/content/docs/examples/weather.mdx
+++ b/website/src/content/docs/examples/weather.mdx
@@ -36,4 +36,16 @@ Use the **Basic** version for the shortest path through the data flow. Use the *
[View source on GitHub](https://github.com/TrigenSoftware/nano_kit/tree/main/examples/weather/react-nano_kit-di)
+
+
+
+ [View source on GitHub](https://github.com/TrigenSoftware/nanoviews/tree/main/examples/weather/nano_kit)
+
diff --git a/website/src/content/docs/store/devtools.mdx b/website/src/content/docs/store/devtools.mdx
index b469ea77..f1718b1b 100644
--- a/website/src/content/docs/store/devtools.mdx
+++ b/website/src/content/docs/store/devtools.mdx
@@ -19,6 +19,7 @@ import logDark from '../../../assets/devtools-log_dark.png'
- **Named for you**. Every signal gets a readable name, the place it was created and its owner, the store factory, the component or the file, straight from the call stack.
- **Transactions, not events**. The log groups what happened by flush, with the time of every run and the slowest one called out.
- **Live values**. Pick any node to see its value as a tree, what it reads, what reads it, and its last lines in the log.
+- **Built with the kit**. The panel is itself an app on `@nano_kit/store`, with its views written in [Nanoviews](https://nanoviews.js.org), a Direct DOM library built on the same core.