@bespokeagentics/create-microdots-host 0.1.0

package/templates/tailwind/microdots/pulse/src/styles.css

@@ -0,0 +1,24 @@
+@layer theme, base, components, utilities;
+@import './tokens.css';
+@import 'tailwindcss/theme.css' layer(theme);
+@import '@bespokeagentics/microdots-theme/preflight.css' layer(base);
+@import 'tailwindcss/utilities.css' layer(utilities);
+@import '@bespokeagentics/microdots-theme/theme.css';
+@source './';
+
+@layer components {
+  .starter-card { @apply grid gap-4 rounded-lg border border-border bg-surface p-5 font-body text-fg shadow-card; }
+  .starter-card h2 { @apply m-0 font-display text-display-m text-fg-heading; }
+  .starter-card header, .starter-card footer { @apply grid gap-2; }
+  .starter-card footer { @apply grid grid-cols-[1fr_auto] items-center border-t border-border-subtle pt-4 text-caption text-fg-subtle; }
+  .starter-card__body { @apply grid min-h-32 content-center gap-3 rounded-md bg-surface-raised p-4; }
+  .microdot-overline, .microdot-note, .microdot-state { @apply m-0; }
+  .microdot-overline { @apply text-caption uppercase tracking-wider text-fg-subtle; }
+  .microdot-note { @apply text-body-s leading-body text-fg-muted; }
+  .microdot-state { @apply font-medium text-fg; }
+  .microdot-state--error { @apply text-status-error-fg; }
+  .microdot-action { @apply cursor-pointer rounded-sm border-0 bg-accent-fill px-3 py-2 text-fg-on-brand hover:bg-accent-fill-hover; }
+  .pulse__field { @apply flex justify-between gap-4; }
+  .pulse__label { @apply text-caption uppercase tracking-wide text-fg-subtle; }
+  .pulse__value { @apply break-all text-right font-mono text-caption text-fg; }
+}

package/templates/tailwind/microdots/pulse/vite.config.template.ts

@@ -0,0 +1,5 @@
+import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from 'vite'
+import { dotConfig } from '../../scripts/dot-vite.ts'
+
+export default defineConfig(dotConfig(import.meta.dirname, tailwindcss()))

package/templates/tailwind/microdots/scope-picker/src/styles.css

@@ -0,0 +1,25 @@
+@layer theme, base, components, utilities;
+@import './tokens.css';
+@import 'tailwindcss/theme.css' layer(theme);
+@import '@bespokeagentics/microdots-theme/preflight.css' layer(base);
+@import 'tailwindcss/utilities.css' layer(utilities);
+@import '@bespokeagentics/microdots-theme/theme.css';
+@source './';
+
+@layer components {
+  .starter-card { @apply grid gap-4 rounded-lg border border-border bg-surface p-5 font-body text-fg shadow-card; }
+  .starter-card h2 { @apply m-0 font-display text-display-m text-fg-heading; }
+  .starter-card header, .starter-card footer { @apply grid gap-2; }
+  .starter-card footer { @apply grid grid-cols-[1fr_auto] items-center border-t border-border-subtle pt-4 text-caption text-fg-subtle; }
+  .starter-card__body { @apply grid min-h-32 content-center gap-3 rounded-md bg-surface-raised p-4; }
+  .microdot-overline, .microdot-note, .microdot-state { @apply m-0; }
+  .microdot-overline { @apply text-caption uppercase tracking-wider text-fg-subtle; }
+  .microdot-note { @apply text-body-s leading-body text-fg-muted; }
+  .microdot-state { @apply font-medium text-fg; }
+  .microdot-state--error { @apply text-status-error-fg; }
+  .microdot-action, .scope-picker__choice { @apply cursor-pointer rounded-sm px-3 py-2; }
+  .microdot-action { @apply border-0 bg-accent-fill text-fg-on-brand hover:bg-accent-fill-hover; }
+  .scope-picker__choices { @apply flex flex-wrap gap-2; }
+  .scope-picker__choice { @apply border border-border bg-surface text-fg hover:bg-int-hover; }
+  .scope-picker__choice--selected { @apply border-accent bg-int-active; }
+}

package/templates/tailwind/microdots/scope-picker/vite.config.template.ts

@@ -0,0 +1,5 @@
+import tailwindcss from '@tailwindcss/vite'
+import { defineConfig } from 'vite'
+import { dotConfig } from '../../scripts/dot-vite.ts'
+
+export default defineConfig(dotConfig(import.meta.dirname, tailwindcss()))

package/templates/tailwind/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "__PROJECT_NAME__",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "workspaces": ["host", "microdots/*"],
+  "scripts": {
+    "dev": "bun scripts/dev.ts",
+    "build": "bun scripts/build.ts",
+    "typecheck": "tsc --noEmit",
+    "lint": "oxlint host microdots scripts",
+    "test": "vitest run",
+    "tokens:check": "bun scripts/check-tokens.ts",
+    "check": "bun run typecheck && bun run lint && bun run test && bun run tokens:check"
+  },
+  "dependencies": {
+    "@bespokeagentics/microdots-authoring": "0.1.1",
+    "@bespokeagentics/microdots-element": "0.1.1",
+    "@bespokeagentics/microdots-host": "0.1.1",
+    "@bespokeagentics/microdots-runtime": "0.1.1",
+    "@bespokeagentics/microdots-theme": "0.1.1",
+    "@effect/platform-node": "4.0.0-rc.108",
+    "effect": "4.0.0-rc.108",
+    "foldkit": "^0.144.0"
+  },
+  "devDependencies": {
+    "@bespokeagentics/microdots-vite-plugin": "0.1.1",
+    "@tailwindcss/vite": "^4.3.1",
+    "@types/bun": "^1.3.14",
+    "@types/node": "^26.2.0",
+    "happy-dom": "^20.10.4",
+    "oxlint": "^1.78.0",
+    "tailwindcss": "^4.3.1",
+    "typescript": "^7.0.2",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.10"
+  },
+  "overrides": {
+    "@effect/platform-node-shared": "4.0.0-rc.108"
+  }
+}