@morphika/andami 0.1.2 → 0.1.3

package/lib/config/index.ts

@@ -1,57 +1,28 @@
-/**
+/**
  * Site configuration accessor.
  *
- * Call `registerConfig(config)` at app startup (e.g. in your root layout)
- * before any component calls `getSiteConfig()`. The instance's
- * `app/layout.tsx` imports its own `site.config.ts` and passes it here.
+ * Uses globalThis + Symbol.for to guarantee a true singleton even when
+ * the bundler creates multiple module instances of this file.
  */
 
 import type { SiteConfig } from "./types";
 
-/** Module-level slot for the registered config. */
-let _registeredConfig: SiteConfig | null = null;
+const CONFIG_KEY = Symbol.for("@morphika/andami/siteConfig");
+const g = globalThis as unknown as Record<symbol, SiteConfig | undefined>;
 
-/** Cached reference. */
-let _resolved: SiteConfig | null = null;
-
-/**
- * Register the site configuration.
- *
- * Call this once at app startup (root layout module scope) before any
- * component or API route calls `getSiteConfig()`. The instance's
- * `app/layout.tsx` imports its own `site.config.ts` and passes it here.
- *
- * Calling this more than once replaces the previous config (useful for
- * testing, but not expected in production).
- */
 export function registerConfig(config: SiteConfig): void {
-  _registeredConfig = config;
-  // Invalidate resolved cache so next getSiteConfig() picks up the new value.
-  _resolved = null;
+  g[CONFIG_KEY] = config;
 }
 
