create-middag-ui 0.11.0 → 0.13.0

package/lib/scaffold.js

@@ -8,9 +8,9 @@
  */
 
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
-import { join, basename, dirname } from "node:path";
+import { basename, dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
-import { success, warn, error } from "./ui.js";
+import { error, success, warn } from "./ui.js";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
 
@@ -94,6 +94,13 @@ export function scaffoldPackageJson(targetDir, host, cwd, registryPath, hostKey)
     deps["sonner"] = "^2.0.0";
   }
 
+  // Moodle AMD build needs Tailwind Vite plugin for CSS processing
+  const moodleDevDeps = {};
+  if (hostKey === "moodle") {
+    moodleDevDeps["@tailwindcss/vite"] = "^4.0.0";
+    moodleDevDeps["tailwindcss"] = "^4.0.0";
+  }
+
   const scripts = {
     dev: "vite",
     build: "vite build",
@@ -140,6 +147,7 @@ export function scaffoldPackageJson(targetDir, host, cwd, registryPath, hostKey)
       eslint: "^9.0.0",
       prettier: "^3.0.0",
       "prettier-plugin-tailwindcss": "^0.6.0",
+      ...moodleDevDeps,
     },
   };
 
@@ -166,7 +174,7 @@ export function scaffoldTsconfig(targetDir) {
       paths: { "@/*": ["./src/*"] },
       baseUrl: ".",
     },
-    include: ["src"],
+    include: ["src", "mock"],
   };
 
   writeFile(filePath, JSON.stringify(tsconfig, null, 2) + "\n", "tsconfig.json");
