smbls 3.14.2 → 3.14.6

package/package.json

@@ -1,50 +1,59 @@
 {
   "name": "smbls",
-  "version": "3.14.2",
+  "version": "3.14.6",
   "license": "CC-BY-NC-4.0",
   "type": "module",
-  "module": "./index.js",
-  "main": "./index.js",
+  "module": "./dist/smbls.esm.js",
+  "main": "./dist/smbls.cjs",
+  "unpkg": "./dist/smbls.iife.js",
+  "jsdelivr": "./dist/smbls.iife.js",
   "exports": {
-    ".": "./index.js",
-    "./iife": "./dist/iife/index.js",
-    "./iife-string": "./dist/iife/index-string.js",
-    "./src/*": "./src/*",
+    ".": {
+      "development": "./index.js",
+      "import": "./dist/smbls.esm.js",
+      "require": "./dist/smbls.cjs",
+      "default": "./dist/smbls.esm.js"
+    },
+    "./iife": "./dist/smbls.iife.js",
     "./package.json": "./package.json"
   },
   "source": "index.js",
   "files": [
     "dist",
-    "*.js",
-    "*.json",
-    "src"
+    "*.md",
+    "LICENSE"
   ],
-  "dependencies": {
-    "@symbo.ls/analyze": "^3.14.0",
-    "@symbo.ls/signal": "^3.14.0",
-    "@symbo.ls/element": "^3.14.0",
-    "@symbo.ls/state": "^3.14.0",
-    "@symbo.ls/css": "^3.14.0",
-    "@symbo.ls/utils": "^3.14.0",
-    "@symbo.ls/wasm": "^3.14.0",
-    "@symbo.ls/capsize": "^3.14.0",
-    "@symbo.ls/helmet": "^3.14.0",
-    "@symbo.ls/fetch": "^3.14.0",
-    "@symbo.ls/polyglot": "^3.14.0",
-    "@symbo.ls/scratch": "^3.14.0",
-    "@symbo.ls/shorthand": "^3.14.0",
-    "@symbo.ls/sync": "^3.14.0",
-    "@symbo.ls/default-config": "^3.14.0",
-    "@symbo.ls/router": "^3.14.0",
-    "attrs-in-props": "^3.14.0",
-    "css-in-props": "^3.14.0",
-    "domql": "^3.14.0"
-  },
   "scripts": {
-    "build:esm": "esbuild *.js src/*.js --target=es2020 --format=esm --outdir=dist/esm",
-    "build:cjs": "esbuild *.js src/*.js --target=node18 --format=cjs --outdir=dist/cjs",
-    "build:iife": "esbuild index.js --bundle --target=es2020 --format=iife --global-name=Smbls --outfile=dist/iife/index.js --minify && node scripts/build-iife-string.mjs",
-    "build:browser": "esbuild index.js --bundle --target=es2020 --format=esm --outfile=dist/browser/index.js --minify"
+    "build:esm": "node build.mjs esm dist/smbls.esm.js",
+    "build:cjs": "node build.mjs cjs dist/smbls.cjs",
+    "build:iife": "node build.mjs iife dist/smbls.iife.js",
+    "build": "rimraf dist && npm run build:esm && npm run build:cjs && npm run build:iife",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "@symbo.ls/analyze": "^3.14.4",
+    "@symbo.ls/signal": "^3.14.5",
+    "@symbo.ls/element": "^3.14.8",
+    "@symbo.ls/state": "^3.14.6",
+    "@symbo.ls/css": "^3.14.6",
+    "@symbo.ls/utils": "^3.14.7",
+    "@symbo.ls/wasm": "^3.14.6",
+    "@symbo.ls/capsize": "^3.14.4",
+    "@symbo.ls/helmet": "^3.14.4",
+    "@symbo.ls/inspect": "^3.14.5",
+    "@symbo.ls/fetch": "^3.14.4",
+    "@symbo.ls/polyglot": "^3.14.4",
+    "@symbo.ls/scratch": "^3.14.6",
+    "@symbo.ls/shorthand": "^3.14.5",
+    "@symbo.ls/sync": "^3.14.6",
+    "@symbo.ls/default-config": "^3.14.8",
+    "@symbo.ls/router": "^3.14.5",
+    "attrs-in-props": "^3.14.3",
+    "css-in-props": "^3.14.3",
+    "domql": "^3.14.3"
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/dist/cjs/index.js

@@ -1,27 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("@domql/utils"), module.exports);
-__reExport(index_exports, require("attrs-in-props"), module.exports);
-__reExport(index_exports, require("@symbo.ls/create"), module.exports);
-__reExport(index_exports, require("css-in-props"), module.exports);
-__reExport(index_exports, require("@symbo.ls/default-config"), module.exports);
-__reExport(index_exports, require("@symbo.ls/emotion"), module.exports);
-__reExport(index_exports, require("@symbo.ls/init"), module.exports);
-__reExport(index_exports, require("@symbo.ls/scratch"), module.exports);
-__reExport(index_exports, require("@symbo.ls/uikit"), module.exports);
-__reExport(index_exports, require("@symbo.ls/utils"), module.exports);

package/dist/cjs/package.json

@@ -1,4 +0,0 @@
-{
-  "type": "commonjs",
-  "main": "index.js"
-}

package/dist/esm/index.js

@@ -1,10 +0,0 @@
-export * from "@domql/utils";
-export * from "attrs-in-props";
-export * from "@symbo.ls/create";
-export * from "css-in-props";
-export * from "@symbo.ls/default-config";
-export * from "@symbo.ls/emotion";
-export * from "@symbo.ls/init";
-export * from "@symbo.ls/scratch";
-export * from "@symbo.ls/uikit";
-export * from "@symbo.ls/utils";

package/index.js

@@ -1,30 +0,0 @@
-'use strict'
-
-// v3.14 entry point - re-exports all framework packages
-
-// Core v3.14 primitives (NEW)
-export * from '@symbo.ls/signal'
-export * from '@symbo.ls/css'
-
-// Core framework
-export * from '@symbo.ls/utils'
-export { update, dispose, remove, REGISTRY, LIFECYCLE_EVENTS, DELEGATED_EVENTS, MIXINS, addDelegatedEvent, removeDelegatedEvent, registerEvent, cacheNode, detectTag, createHTMLNode, isValidTag, isSvgTag, SVG_TAGS, applyExtends, addMethods } from '@symbo.ls/element'
-export * from '@symbo.ls/state'
-
-// Attribute & CSS processing
-export * from 'attrs-in-props'
-export * from 'css-in-props'
-
-// Design system & default components
-export * from '@symbo.ls/scratch'
-export * from '@symbo.ls/default-config'
-
-// WASM acceleration (lazy-loaded)
-// Wire CSS engine hook so WASM auto-accelerates CSS generation when loaded
-export { loadWasm, isWasmLoaded, setCssEngineHook } from '@symbo.ls/wasm'
-import { setCssEngineHook } from '@symbo.ls/wasm'
-import { setWasmEngine } from '@symbo.ls/css'
-setCssEngineHook(setWasmEngine)
-
-// Main create functions
-export * from './src/index.js'

package/src/createDomql.js

@@ -1,362 +0,0 @@
-'use strict'
-
-import { create as createElement } from '@symbo.ls/element'
-import * as uikit from '@symbo.ls/default-config/components'
-import { CSS_PROPS_REGISTRY } from 'css-in-props'
-
-import { isString, isNode, isObject, destringifyGlobalScope, deepDestringifyFunctions, setActiveRootState } from '@symbo.ls/utils'
-import { defaultDefine } from './define.js'
-import { initRouter } from './router.js'
-import { initializeExtend } from './syncExtend.js'
-
-import {
-  prepareComponents,
-  prepareDependencies,
-  prepareDesignSystem,
-  prepareWindow,
-  prepareRequire,
-  preparePages,
-  prepareState,
-  prepareUtils,
-  prepareMethods,
-  prepareSharedLibs,
-  PACKAGE_MANAGER_TO_CDN
-} from './prepare.js'
-
-import { polyglotPlugin } from '@symbo.ls/polyglot'
-import { polyglotFunctions } from '@symbo.ls/polyglot/functions'
-import { helmetPlugin } from '@symbo.ls/helmet'
-import { fetchPlugin } from '@symbo.ls/fetch'
-import { capsizePlugin, capsizeHandler } from '@symbo.ls/capsize'
-import { shorthandPlugin } from '@symbo.ls/shorthand'
-import { analyzePlugin, createAnalyzeState } from '@symbo.ls/analyze'
-import { syncPlugin, notificationsPlugin } from '@symbo.ls/sync'
-import { inspectPlugin } from '@symbo.ls/inspect'
-
-// hydrate utilities available for future true-hydration opt-in
-// import { hydrate, assignBrKeysFromRegistry } from './hydrate.js'
-
-export const prepareContext = async (app, context = {}) => {
-  // Identifier the runner uses to look up an app for teardown / instrumentation.
-  // Prefer `{owner}--{key}` from symbols.json when both are present so two apps
-  // with the same key but different owners stay distinguishable in shared realms.
-  const cfg = context.symbolsConfig
-  const symbolsKey = cfg?.owner && cfg?.key ? `${cfg.owner}--${cfg.key}` : cfg?.key
-  const key = (context.key =
-    context.key || symbolsKey || (isString(app) ? app : 'smblsapp'))
-  context.define = context.define || defaultDefine
-  context.cssPropsRegistry = CSS_PROPS_REGISTRY
-  context.window = prepareWindow(context)
-
-  if (context.sharedLibraries && context.sharedLibraries.length) {
-    // Resolve string entries (e.g. 'system/default') by fetching from KV/API
-    const hasStrings = context.sharedLibraries.some(lib => typeof lib === 'string')
-    if (hasStrings) {
-      const { resolveSharedLibraries } = await import('@symbo.ls/utils')
-      context.sharedLibraries = await resolveSharedLibraries(context.sharedLibraries)
-    }
-    prepareSharedLibs(context)
-  }
-
-  const [scratcDesignSystem, registry] = prepareDesignSystem(
-    key,
-    context
-  )
-  context.designSystem = scratcDesignSystem
-  context.registry = registry
-
-  // Set up context.cases from context-level cases (defined in symbols/cases.js)
-  if (!context.cases) context.cases = {}
-
-  // Expand shorthand data early, before components/pages are merged with uikit
-  if (context.shorthand) {
-    shorthandPlugin.prepareContext(context)
-  }
-
-  const state = prepareState(app, context)
-  context.state = state
-  // Register the active root state in the framework registry so
-  // `getRootState()` (called without `this`) can find it during early
-  // render. Eliminates the requirement that projects pre-set
-  // `window.smblsApp = { state }` in their `index.js` — the runner
-  // bypasses project-side index.js entirely, and now no longer needs to.
-  setActiveRootState(state)
-  context.pages = preparePages(app, context)
-  context.components = prepareComponents(context)
-  context.utils = prepareUtils(context)
-  if (PACKAGE_MANAGER_TO_CDN[context.packageManager]) {
-    context.dependencies = await prepareDependencies(context)
-  }
-  context.methods = prepareMethods(context)
-  context.routerOptions = initRouter(app, context)
-  context.defaultExtends = [uikit.Box]
-  context.snippets = context.snippets || {}
-  context.functions = context.functions || {}
-  context.plugins = context.plugins || []
-
-  // Destringify globalScope: function strings → executable functions.
-  // Functions are eval'd in a closure where all globalScope values are available,
-  // so helpers can reference constants and other helpers naturally.
-  if (context.globalScope && isObject(context.globalScope)) {
-    context.globalScope = destringifyGlobalScope(context.globalScope)
-  }
-
-  // Rehydrate function-strings throughout the project tree. When frank
-  // serializes a project for the platform it `.toString()`s every function
-  // value (onClick, onRender, hide, transform, text-as-fn, etc.) into JSON.
-  // Without this pass, the runtime would treat those strings as their
-  // nominal type — invalid CSS for `transform`, dead listeners for
-  // `onClick`, raw source code shown for `text`, etc. — which is the root
-  // cause of every "works on dev / dead on remote" divergence we've ever
-  // seen for v3.14 published projects. Walks the same buckets prepareContext
-  // populated above, mutating each into a tree where every detectable
-  // function-string has been `eval`'d back to a real function.
-  // ESM-namespace-shaped buckets (`import * as functions from ...`) have
-  // getter-only own properties — Object.assign throws on them. Some bundlers
-  // (Parcel) emit such objects while keeping them extensible, so isExtensible
-  // isn't reliable; use try/catch and reassign when mutation fails.
-  const rehydrate = (target, key) => {
-    const value = key ? target[key] : target
-    if (!isObject(value)) return
-    const destringified = deepDestringifyFunctions(value)
-    try {
-      Object.assign(value, destringified)
-    } catch (e) {
-      if (key) target[key] = destringified
-      else throw e
-    }
-  }
-  rehydrate(app)
-  rehydrate(context, 'components')
-  rehydrate(context, 'pages')
-  rehydrate(context, 'functions')
-  rehydrate(context, 'methods')
-  rehydrate(context, 'snippets')
-  rehydrate(context, 'app')
-
-  // Clear adapter cache to ensure fresh resolution with current config
-  if (context.fetch && context.fetch.__resolved) delete context.fetch.__resolved
-  if (context.db && context.db.__resolved) delete context.db.__resolved
-
-  // Auto-register plugins based on context config
-  const hasPlugin = (name) => context.plugins.some(p => p.name === name)
-
-  if (context.polyglot && !hasPlugin('polyglot')) {
-    context.plugins.push(polyglotPlugin)
-    for (const k in polyglotFunctions) {
-      if (!(k in context.functions)) context.functions[k] = polyglotFunctions[k]
-    }
-  }
-
-  if (!hasPlugin('helmet')) {
-    context.plugins.push(helmetPlugin)
-  }
-
-  if (context.fetch && !hasPlugin('fetch')) {
-    context.plugins.push(fetchPlugin)
-  }
-
-  if (context.designSystem?.typography?.useCapsize !== false && !hasPlugin('capsize')) {
-    context.plugins.push(capsizePlugin)
-    context.cssPropsRegistry.useCapsize = capsizeHandler
-  }
-
-  if (context.shorthand && !hasPlugin('shorthand')) {
-    context.plugins.push(shorthandPlugin)
-  }
-
-  // Analyze plugin — runtime audit logger. Opt-in via `analyze: true` or
-  // `analyze: { ... }`. Errors and warnings captured by default; everything
-  // else off until explicitly enabled.
-  if (context.analyze && !hasPlugin('analyze')) {
-    const analyzeConfig = context.analyze === true ? {} : context.analyze
-    context.analyze = createAnalyzeState(analyzeConfig)
-    context.plugins.push(analyzePlugin)
-  }
-
-  // Sync plugin — HMR module for both transports (mermaid-served collab and
-  // runner-served local). Plugged ON by default; users opt out by setting
-  // `context.sync = false` (or `editor.liveSync = false`) or by removing
-  // syncPlugin from `context.plugins` before calling `create()`. With
-  // `context.sync = false` the plugin is never pushed, so SyncComponent
-  // never reaches `app.extends` and no socket connection is attempted.
-  if (context.sync !== false && !hasPlugin('sync')) {
-    context.plugins.push(syncPlugin)
-  }
-
-  // Inspect plugin — element inspector overlay. Default OFF. Opt-in by
-  // setting `context.inspect = true` (or a config object) — this auto-
-  // registers the plugin which adds Alt+Shift highlight + click capture.
-  // See `@symbo.ls/inspect` README for the shortcut + `editor.onInspect`
-  // callback contract.
-  if (context.inspect && !hasPlugin('inspect')) {
-    context.plugins.push(inspectPlugin)
-  }
-
-  // Notifications plugin — toast overlay for sync connect/disconnect.
-  // Default OFF. Opt-in via `context.notifications = true` (or the
-  // legacy `editor.verbose = true` for backwards compat). Plugin's
-  // beforeCreate filters again so flipping `context.notifications =
-  // false` short-circuits even if the plugin is pushed manually.
-  const notificationsOptIn = context.notifications === true ||
-    (context.editor && context.editor.verbose === true)
-  if (notificationsOptIn && context.notifications !== false && !hasPlugin('notifications')) {
-    context.plugins.push(notificationsPlugin)
-  }
-
-  return context
-}
-
-export const createDomqlElement = async (app, ctx) => {
-  if (!isObject(ctx)) ctx = {}
-  if (isNode(app)) {
-    app = {}
-    ctx.parent = app
-  } else if (isString(app)) {
-    app = {}
-    ctx.key = app
-  } else if (!isObject(app)) {
-    app = {}
-  }
-
-  // Detect brender BEFORE prepareContext so we can snapshot SSR styles.
-  const win = ctx.window || (typeof window !== 'undefined' ? window : null)
-  const isBrendered = win?.__BRENDER__
-
-  // Snapshot SSR style tags BEFORE prepareContext creates CSS styles.
-  // fallbackRender will only remove these — not the fresh CSS engine tag.
-  let ssrStyles = null
-  if (isBrendered) {
-    const d = ctx.document || (typeof document !== 'undefined' ? document : null)
-    if (d) ssrStyles = Array.from(d.head.querySelectorAll('style'))
-  }
-
-  await prepareContext(app, ctx)
-
-  // Inject CSS reset after design system init
-  if (ctx.useReset !== false) {
-    const doc = ctx.document || (typeof document !== 'undefined' ? document : null)
-    if (doc) {
-      let style = doc.head.querySelector('style[data-smbls]')
-      if (!style) {
-        style = doc.createElement('style')
-        style.setAttribute('data-smbls', '')
-        doc.head.appendChild(style)
-      }
-      const s = style.sheet
-      if (s) {
-        try { s.insertRule('*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }', 0) } catch(e) {}
-        try { s.insertRule('h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }', 1) } catch(e) {}
-      }
-    }
-  }
-
-  // Merge context.app (from app.js) onto root element definition
-  if (ctx.app && isObject(ctx.app)) {
-    for (const k in ctx.app) {
-      if (app[k] === undefined) app[k] = ctx.app[k]
-    }
-  }
-
-  app.extends = initializeExtend(app, ctx)
-  if (ctx.router !== false) app.routes = ctx.pages
-  app.state = ctx.state
-  app.context = ctx
-  app.data = app.data || {}
-
-  if (!ctx.skipDesignSystemInit) {
-    await prepareRequire(
-      {
-        functions: ctx.functions,
-        utils: ctx.utils,
-        snippets: ctx.snippets,
-        ...ctx.files
-      },
-      ctx
-    )
-  }
-
-  // Run plugin `beforeCreate` lifecycle. All sync/notifications/inspect
-  // injection happens here — the framework knows nothing about which
-  // plugins run. Remove the relevant plugin from `ctx.plugins` (or set
-  // `context.sync = false` / `context.inspect = false` / etc) and no
-  // attach happens.
-  for (const plugin of ctx.plugins) {
-    if (typeof plugin.beforeCreate === 'function') {
-      try {
-        plugin.beforeCreate(app, ctx)
-      } catch (err) {
-        console.error(`[smbls] plugin "${plugin.name || '?'}" beforeCreate error:`, err)
-      }
-    }
-  }
-
-  const doc = ctx.document
-  if (!doc || !doc.createElement) return app
-
-  const parentNode = ctx.parent || doc.body
-
-  if (isBrendered) {
-    return fallbackRender(createElement, app, parentNode, ctx, win, ssrStyles)
-  }
-
-  // v3.14: use @symbo.ls/element create directly
-  const smblsApp = createElement(app, parentNode, ctx.key, {
-    verbose: ctx.verbose,
-    context: ctx,
-    ...ctx.domqlOptions
-  })
-
-  // Keep activeDocument set to iframe doc so late-rendering elements
-  // (lifecycle hooks, async children) inject CSS into the correct document.
-  // The next create() call will set it to its own document.
-
-  // Expose root element for debugging
-  if (typeof window !== 'undefined' && !ctx.document) window.__smblsApp = smblsApp
-
-  return smblsApp
-}
-
-/**
- * Legacy fallback: remove brender content and re-create DOMQL normally.
- * CSS stays in <style> tags so re-render is fast (no FOUC for styles).
- */
-const fallbackRender = async (createFn, app, parentNode, ctx, win, ssrStyles) => {
-  const doc = parentNode.ownerDocument || document
-
-  // Remove only the SSR style tags that existed before prepareContext.
-  // This preserves the fresh <style> tag created by prepareDesignSystem.
-  if (ssrStyles) ssrStyles.forEach(s => { if (s.parentNode) s.remove() })
-
-  // Remove brender content but keep framework-injected elements:
-  // <script>, <link>, <style> (page infrastructure)
-  // <svg> with id (SVG/icon sprites injected by initDesignSystem)
-  const toRemove = []
-  for (const child of parentNode.childNodes) {
-    if (child.nodeType === 1) {
-      const tag = child.tagName.toLowerCase()
-      if (tag === 'script' || tag === 'link' || tag === 'style') continue
-      if (tag === 'svg' && child.id) continue // SVG sprite containers
-    }
-    toRemove.push(child)
-  }
-  toRemove.forEach(n => n.remove())
-
-  // Also remove stale data-br attributes from any remaining elements
-  doc.querySelectorAll('[data-br]').forEach(el => el.removeAttribute('data-br'))
-
-  const smblsApp = createFn(app, parentNode, ctx.key, {
-    verbose: ctx.verbose,
-    context: ctx,
-    ...ctx.domqlOptions
-  })
-
-  cleanup(win)
-  return smblsApp
-}
-
-const cleanup = (win) => {
-  if (!win) return
-  delete win.__BRENDER__
-  delete win.__BR_REGISTRY__
-}

package/src/define.js

@@ -1,64 +0,0 @@
-'use strict'
-
-import { resolveMetadata, applyMetadata } from '@symbo.ls/helmet'
-import { executeFetch } from '@symbo.ls/fetch'
-
-const fetchHandler = (param, el, state, context) => {
-  if (!param) return
-  executeFetch(param, el, state, context)
-}
-
-const metadataHandler = (param, el, state) => {
-  if (!param) return
-  const doc = el.context?.document || (typeof document !== 'undefined' && document)
-  if (!doc) return
-  const resolved = resolveMetadata(param, el, state)
-  applyMetadata(resolved, doc)
-}
-
-const routerHandler = async (param, el) => {
-  if (!param) return
-
-  const obj = { tag: 'fragment', ...param }
-
-  const set = async () => {
-    await el.set(obj, { preventDefineUpdate: '$router' })
-  }
-
-  if (el.lazyLoad) {
-    window.requestAnimationFrame(set)
-  } else await set()
-
-  return obj
-}
-
-export const defaultDefine = {
-  routes: param => param,
-  metadata: metadataHandler,
-  fetch: fetchHandler,
-  $router: routerHandler
-}
-
-/**
- * Create a custom define object with optional features.
- *
- * @param {Object} opts
- * @param {boolean} [opts.fetch=true] - Include fetch handler
- * @param {boolean} [opts.metadata=true] - Include metadata/helmet handler
- * @param {boolean} [opts.router=true] - Include router handler
- * @returns {Object} define handlers
- *
- * @example
- * // Disable fetch:
- * context.define = createDefine({ fetch: false })
- *
- * // Only router:
- * context.define = createDefine({ fetch: false, metadata: false })
- */
-export const createDefine = (opts = {}) => {
-  const define = { routes: param => param }
-  if (opts.metadata !== false) define.metadata = metadataHandler
-  if (opts.fetch !== false) define.fetch = fetchHandler
-  if (opts.router !== false) define.$router = routerHandler
-  return define
-}

package/src/destroy.js

@@ -1,66 +0,0 @@
-'use strict'
-
-import { dispose } from '@symbo.ls/element'
-
-// destroy(app) — formal teardown for a smbls app instance. Mirrors create().
-//
-// Cleans up the side effects create()/createDomqlElement()/onpopstateRouter
-// register on the realm so a second app can mount cleanly, or so a long-lived
-// shell can swap apps without leaking listeners and stale memoized state.
-//
-// Order matters:
-//   1. Run app-level teardowns (popstate listener, custom hooks queued by
-//      consumers on context.__teardowns) — these need to fire before the
-//      element tree comes apart, since handlers may still read context.
-//   2. Walk the element tree via dispose() — fires `onBeforeRemove` /
-//      `onRemove` hooks per element, disposes reactive effects + delegated
-//      event listeners, removes DOM node, destroys owned state.
-//   3. Clear memoized adapters so a fresh re-create resolves fetch/db anew.
-//
-// What it does NOT do (deliberately):
-// - Strip rules from shared <style data-smbls> / <style data-smbls-scoped>
-//   stylesheets. Those sheets are realm-wide by design (atomic CSS dedupe,
-//   scoped-id rules). Orphan rules left behind are inert: their selectors
-//   target content-hashed class names / unique scope IDs that no element in
-//   the new app will ever have.
-//
-// Returns true if the app was torn down, false if it was already destroyed
-// (idempotent — safe to call twice).
-export const destroy = (app) => {
-  if (!app || app.__destroyed) return false
-  const ctx = app.context
-  if (!ctx) {
-    app.__destroyed = true
-    return false
-  }
-
-  // 1. App-level teardowns (popstate listener etc.). Run before disposing
-  //    elements so cleanup callbacks can still read context state.
-  if (Array.isArray(ctx.__teardowns)) {
-    for (const fn of ctx.__teardowns) {
-      try { fn() } catch (e) { console.error('[smbls] destroy teardown error:', e) }
-    }
-    ctx.__teardowns.length = 0
-  }
-
-  // 2. Recursive element disposal — fires onBeforeRemove / onRemove hooks,
-  //    cancels reactive effects, removes event listeners, detaches DOM, and
-  //    destroys state. Handles the entire subtree.
-  try { dispose(app) } catch (e) { console.error('[smbls] dispose error:', e) }
-
-  // 3. Clear memoized adapter caches so a re-create starts fresh.
-  if (ctx.fetch && ctx.fetch.__resolved) delete ctx.fetch.__resolved
-  if (ctx.fetch && ctx.fetch.__resolving) delete ctx.fetch.__resolving
-  if (ctx.db && ctx.db.__resolved) delete ctx.db.__resolved
-  if (ctx.db && ctx.db.__resolving) delete ctx.db.__resolving
-
-  // 4. Tear down analyze listeners (browser, network, console proxy).
-  if (ctx.analyze?.destroy) {
-    try { ctx.analyze.destroy() } catch (e) { console.error('[analyze] destroy error:', e) }
-  }
-
-  app.__destroyed = true
-  return true
-}
-
-export default destroy