-/**
- * Get the site configuration.
- *
- * Returns the config registered via `registerConfig()`.
- * Throws if no config has been registered yet.
- *
- * Returns the same object reference on every call (singleton).
- * Safe to call from both server and client components.
- */
 export function getSiteConfig(): SiteConfig {
-  if (!_resolved) {
-    if (_registeredConfig) {
-      _resolved = _registeredConfig;
-    } else {
-      throw new Error(
-        "SiteConfig not registered. Call registerConfig(config) in your root layout before using getSiteConfig().\n" +
-        "See: https://github.com/MorphikaStudio/Morphika_Andami#quick-start",
-      );
-    }
+  const cfg = g[CONFIG_KEY];
+  if (!cfg) {
+    throw new Error(
+      "SiteConfig not registered. Call registerConfig(config) in your root layout before using getSiteConfig().\n" +
+      "See: https://github.com/MorphikaStudio/Morphika_Andami#quick-start",
+    );
   }
-  return _resolved;
+  return cfg;
 }
 
-// Re-export types for convenience
-export type { SiteConfig } from "./types";
+export type { SiteConfig } from "./types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphika/andami",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Visual Page Builder — core library. A reusable website builder with visual editing, CMS integration, and asset management.",
   "type": "module",
   "license": "MIT",
@@ -46,7 +46,6 @@
   "exports": {
     "./config": "./lib/config/index.ts",
     "./config/types": "./lib/config/types.ts",
-
     "./components/blocks": "./components/blocks/index.ts",
     "./components/blocks/*": "./components/blocks/*.tsx",
     "./components/builder": "./components/builder/index.ts",
@@ -65,7 +64,6 @@
     "./components/admin/styles": "./components/admin/styles/index.ts",
     "./components/admin/styles/*": "./components/admin/styles/*.tsx",
     "./components/ui/*": "./components/ui/*.tsx",
-
     "./lib/builder": "./lib/builder/index.ts",
     "./lib/builder/*": "./lib/builder/*.ts",
     "./lib/sanity/client": "./lib/sanity/client.ts",
@@ -94,7 +92,6 @@
     "./lib/format-utils": "./lib/format-utils.ts",
     "./lib/utils": "./lib/utils.ts",
     "./lib/asset-retry": "./lib/asset-retry.ts",
-
     "./sanity/schemas": "./sanity/schemas/index.ts",
     "./sanity/schemas/*": "./sanity/schemas/*.ts",
     "./sanity/schemas/blocks": "./sanity/schemas/blocks/index.ts",
@@ -102,12 +99,10 @@
     "./sanity/schemas/objects/*": "./sanity/schemas/objects/*.ts",
     "./sanity/compose": "./sanity/compose.ts",
     "./sanity/config": "./sanity/sanity.config.ts",
-
     "./styles/base.css": "./styles/base.css",
     "./styles/animations.css": "./styles/animations.css",
     "./styles/admin.css": "./styles/admin.css",
     "./styles/globals.css": "./styles/globals.css",
-
     "./site": "./site/index.ts",
     "./site/page": "./site/page.ts",
     "./site/work": "./site/work.ts",
@@ -116,7 +111,6 @@
     "./site/error": "./site/error.ts",
     "./site/robots": "./site/robots.ts",
     "./site/sitemap": "./site/sitemap.ts",
-
     "./admin": "./admin/index.ts",
     "./admin/login": "./admin/login.ts",
     "./admin/pages": "./admin/pages.ts",
@@ -130,14 +124,10 @@
     "./admin/database": "./admin/database.ts",
     "./admin/settings": "./admin/settings.ts",
     "./admin/setup": "./admin/setup.ts",
-
     "./components/admin/setup-wizard": "./components/admin/setup-wizard/index.ts",
     "./components/admin/setup-wizard/*": "./components/admin/setup-wizard/*.tsx",
-
     "./lib/setup/detect": "./lib/setup/detect.ts",
-
     "./studio": "./studio/index.ts",
-
     "./api/admin/auth": "./app/api/admin/auth/route.ts",
     "./api/admin/pages": "./app/api/admin/pages/route.ts",
     "./api/admin/pages/slug": "./app/api/admin/pages/[slug]/route.ts",

package/styles/base.css

@@ -1,17 +1,14 @@
-@import "tailwindcss";
-
-/* ============================================
+/* ============================================
    Brand Design Tokens
    Values come from site.config.ts palette.
    Tailwind generates classes: bg-brand-*, text-brand-*, etc.
+
+   NOTE: @import "tailwindcss" is NOT included here.
+   Each instance must add it in their own globals.css BEFORE
+   importing this file.
    ============================================ */
 
 @theme inline {
-  /* Brand Colors — semantic tokens.
-     Initial values are neutral placeholders for Tailwind class generation.
-     Actual colors are injected at runtime by StylesProvider from the admin
-     palette, with site.config.ts palette as fallback.
-     See lib/styles/provider.tsx → generateBrandTokens(). */
   --color-brand-accent: var(--brand-accent, #888888);
   --color-brand-accent-alt: var(--brand-accent-alt, #888888);
   --color-brand-secondary: var(--brand-secondary, #888888);
@@ -21,11 +18,9 @@
   --color-brand-muted: var(--brand-muted, #888888);
   --color-brand-dark: var(--brand-dark, #111111);
 
-  /* Fonts — placeholders, overridden by StylesProvider */
   --font-mono: var(--brand-font-mono, ui-monospace, monospace);
   --font-sans: "Inter", system-ui, sans-serif;
 
-  /* Breakpoints — matching original Semplice grid */
   --breakpoint-xs: 0px;
   --breakpoint-sm: 544px;
   --breakpoint-md: 768px;
@@ -33,20 +28,6 @@
   --breakpoint-xl: 1170px;
 }
 
-/* ============================================
-   @font-face — Instance Default Font
-   No hardcoded @font-face here. The default/fallback font is loaded
-   by StylesProvider at runtime based on site.config.ts typography
-   settings and admin-uploaded fonts. For the initial render before
-   JS loads, the --font-mono stack in @theme provides the fallback.
-   ============================================ */
-
-/* ============================================
-   Admin UI Tokens
-   Used across all builder/admin components.
-   JS constants in lib/builder/constants.ts mirror these.
-   ============================================ */
-
 :root {
   --admin-accent: #076bff;
   --admin-accent-dark: #0559d4;
@@ -56,10 +37,6 @@
   --admin-success: #22c55e;
 }
 
-/* ============================================
-   Base styles
-   ============================================ */
-
 html {
   scroll-behavior: smooth;
   overflow-x: clip;
@@ -72,21 +49,14 @@ body {
   font-family: var(--font-mono);
   overflow-x: clip;
   width: 100%;
-  /* Smooth body bg transition when navigating between pages with different
-     backgrounds. PageBackground component syncs this via inline style. */
   transition: background-color 300ms ease;
 }
 
-/* Public site wrapper:
-   - overflow-x:clip prevents horizontal scroll (iOS WebKit fix, stricter than hidden)
-   - max-width:100vw constrains all children to viewport width */
 [data-site] {
   max-width: 100vw;
   overflow-x: clip;
 }
 
-/* Custom cursor: hide native cursor when enabled via data attribute.
-   Controlled by site.config.ts features.customCursor → site layout. */
 [data-custom-cursor] {
   cursor: none;
 }
@@ -96,37 +66,23 @@ body {
   cursor: none;
 }
 
-/* Restore cursor inside Sanity Studio */
 [data-sanity-studio], [data-sanity-studio] *, [data-ui], [data-ui] * {
   cursor: auto !important;
 }
 
-/* Selection color */
 ::selection {
   background: var(--color-brand-primary);
   color: var(--color-brand-text);
 }
 
-/* ============================================
-   Failed Asset Placeholder
-   Replaces the browser's broken image icon with a subtle,
-   clickable placeholder that invites retry. Applied automatically
-   by lib/asset-retry.ts after exhausting retries.
-   ============================================ */
-
 img[data-asset-failed] {
-  /* Hide the browser's broken image icon */
   color: transparent;
-  /* Show a neutral placeholder background */
   background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
-  /* Ensure it has visible dimensions even without intrinsic size */
   min-height: 60px;
   min-width: 60px;
-  /* Position the "tap to retry" pseudo-element */
   position: relative;
 }
 
-/* "Tap to retry" overlay text — uses outline trick for pseudo on img */
 img[data-asset-failed]::after {
   content: "Tap to retry";
   position: absolute;
@@ -145,4 +101,4 @@ img[data-asset-failed]::after {
 video[data-asset-failed] {
   background: #1a1a1a;
   min-height: 60px;
-}
+}