@@ -312,6 +320,7 @@ export function scaffoldIndexHtml(targetDir) {
     -->
     <div id="root" class="middag-root"></div>
     <div id="middag-portals" class="middag-root"></div>
+    <script>window.__MIDDAG_MOCK_NAVIGATE__ = true;</script>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
@@ -442,6 +451,22 @@ export type { PageContract, BlockDescriptor, SharedProps } from "@middag-io/reac
  *
  * Import order matters \u2014 this file is loaded AFTER @middag-io/react/style.css
  * so overrides here take precedence.
+ *
+ * \u2500\u2500 Built-in themes (PRO) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+ * PRO users: 4 built-in themes are imported in main.tsx:
+ *   classic (Maia) \u2014 default, warm neutral, shadcn/ui feel
+ *   enterprise     \u2014 Jira/Linear, dense, corporate blue
+ *   soft           \u2014 Notion/Craft, friendly, rose/pink
+ *   midnight       \u2014 GitHub Dark/Vercel, dev-tools
+ *
+ * Switch via: document.body.classList.add("theme-enterprise")
+ * See: https://ui-docs.middag.io/guides/theme#built-in-themes
+ *
+ * \u2500\u2500 Custom themes (all users) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+ * Override :root for global changes, or create a .theme-{name} class
+ * for a switchable theme. Both Community and PRO users can create
+ * unlimited custom themes.
+ * See: https://ui-docs.middag.io/guides/theme#custom-themes
  */
 
 /* \u2500\u2500 Global token overrides \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -460,13 +485,13 @@ export type { PageContract, BlockDescriptor, SharedProps } from "@middag-io/reac
 }
 */
 
-/* \u2500\u2500 Example theme: Ocean \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+/* \u2500\u2500 Example custom theme: Ocean \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
  *
- * A complete theme override scoped to a CSS class.
- * Apply with: <div id="root" class="middag-root theme-ocean">
+ * A complete custom theme scoped to a CSS class.
+ * Apply with: document.body.classList.add("theme-ocean")
  *
- * This is how MIDDAG themes work \u2014 redefine tokens in a scope.
- * The scoped class overrides :root values for everything inside it.
+ * Override colors, radius, density, shadows, and layout in one class.
+ * Dark mode: use :root.dark .theme-ocean for dark overrides.
  */
 
 .theme-ocean {
@@ -482,6 +507,13 @@ export type { PageContract, BlockDescriptor, SharedProps } from "@middag-io/reac
   --info: oklch(0.55 0.14 200);
   --info-foreground: oklch(0.98 0 0);
 
+  /* Shape \u2014 tighter corners, denser rows */
+  --radius: 0.5rem;
+  --radius-sm: 4px;
+  --radius-lg: 8px;
+  --size-table-row: 44px;
+  --size-button-md: 34px;
+
   /* Sidebar */
   --sidebar: oklch(0.15 0.03 230);
   --sidebar-foreground: oklch(0.75 0.02 230);
@@ -493,6 +525,16 @@ export type { PageContract, BlockDescriptor, SharedProps } from "@middag-io/reac
   --sidebar-border: oklch(0.25 0.03 230);
 }
 
+/* Dark mode for custom theme */
+:root.dark .theme-ocean,
+[data-theme="dark"] .theme-ocean {
+  --primary: oklch(0.65 0.14 230);
+  --primary-foreground: oklch(0.1 0.01 230);
+  --background: oklch(0.12 0.01 230);
+  --sidebar: oklch(0.10 0.02 230);
+  --sidebar-foreground: oklch(0.70 0.01 230);
+}
+
 /* \u2500\u2500 Custom project styles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
  *
  * Add project-specific styles below. These can target MIDDAG components
@@ -506,17 +548,9 @@ export type { PageContract, BlockDescriptor, SharedProps } from "@middag-io/reac
  *   Radius:  var(--radius-sm|md|lg|xl|2xl|full)
  *   Shadows: var(--shadow-xs|sm|md|lg|xl|2xl)
  *   Motion:  var(--duration-fast|normal|moderate|slow)
+ *   Sizing:  var(--size-button-sm|md|lg), var(--size-table-row),
+ *            var(--size-input), var(--sidebar-width)
  */
-
-/* Example: branded page header */
-/*
-.my-page-header {
-  background: linear-gradient(135deg, var(--primary) 0%, var(--info) 100%);
-  color: var(--primary-foreground);
-  padding: var(--space-6) var(--space-8);
-  border-radius: var(--radius-lg);
-}
-*/
 `,
       "src/theme.css",
     );
@@ -634,7 +668,7 @@ export const dashboardContract: PageContract = {
       `/**
  * Connectors page contract \u2014 INTERMEDIATE example.
  *
- * Demonstrates the "split" layout with three block types:
+ * Demonstrates the "sidebar" layout with three block types:
  *   - card_grid (connector cards in the main region)
  *   - status_strip (health indicators in the aside)
  *   - detail_panel (metadata in the aside)
@@ -658,7 +692,7 @@ export const connectorsContract: PageContract = {
     ],
   },
   layout: {
-    template: "split",
+    template: "sidebar",
     regions: {
       main: [
         {
@@ -1265,7 +1299,8 @@ export function scaffoldHostEntry(targetDir, hostKey) {
   const label = `src/entry-${hostKey}.tsx`;
   if (skipIfExists(filePath, label)) return;
 
-  // Host-specific setup and post-mount code
+  // Host-specific imports, setup, and post-mount code
+  let extraImports = "";
   let setupCode = "";
   let postMountCode = "";
 
@@ -1290,7 +1325,20 @@ export function scaffoldHostEntry(targetDir, hostKey) {
     });
     observer.observe(document.body, { childList: true, subtree: true });`;
   } else if (hostKey === "moodle") {
-    setupCode = `    document.body.classList.add("middag-active");`;
+    extraImports = `import "./tailwind.css";
+import "@fontsource-variable/figtree";`;
+    setupCode = `    document.body.classList.add("middag-active");
+
+    // Portal container for Radix UI (modals, popovers, toasts).
+    // Radix portals default to document.body which is outside .middag-root,
+    // meaning scoped Tailwind styles won't apply. This creates a sibling
+    // container with .middag-root so portal content inherits design tokens.
+    if (!document.getElementById("middag-portals")) {
+      const portalContainer = document.createElement("div");
+      portalContainer.id = "middag-portals";
+      portalContainer.classList.add("middag-root");
+      document.body.appendChild(portalContainer);
+    }`;
   }
 
   const content = `/**
@@ -1304,39 +1352,31 @@ export function scaffoldHostEntry(targetDir, hostKey) {
  */
 import { createRoot } from "react-dom/client";
 import { createInertiaApp } from "@inertiajs/react";
-import {
-  registerDefaults,
-  registerShell,
-  ContractPage,
-  HostProductShell,
-  I18nProvider,
-  ProgressProvider,
-  ptBR,
-} from "@middag-io/react";
-import type { PageContract } from "@middag-io/react";
+import { I18nProvider, ProgressProvider } from "@middag-io/react";
 import "@middag-io/react/style.css";
 import "./theme.css";
+${ extraImports }import { registerDefaults } from "./app/register";
+import { resolvePageComponent } from "./app/page-resolver";
 
 registerDefaults();
-registerShell("product", HostProductShell);
 
 createInertiaApp({
   id: "middag-app",
-  resolve: () => {
-    const Page = ({ contract }: { contract: PageContract }) => (
-      <I18nProvider overrides={ptBR}>
-        <ProgressProvider>
-          <ContractPage contract={contract} />
-        </ProgressProvider>
-      </I18nProvider>
-    );
-    Page.displayName = "ContractPageWrapper";
-    return Page;
-  },
+  resolve: (name) => resolvePageComponent(name),
   setup({ el, App, props }) {
     el.classList.add("middag-root");
 ${setupCode}
-    createRoot(el).render(<App {...props} />);
+    createRoot(el).render(
+      <ProgressProvider>
+        <App {...props}>
+          {({ Component, props: pageProps, key }) => (
+            <I18nProvider>
+              <Component key={key} {...pageProps} />
+            </I18nProvider>
+          )}
+        </App>
+      </ProgressProvider>,
+    );
 ${postMountCode}
   },
 });
@@ -1372,17 +1412,71 @@ export function scaffoldHostViteConfig(targetDir, hostKey, host) {
         },
       },`;
   } else if (hostKey === "moodle") {
-    outDir = `resolve(__dirname, "../amd/build")`;
-    formats = `["iife"]`;
-    libName = `"MiddagUI"`;
-    fileName = `() => "app.js"`;
-    extraRollup = `
+    // Moodle uses AMD format with vite-plugin-moodle-amd.
+    // Generate a dedicated AMD config instead of the shared lib template.
+    const content = `/**
+ * Vite build config for Moodle — AMD production build.
+ *
+ * Usage:
+ *   npm run build:moodle     \u2192 AMD chunks to dist/ + amd/
+ *   npm run watch:moodle     \u2192 rebuild on change
+ *
+ * Output: AMD modules compatible with Moodle's RequireJS loader.
+ * vite-plugin-moodle-amd rewrites chunk paths and copies to amd/.
+ * CSS is copied to styles/middag-app.css (Moodle auto-discovers it).
+ *
+ * The dev server (\`npm run dev\`) uses vite.config.ts instead.
+ */
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import moodleAmd from "./plugins/vite-plugin-moodle-amd";
+import { resolve } from "path";
+
+export default defineConfig({
+  plugins: [react(), tailwindcss(), moodleAmd()],
+  define: { "process.env.NODE_ENV": JSON.stringify("production") },
+  resolve: { alias: { "@/": resolve(__dirname, "src") + "/" } },
+  build: {
+    outDir: resolve(__dirname, "dist"),
+    emptyOutDir: true,
+    minify: "esbuild",
+    cssCodeSplit: false,
+    rollupOptions: {
+      input: { "middag-app": resolve(__dirname, "src/entry-moodle.tsx") },
+      external: ["core/ajax", "core/str", "core/notification", "jquery"],
       output: {
-        assetFileNames: (assetInfo) => {
-          if (assetInfo.name?.endsWith(".css")) return "style.css";
-          return assetInfo.name || "[name]-[hash][extname]";
+        format: "amd",
+        dir: resolve(__dirname, "dist"),
+        entryFileNames: "[name].js",
+        chunkFileNames: "[name].js",
+        manualChunks(id) {
+          if (
+            id.includes("node_modules/react/") ||
+            id.includes("node_modules/react-dom/") ||
+            id.includes("node_modules/scheduler/") ||
+            id.includes("node_modules/@inertiajs/")
+          ) {
+            return "react-vendor-lazy";
+          }
+          if (
+            id.includes("node_modules/@radix-ui/") ||
+            id.includes("node_modules/@base-ui/") ||
+            id.includes("node_modules/class-variance-authority/")
+          ) {
+            return "react-ui-lazy";
+          }
+          if (id.includes("node_modules/@tanstack/")) {
+            return "react-table-lazy";
+          }
         },
-      },`;
+      },
+    },
+  },
+});
+`;
+    writeFile(filePath, content, label);
+    return;
   } else {
     outDir = `resolve(__dirname, "../dist")`;
     formats = `["es"]`;
@@ -1445,7 +1539,7 @@ export default defineConfig({
 export function scaffoldHostThemeCSS(targetDir, hostKey, host) {
   const themePath = join(targetDir, "src", "theme.css");
 
-  let hostSection = "";
+  let hostSection;
 
   if (hostKey === "wordpress") {
     hostSection = `
