mnfst 0.5.197 → 0.5.198-next.1

package/lib/manifest.appwrite.data.js

@@ -104,6 +104,32 @@ async function getAppwriteDataServices() {
     };
 }
 
+// Auth pre-flight: one shared account.get() in flight; a pass is cached until auth state changes
+let authCheck = null;
+let authVerified = false;
+['manifest:auth:login', 'manifest:auth:logout', 'manifest:auth:anonymous', 'manifest:auth:session-cleared', 'manifest:auth:initialized']
+    .forEach(type => window.addEventListener(type, () => { authCheck = null; authVerified = false; }));
+
+async function verifyAuthenticated() {
+    if (!window.ManifestAppwriteAuthConfig || authVerified) return;
+    if (!authCheck) {
+        authCheck = (async () => {
+            const { client } = await window.ManifestAppwriteAuthConfig.getAppwriteClient();
+            if (!client || !window.Appwrite?.Account) return true;
+            try {
+                await new window.Appwrite.Account(client).get();
+            } catch (error) {
+                if (error?.code === 401) return false;
+            }
+            authVerified = true; // Anonymous / API-key access proceeds too
+            return true;
+        })().catch(() => true).finally(() => { authCheck = null; });
+    }
+    if (!(await authCheck)) {
+        throw new Error('[Manifest Data] User not authenticated. Please sign in to Appwrite first.');
+    }
+}
+
 // Load rows from Appwrite table
 async function loadTableRows(databaseId, tableId, queries = []) {
     const services = await getAppwriteDataServices();
@@ -111,29 +137,7 @@ async function loadTableRows(databaseId, tableId, queries = []) {
         throw new Error('[Manifest Data] Appwrite TablesDB service not available');
     }
 
-    // Optional: Verify authentication if auth plugin is available
-    // Skip if using API key or anonymous access
-    if (window.ManifestAppwriteAuthConfig) {
-        try {
-            const { client } = await window.ManifestAppwriteAuthConfig.getAppwriteClient();
-            if (client && window.Appwrite?.Account) {
-                const account = new window.Appwrite.Account(client);
-                try {
-                    await account.get(); // This will throw if not authenticated
-                } catch (authError) {
-                    // Only throw if auth plugin is being used - otherwise allow anonymous/API key access
-                    if (authError.code === 401) {
-                        throw new Error('[Manifest Data] User not authenticated. Please sign in to Appwrite first.');
-                    }
-                }
-            }
-        } catch (authCheckError) {
-            // If auth check fails, still try the request (might be anonymous access or API key)
-            if (authCheckError.message?.includes('not authenticated')) {
-                throw authCheckError;
-            }
-        }
-    }
+    await verifyAuthenticated();
 
     try {
         const response = await services.tablesDB.listRows({

package/lib/manifest.combobox.js

@@ -410,6 +410,7 @@ function initializeComboboxPlugin() {
             generatedMenu = menu;               // tracked so cleanup() can remove it on re-render
             if (src) src.style.setProperty('display', 'none', 'important');
             menu.setAttribute('popover', 'manual');
+            menu.setAttribute('x-defer.off', ''); // options are built here, not by directives
             menu.id = 'combobox-menu-' + rand();
             menu.setAttribute('role', 'listbox');
             if (multiple) menu.setAttribute('aria-multiselectable', 'true');

package/lib/manifest.computed.js

@@ -0,0 +1,52 @@
+/* Manifest Computed */
+
+(function () {
+
+// $computed(fn): cached derivation — recomputed once per flush when a tracked dependency changes
+function computed(fn) {
+    if (typeof fn !== 'function') throw new TypeError('[Manifest Computed] $computed expects a function');
+    return Alpine.interceptor(() => {}, obj => {
+        obj.initialize = (data, path, key) => install(data, key, fn);
+    })(fn);
+}
+
+function install(data, key, fn) {
+    let value;
+    let failed = false;
+    let first = true;
+
+    const compute = () => {
+        try {
+            value = fn.call(data);
+            failed = false;
+        } catch (error) {
+            // Keep the last good value; report once per failure streak
+            if (!failed) console.warn(`[Manifest Computed] "${key}" threw — keeping its last value`, error);
+            failed = true;
+        }
+        return value;
+    };
+
+    const effect = Alpine.effect(() => {
+        const next = compute();
+        if (first) { first = false; return; }
+        data[key] = next;
+    });
+
+    // Release with the owning element (stores have no $el and live for the page)
+    const el = data.$el;
+    if (el) Alpine.onElRemoved(el, () => Alpine.release(effect));
+
+    return value;
+}
+
+function initializeComputedPlugin() {
+    Alpine.magic('computed', () => computed);
+}
+
+window.$computed = computed;
+
+document.addEventListener('alpine:init', initializeComputedPlugin);
+if (window.Alpine && typeof window.Alpine.magic === 'function') initializeComputedPlugin();
+
+})();

package/lib/manifest.d.ts

@@ -412,7 +412,7 @@ export interface ManifestTextEdit {
 export type ManifestDirective =
     | 'x-route' | 'x-anchors'
     | 'x-icon' | 'x-svg' | 'x-markdown' | 'x-code' | 'x-code-group'
-    | 'x-toast' | 'x-tooltip' | 'x-carousel' | 'x-virtual' | 'x-resize'
+    | 'x-toast' | 'x-tooltip' | 'x-carousel' | 'x-virtual' | 'x-resize' | 'x-defer'
     | 'x-chart' | 'x-date' | 'x-color' | 'x-colorpicker' | 'x-combobox'
     | 'x-export' | 'x-pay' | 'x-files' | 'x-data-files'
     | 'x-edit' | 'x-text-edit';
@@ -430,6 +430,11 @@ declare global {
     const $modify: ManifestModify;
     /** Run a callback safely, returning undefined on error. */
     const $try: ManifestTry;
+    /**
+     * Cached derivation for `x-data` / `Alpine.data` scopes: `rows: $computed(function () { return this.items.filter(…) })`.
+     * Recomputed once per flush when a tracked dependency changes; reads as a plain property with a stable identity in between.
+     */
+    const $computed: <T>(fn: (this: any) => T) => T;
     /** Appwrite auth plugin (present when the plugin is loaded). */
     const $auth: ManifestAuth;
     /** Localization plugin. */
@@ -485,6 +490,8 @@ declare global {
             loadPlugin(name: string, version?: string): Promise<unknown>;
             loadTailwind(version?: string): Promise<unknown>;
             getPluginUrl(name: string, version?: string): string;
+            /** Defer a closed container built at runtime (call before Alpine.initTree). */
+            defer?(el: Element): unknown;
         };
         Alpine?: unknown;
         __manifestLoaded?: unknown;