@dryui/ui 0.1.12 → 0.1.13

package/dist/map/map-marker.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import { onDestroy } from 'svelte';
+	import { onDestroy, untrack } from 'svelte';
 	import { getMapCtx, setMarkerCtx } from './context.svelte.js';
 	import type { LngLat, MapMarkerInstance, MarkerOptions } from '@dryui/primitives';
 
@@ -30,9 +30,10 @@
 	$effect(() => {
 		if (!ctx.loaded || !ctx.map || !ctx.lib) return;
 
-		if (markerInstance) {
-			markerInstance.remove();
-			markerInstance = null;
+		// Remove previous marker without tracking markerInstance as a dependency
+		const prev = untrack(() => markerInstance);
+		if (prev) {
+			prev.remove();
 		}
 
 		const opts: MarkerOptions = {};

package/dist/map/map-popup.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';
-	import { onDestroy } from 'svelte';
+	import { onDestroy, untrack } from 'svelte';
 	import { getMapCtx, getMarkerCtx } from './context.svelte.js';
 	import type { MapPopupInstance, PopupOptions } from '@dryui/primitives';
 
@@ -29,9 +29,10 @@
 	$effect(() => {
 		if (!mapCtx.loaded || !mapCtx.map || !mapCtx.lib || !markerCtx.marker || !contentEl) return;
 
-		if (popupInstance) {
-			popupInstance.remove();
-			popupInstance = null;
+		// Remove previous popup without tracking popupInstance as a dependency
+		const prev = untrack(() => popupInstance);
+		if (prev) {
+			prev.remove();
 		}
 
 		try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryui/ui",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "author": "Rob Balfre",
   "license": "MIT",
   "repository": {
@@ -1504,7 +1504,7 @@
     "thumbnail:create": "bun scripts/create-thumbnail.ts"
   },
   "dependencies": {
-    "@dryui/primitives": "^0.1.12"
+    "@dryui/primitives": "^0.1.13"
   },
   "peerDependencies": {
     "svelte": "^5.55.1"

package/skills/dryui/SKILL.md

@@ -112,13 +112,20 @@ The test: search your markup for raw `<input`, `<select>`, `<dialog>`, `<button>
 - Codex: `$skill-installer install https://github.com/rob-balfre/dryui/tree/main/packages/ui/skills/dryui` then `codex mcp add dryui -- npx -y @dryui/mcp`
 - Copilot/Cursor/Windsurf: `npx degit rob-balfre/dryui/packages/ui/skills/dryui .agents/skills/dryui` + add MCP config (see https://dryui.dev/tools)
 
-**3. Run the install planner** — it detects your project and returns a tailored step-by-step plan:
+**3. Bootstrap the project** — `init` detects your project state and applies whatever is missing:
 
 ```
-npx -y @dryui/cli install --toon
+npx -y @dryui/cli init
 ```
 
-Execute each `"pending"` step. Then verify: `npx -y @dryui/cli detect --toon` — output should show `project: ready`.
+**New project from scratch?** Pass a directory name to scaffold SvelteKit + DryUI in one step:
+
+```
+npx -y @dryui/cli init my-app
+cd my-app && npm run dev
+```
+
+This works for greenfield (empty directory), brownfield (existing non-SvelteKit project), and existing SvelteKit projects. Verify: `npx -y @dryui/cli detect --toon` — output should show `project: ready`.
 
 ### Manual setup
 
@@ -160,6 +167,7 @@ Use these to look up APIs, discover components, plan setup, and validate code.
 All commands support `--toon` for token-optimized agent output and `--full` to disable truncation.
 
 ```bash
+bunx @dryui/cli init [path] [--pm bun]   # Bootstrap SvelteKit + DryUI project
 bunx @dryui/cli info <component> --toon  # Look up component API
 bunx @dryui/cli compose "date input" --toon  # Composition guidance
 bunx @dryui/cli detect [path] --toon     # Check project setup