@@ -1505,8 +1599,18 @@ body.middag-active {
   } else if (hostKey === "moodle") {
     hostSection = `
 
-/* \u2500\u2500 Moodle Boost integration \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
- * Active when MIDDAG mounts inside Moodle admin (body.middag-active).
+/* ── Moodle Boost integration ────────────────────────────────────────────
+ * Active when MIDDAG mounts inside Moodle (body.middag-active).
+ *
+ * CSS Isolation Strategy:
+ *
+ * OUTWARD (MIDDAG → Moodle):
+ *   Tailwind utility classes only match elements that carry them.
+ *   Known collisions with Bootstrap are neutralized below.
+ *
+ * INWARD (Moodle → MIDDAG):
+ *   .middag-root blocks inherited Moodle/Bootstrap styles.
+ *   Portals render inside #middag-portals (also .middag-root).
  */
 
 body.middag-active {
@@ -1515,7 +1619,31 @@ body.middag-active {
 
 body.middag-active [data-slot="sidebar-container"] {
   left: 0 !important;
-}`;
+}
+
+/* ── Outward isolation: Tailwind ↔ Bootstrap collision fixes ─────────────
+ *
+ * .collapse — Bootstrap uses display:none/block for collapsible fieldsets.
+ *   Tailwind emits \`.collapse { visibility: collapse }\` which breaks them.
+ *   Neutralize outside the React tree (.middag-root).
+ *
+ * Add new entries here as collisions are discovered.
+ */
+.collapse:not(.middag-root .collapse, .middag-root.collapse) {
+  visibility: visible !important;
+}
+
+/* ── Theme bridge: inherit Moodle Boost primary color ────────────────────
+ *
+ * If Boost defines --bs-primary, map it to --middag-brand so the
+ * MIDDAG UI inherits the institution's brand color automatically.
+ * Uncomment and adjust if your Moodle theme uses a different variable.
+ */
+/*
+:root {
+  --middag-brand: var(--bs-primary);
+}
+*/`;
   } else {
     hostSection = `
 
@@ -1787,3 +1915,136 @@ export const router = {
     );
   }
 }
+
+// ── Template reader ─────────────────────────────────────────────────────
+
+/** Read a template file relative to this script's directory. */
+function readTemplate(relativePath) {
+  return readFileSync(join(__dirname, relativePath), "utf-8");
+}
+
+// ── Shared: register, page-resolver, route helper, demo page ────────────
+
+/**
+ * Scaffold FREE register: src/app/register.ts — minimal (5 blocks).
+ */
+export function scaffoldFreeRegister(targetDir) {
+  ensureDir(join(targetDir, "src", "app"));
+  const filePath = join(targetDir, "src", "app", "register.ts");
+  if (skipIfExists(filePath, "src/app/register.ts")) return;
+  writeFile(filePath, readTemplate("templates/shared/register-free.ts"), "src/app/register.ts (FREE)");
+}
+
+/**
+ * Scaffold page resolver: src/app/page-resolver.tsx.
+ * Supports Contract: prefix pages (ContractPage) and direct pages (glob).
+ */
+export function scaffoldPageResolver(targetDir) {
+  ensureDir(join(targetDir, "src", "app"));
+  const filePath = join(targetDir, "src", "app", "page-resolver.tsx");
+  if (skipIfExists(filePath, "src/app/page-resolver.tsx")) return;
+  writeFile(filePath, readTemplate("templates/shared/page-resolver.tsx"), "src/app/page-resolver.tsx");
+}
+
+/**
+ * Scaffold route helper: src/lib/routes.ts.
+ * Abstracts host admin URL vs dev mock path.
+ *
+ * @param {string} hostKey - 'wordpress' | 'moodle' | 'custom'
+ */
+/**
+ * @param {string} targetDir
+ * @param {string} hostKey - 'wordpress' | 'moodle' | 'custom'
+ * @param {string} [pluginSlug] - For Moodle: slug portion of frankenstyle (e.g. "middag" from "local_middag")
+ */
+export function scaffoldRouteHelper(targetDir, hostKey, pluginSlug) {
+  ensureDir(join(targetDir, "src", "lib"));
+  const filePath = join(targetDir, "src", "lib", "routes.ts");
+  if (skipIfExists(filePath, "src/lib/routes.ts")) return;
+
+  const templateMap = {
+    wordpress: "templates/shared/route-helper-wp.ts",
+    moodle: "templates/shared/route-helper-moodle.ts",
+    custom: "templates/shared/route-helper-custom.ts",
+  };
+  const template = templateMap[hostKey] || templateMap.wordpress;
+
+  try {
+    let content = readTemplate(template);
+    if (hostKey === "moodle" && pluginSlug) {
+      // Convert frankenstyle slug to Moodle path: "middag" with type prefix "local" → "local/middag"
+      // pluginSlug is the name part; the full frankenstyle comes from cli.js
+      content = content.replace(/__PLUGIN_PATH__/g, pluginSlug);
+    }
+    writeFile(filePath, content, "src/lib/routes.ts");
+  } catch {
+    // Fallback to WP template if host-specific one doesn't exist
+    writeFile(filePath, readTemplate("templates/shared/route-helper-wp.ts"), "src/lib/routes.ts");
+  }
+}
+
+/**
+ * Scaffold demo direct page: src/pages/DemoPage.tsx.
+ * Shows the direct page pattern (usePage + custom React).
+ */
+export function scaffoldDemoDirectPage(targetDir) {
+  ensureDir(join(targetDir, "src", "pages"));
+  const filePath = join(targetDir, "src", "pages", "DemoPage.tsx");
+  if (skipIfExists(filePath, "src/pages/DemoPage.tsx")) return;
+  writeFile(filePath, readTemplate("templates/shared/demo-page.tsx"), "src/pages/DemoPage.tsx");
+}
+
+// ── Moodle-specific scaffold functions ────────────────────────────────────
+
+/**
+ * Scaffold vite-plugin-moodle-amd: plugins/vite-plugin-moodle-amd.ts.
+ * Converts Rollup AMD output to Moodle's RequireJS format and copies
+ * built files to amd/src/ + amd/build/ + styles/.
+ *
+ * @param {string} targetDir - Absolute path to UI dir
+ * @param {string} pluginPrefix - Moodle frankenstyle (e.g. "local_middag")
+ */
+export function scaffoldMoodlePlugin(targetDir, pluginPrefix) {
+  ensureDir(join(targetDir, "plugins"));
+  const filePath = join(targetDir, "plugins", "vite-plugin-moodle-amd.ts");
+  if (skipIfExists(filePath, "plugins/vite-plugin-moodle-amd.ts")) return;
+  const content = readTemplate("templates/shared/vite-plugin-moodle-amd.ts")
+      .replace(/__PLUGIN_PREFIX__/g, pluginPrefix);
+  writeFile(filePath, content, "plugins/vite-plugin-moodle-amd.ts");
+}
+
+/**
+ * Scaffold Tailwind CSS entry for Moodle AMD build: src/tailwind.css.
+ * Brings in the Tailwind engine so local pages get their utilities compiled.
+ */
+export function scaffoldMoodleTailwind(targetDir) {
+  ensureDir(join(targetDir, "src"));
+  const filePath = join(targetDir, "src", "tailwind.css");
+  if (skipIfExists(filePath, "src/tailwind.css")) return;
+  writeFile(filePath, readTemplate("templates/shared/tailwind.css"), "src/tailwind.css");
+}
+
+/**
+ * Scaffold Moodle AMD adapters: src/lib/moodle/.
+ * Typed wrappers for core/ajax, core/str, core/notification.
+ *
+ * @param {string} targetDir - Absolute path to UI dir
+ * @param {string} pluginPrefix - Moodle frankenstyle (e.g. "local_middag")
+ */
+export function scaffoldMoodleAdapters(targetDir, pluginPrefix) {
+  ensureDir(join(targetDir, "src", "lib", "moodle"));
+
+  const files = [
+    { template: "templates/shared/moodle-ajax.ts", dest: "src/lib/moodle/ajax.ts" },
+    { template: "templates/shared/moodle-strings.ts", dest: "src/lib/moodle/strings.ts" },
+    { template: "templates/shared/moodle-notification.ts", dest: "src/lib/moodle/notification.ts" },
+  ];
+
+  for (const { template, dest } of files) {
+    const filePath = join(targetDir, dest);
+    if (skipIfExists(filePath, dest)) continue;
+    const content = readTemplate(template)
+        .replace(/__PLUGIN_PREFIX__/g, pluginPrefix);
+    writeFile(filePath, content, dest);
+  }
+}