mnfst 0.5.213 → 0.5.215

package/lib/manifest.export.js

@@ -1,4 +1,5 @@
-/* Manifest Export — x-export / $export download of pages, regions, or data (pdf/png/jpeg/webp/csv/json) */
+/* Manifest Export — x-export / $export download of pages, regions, or data (pdf/png/jpeg/webp/csv/json),
+   and its mirror x-import / $import: pick a local file and parse it into data (json/csv) */
 
 (function () {
 
@@ -523,4 +524,251 @@ if (window.Alpine && typeof window.Alpine.directive === 'function') {
 }
 
 
+})();
+
+// ----- Import (x-import / $import) ------------------------------------------
+
+(function () {
+
+
+function initializeImportPlugin() {
+
+    Alpine.directive('import', (el, { modifiers, expression }, { evaluate, cleanup }) => {
+
+        const onClick = async (e) => {
+            if (e && typeof e.preventDefault === 'function') e.preventDefault();
+            const opts = resolveOptions(expression, modifiers, evaluate);
+            try {
+                await runImport(el, opts);
+            } catch (err) {
+                if (!err || !err._mnfstReported) emitError(el, opts.format, err);
+            }
+        };
+        el.addEventListener('click', onClick);
+        cleanup(() => el.removeEventListener('click', onClick));
+    });
+
+    // ----- $import magic — programmatic file pick, resolves parsed data -----
+    Alpine.magic('import', (el) => async (opts = {}) => {
+        return runImport(el || null, { ...opts });
+    });
+
+    // ------- Options + format helpers -----------------------------------
+
+    function resolveOptions(expression, modifiers, evaluate) {
+        let opts = {};
+        if (expression && expression.trim()) {
+            try {
+                const v = evaluate(expression);
+                if (v && typeof v === 'object') opts = { ...v };
+                else if (typeof v === 'string') opts = isKnownFormat(v.toLowerCase()) ? { format: v.toLowerCase() } : { source: v };
+            } catch (err) {
+                console.warn('[x-import] could not evaluate options expression:', err.message);
+            }
+        }
+        // Modifier shorthand for format only (.json, .csv).
+        if (!opts.format && Array.isArray(modifiers) && modifiers.length) {
+            const found = modifiers.find((m) => isKnownFormat(String(m).toLowerCase()));
+            if (found) opts.format = String(found).toLowerCase();
+        }
+        return opts;
+    }
+
+    function isKnownFormat(f) {
+        return f === 'json' || f === 'csv';
+    }
+
+    function acceptFor(format) {
+        if (format === 'json') return '.json,application/json';
+        if (format === 'csv') return '.csv,text/csv,.tsv';
+        return '.json,application/json,.csv,text/csv,.tsv';
+    }
+
+    function formatOf(file, declared) {
+        if (declared && isKnownFormat(declared)) return declared;
+        const name = (file && file.name || '').toLowerCase();
+        if (name.endsWith('.csv') || name.endsWith('.tsv')) return 'csv';
+        return 'json';
+    }
+
+    // ------- File picking ------------------------------------------------
+
+    // Hidden input per pick; resolves the chosen File, or null when the dialog
+    // is dismissed (the input 'cancel' event, where supported).
+    function pickFile(accept) {
+        return new Promise((resolve) => {
+            const input = document.createElement('input');
+            input.type = 'file';
+            if (accept) input.accept = accept;
+            input.style.display = 'none';
+            const done = (file) => { input.remove(); resolve(file); };
+            input.addEventListener('change', () => done(input.files && input.files[0] || null), { once: true });
+            input.addEventListener('cancel', () => done(null), { once: true });
+            document.body.appendChild(input);
+            input.click();
+        });
+    }
+
+    function readAsText(file) {
+        if (typeof file.text === 'function') return file.text();
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => resolve(String(reader.result || ''));
+            reader.onerror = () => reject(reader.error || new Error('could not read file'));
+            reader.readAsText(file);
+        });
+    }
+
+    // ------- Parsing -------------------------------------------------------
+
+    function parseContent(text, format) {
+        if (format === 'json') {
+            return JSON.parse(text);
+        }
+        return parseCsv(text);
+    }
+
+    // RFC 4180-style CSV: quoted fields, embedded commas/newlines/quotes.
+    // Header row → array of objects. Delimiter sniffed from the header line.
+    function parseCsv(text) {
+        const src = String(text).replace(/^/, '');
+        if (!src.trim()) return [];
+        const delimiter = sniffDelimiter(src);
+        const rows = [];
+        let row = [];
+        let cell = '';
+        let inQuotes = false;
+        for (let i = 0; i < src.length; i++) {
+            const ch = src[i];
+            if (inQuotes) {
+                if (ch === '"') {
+                    if (src[i + 1] === '"') { cell += '"'; i++; }
+                    else inQuotes = false;
+                } else cell += ch;
+            } else if (ch === '"') {
+                inQuotes = true;
+            } else if (ch === delimiter) {
+                row.push(cell); cell = '';
+            } else if (ch === '\n' || ch === '\r') {
+                if (ch === '\r' && src[i + 1] === '\n') i++;
+                row.push(cell); cell = '';
+                rows.push(row); row = [];
+            } else {
+                cell += ch;
+            }
+        }
+        if (cell !== '' || row.length) { row.push(cell); rows.push(row); }
+        while (rows.length && rows[rows.length - 1].every((c) => c === '')) rows.pop();
+        if (!rows.length) return [];
+        const headers = rows[0].map((h) => String(h).trim());
+        return rows.slice(1).map((cells) => {
+            const out = {};
+            headers.forEach((h, i) => { if (h) out[h] = coerceCell(cells[i]); });
+            return out;
+        });
+    }
+
+    function sniffDelimiter(src) {
+        const header = src.slice(0, src.indexOf('\n') < 0 ? src.length : src.indexOf('\n'));
+        let best = ',', bestCount = 0;
+        for (const d of [',', ';', '\t']) {
+            const count = header.split(d).length - 1;
+            if (count > bestCount) { best = d; bestCount = count; }
+        }
+        return best;
+    }
+
+    // Undo x-export's CSV serialization: JSON-looking cells parse back to
+    // objects/arrays; numbers, booleans and null coerce; everything else stays a string.
+    function coerceCell(v) {
+        if (v == null) return '';
+        const s = String(v);
+        const t = s.trim();
+        if (t === '') return '';
+        if (t === 'true') return true;
+        if (t === 'false') return false;
+        if (t === 'null') return null;
+        if (/^-?(\d+\.?\d*|\.\d+)(e[+-]?\d+)?$/i.test(t)) {
+            const n = Number(t);
+            if (Number.isFinite(n)) return n;
+        }
+        if (t[0] === '{' || t[0] === '[') {
+            try { return JSON.parse(t); } catch { /* keep string */ }
+        }
+        return s;
+    }
+
+    // ------- Delivery ------------------------------------------------------
+
+    function applyToSource(source, data) {
+        const store = window.ManifestDataStore;
+        if (!store || typeof store.updateStore !== 'function') {
+            throw new Error(`cannot write to source "${source}" — the data plugin is not loaded`);
+        }
+        store.updateStore(source, data, { loading: false, error: null, ready: true, fresh: true, allowDuringInit: true });
+    }
+
+    async function runImport(el, opts) {
+        const accept = opts.accept || acceptFor(opts.format);
+        const file = await pickFile(accept);
+        if (!file) return null;
+        const format = formatOf(file, opts.format);
+        let data;
+        try {
+            data = parseContent(await readAsText(file), format);
+        } catch (err) {
+            const e = new Error(`could not parse ${file.name} as ${format}: ${err.message}`);
+            emitError(el, format, e);
+            e._mnfstReported = true;
+            throw e;
+        }
+        if (opts.source) applyToSource(String(opts.source), data);
+        emit(el, 'manifest:import', {
+            data,
+            format,
+            source: opts.source || null,
+            file: { name: file.name, size: file.size, type: file.type }
+        });
+        return data;
+    }
+
+    function emit(el, name, detail) {
+        try {
+            const event = new CustomEvent(name, { detail, bubbles: true, composed: true });
+            (el && el.dispatchEvent ? el : window).dispatchEvent(event);
+        } catch { /* ignore */ }
+    }
+
+    function emitError(el, format, err) {
+        console.error('[x-import] import failed:', err && err.message || err);
+        emit(el, 'manifest:import-error', { format: format || null, error: err && err.message || String(err) });
+    }
+}
+
+// Standard plugin init lifecycle.
+let importPluginInitialized = false;
+function ensureImportPluginInitialized() {
+    if (importPluginInitialized) return;
+    if (!window.Alpine || typeof window.Alpine.directive !== 'function') return;
+    importPluginInitialized = true;
+    initializeImportPlugin();
+}
+window.ensureImportPluginInitialized = ensureImportPluginInitialized;
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', ensureImportPluginInitialized);
+}
+document.addEventListener('alpine:init', ensureImportPluginInitialized);
+if (window.Alpine && typeof window.Alpine.directive === 'function') {
+    setTimeout(ensureImportPluginInitialized, 0);
+} else {
+    const checkAlpine = setInterval(() => {
+        if (window.Alpine && typeof window.Alpine.directive === 'function') {
+            clearInterval(checkAlpine);
+            ensureImportPluginInitialized();
+        }
+    }, 10);
+    setTimeout(() => clearInterval(checkAlpine), 5000);
+}
+
+
 })();

package/lib/manifest.form.css

@@ -25,7 +25,12 @@
         }
 
         & input,
-        & .combobox,
+        & .combobox {
+            width: fit-content
+        }
+
+        /* Own rule: a selector list is not forgiving, so a browser that can't
+           parse the :has() would drop the two plain selectors above with it. */
         & :where(label, .label):has(input:not([type=checkbox], [type=radio]), select, textarea) {
             width: fit-content
         }

package/lib/manifest.integrity.json

@@ -1,34 +1,34 @@
 {
-  "manifest.appwrite.auth.js": "sha384-HMJmRXnvdDBWyuteXL+DTxWM2llSCdjl4EDamEI7iHNAVlqeOCE4GDTm8ZHipPRj",
-  "manifest.appwrite.data.js": "sha384-Qs+BZTiBnMjU9p5AZ2wZ0Dv7nJII4PtCnzrhu2h9QF3/7S/ULMOa4Gh7tpsagJz8",
+  "manifest.appwrite.auth.js": "sha384-X30RFvbwT9qEIaMsMUumnW54ZzcnY5aY9QQeXPG8/0sI6VAbAw3+FZ6iuZb6b4cu",
+  "manifest.appwrite.data.js": "sha384-cfOicas38L58E3CLRnXIdHR5FFFBPuzesQHl5HgqXARZq29XMBlqOmITteI35d5a",
   "manifest.appwrite.presences.js": "sha384-JyVDWFT69b7Svq8J8p9tNWe2v9PZNQBY5UyhtOl1vnuHFAX0CRQ3MA9SiKq5wzNh",
   "manifest.bindings.js": "sha384-lPtMf8Ykaic9gNVZKq8Scia1881ZeMAyxer3WCIkUNwwrgzGBWto1OXADUwjvORF",
-  "manifest.charts.js": "sha384-WE0pnHK4LBAkFyTw4+R6gheB9NFVJg81ZAG9GwMnbKI5gY3zlJIKM5neMlBUhTso",
+  "manifest.charts.js": "sha384-gEAv/98+29RbhvNkiNWTNyBPbLTFr2Ld15wLu29FLCL57j1cwGChRrL9Pfk7dBtT",
   "manifest.chat.js": "sha384-88DfMfJLoi2oxclVD2iIMDkIGAExMXq5k47mekUredlicLaP3oZY5bwtwqs+TqDF",
   "manifest.code.js": "sha384-aoQ4E26vrhNe/+tL7K0h90c8/0ies7e8oIR6Ay92he2X3dnWZ+OPcn2Dna8fmc+c",
   "manifest.color.js": "sha384-6Rv3LxyTcZNjrhtayQfqRdCx0uSZ4BiEbgEI98I62eTvp8Aw7LBIoNJ0Je1oktwL",
-  "manifest.colorpicker.js": "sha384-1+ZV5Hhjf7WnGP7b71Cqa5h3BKW8UgGT5V14i8Q+aF5zH8Xxwowt/ibSUVsiIHSm",
-  "manifest.combobox.js": "sha384-5DaKDWkWF7zxS80h7G1AcZG9hr+uGqJ1+B09aaVIVF+z0Qn4j8+9KEg7gys/ABQG",
-  "manifest.components.js": "sha384-458gCDrUIZts3WE1WZ/UA8Y1XcV6PaF+5k3Wf/Jr2iIY5EM/FisjwbLzpON8I25s",
+  "manifest.colorpicker.js": "sha384-BhcCe8cGcd0DTJNwzXWWY+FQNRfSFFl6XqfHIFP8yHg/aXFks1NIC6lVx0Sr1VkM",
+  "manifest.combobox.js": "sha384-MILTkrgsTzsYUjGo4ZuADqV85Xs4GmfB4xexfe9vbJMIoQTZ42W4zs+DTaVSPEsx",
+  "manifest.components.js": "sha384-27RMMNmXRgFLysdvJgZjDxfXvpIGlQUoWzmwaYCwdfNA+78LARTbOt3nKAPfXwvA",
   "manifest.computed.js": "sha384-GYML/e81gQfN+iDbqhPUgny8bINCyL+SrbTofoGk4hlCnLLjv51mCv42JMqq+ku5",
-  "manifest.data.js": "sha384-qGsyOceU+J0j0gQB804fp4PIw0fEn2FsMuKCWEaPYKZ13gb7RIaGK1kY/jJO089E",
-  "manifest.datepicker.js": "sha384-8vTJYkLqqvgXgm1w1becuaRR/jUEpiLBjBJ6RsRbUr+ZkypvspD6EsssuDrX4SQq",
+  "manifest.data.js": "sha384-rZO5eUSHAFhSWqcGTqgQibrThpKZcTTgvaI+x1HYa2oepLjDGwhbjgNeYCWqZNM+",
+  "manifest.datepicker.js": "sha384-XnbeURni2X91ozVzatQcSjYYIS4MoW12dBRJnYAGBr0nCQ624heH5s+xtQSpLZX6",
   "manifest.defer.js": "sha384-wXa60M2OHigi5rBurXQ7Oa8eyr5WTKs7EUn2GOru62KMdfs/LDyNegxCc9MNJFSe",
   "manifest.device.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
   "manifest.dropdowns.js": "sha384-0ilj9AvRph0LacIBJSqwpu1fvPRn5gcWbhIG1SOpaoM/Q8idMbKBLupwM+5O0UaX",
   "manifest.edit.js": "sha384-oLsrH7/UkJ/KEl3UO77hexcf2rYCGgzXZd0fe2EMq3hKRE7aUqLiEnLJhSV7zTaY",
-  "manifest.export.js": "sha384-HCy3n6ifrcAGIyzTRgZ5JIRvSX9q9/8ykMKRSbt1QTnhXz6PgYlV0AE2N2Yi2re+",
+  "manifest.export.js": "sha384-Rx6XvqBZc4apzP/FwcDr6yIln4/zNa08Q4ZqBZcEqUz1aNZQfl4h0+Ae7mqCQyuG",
   "manifest.icons.js": "sha384-kKOINpX70YzNO3FvkV6umrmO3f0KIu0DNbwB+ej55a7y/lhU7v/myQtXL0bwCTbt",
   "manifest.localization.js": "sha384-EImsIw8Z3l13V5eH9ZJF/yfsOfIvR1oPRNSArANkPji7V8O3IRf6zMwsNiAGj3Hk",
-  "manifest.markdown.js": "sha384-HFE2VwBRX5vhDGQ3c8XgZ10Y5ENkXxHzgX9DjmIEffqLoUDbnJYNk3TFWT9k3e+f",
+  "manifest.markdown.js": "sha384-fzyRaD7LwPOYcUeJZCMh6aWgk1ChxIVgy3eUTEjSwZ3DvAHrsl5EMvfxlvOKXD5U",
   "manifest.native.js": "sha384-g+txmrEszYtuOvRelTp/c1wSNR2AtllVI9rx5NPPD7DzhVUnMNughonZykv2xlBW",
   "manifest.payments.js": "sha384-8pofk2zhxtapPMpwnFyTelPMrYhShNhDCE722uQh/EYFvZFuPLmSdgunqsarVQjv",
   "manifest.resize.js": "sha384-+0IsyrGP/4gZmNbD6oU8dCgEyhpBsXMm74NIenYeUGuGRWyJDurcG27xE/CA0/aA",
   "manifest.router.js": "sha384-4qmGEkRpgAo9xoQkW6+hHIhowvcyAggKB2J3Wf8tJtXp+L0hufoVAqzfhnqw4cNR",
   "manifest.slides.js": "sha384-3uRTkyK9XPLmnxI2+igZlpi4EyPlU/7IHj5j3BZJJ2KN455vXyk99fiXV3feO/XY",
-  "manifest.status.js": "sha384-nwvUSbT+gpRMqhYx6MeBYswUMH72rY92mjgxv0vrSG7Ht7l83XYpEB6fCTbXjjfK",
+  "manifest.status.js": "sha384-MBO345ab7H6Uq1X2dZLt4Ge1Gcra+Z2qYApvlAeIV8CJhDDJrz2FPXpp+Kcp8zcM",
   "manifest.svg.js": "sha384-qr/8H9+2cIhSXNbRWRtIdrDlTOxKlNJqwEefHvCYoiBNW/kKhPTFa109Orv/EBnb",
-  "manifest.sw.js": "sha384-qbDoL97nOZnBUklWe6gAESKBUOL8EAR2qWzVw2TqBn7laSoPHnkXqVBc7kFS7HCG",
+  "manifest.sw.js": "sha384-Kh0gcISFTnkgXmmn2ykDjYsGw7NFDFaorDt5ZYVfg5Xs1Uy8H0ll0E98MMPqdBPy",
   "manifest.tabs.js": "sha384-OIIcyaQnGS0eNYk4zgAFEDboNYect7THvUd9D0V6nqCeDOxQcoiqLrBEmmWVTTet",
   "manifest.tailwind.js": "sha384-r/Jvqb+Piz21jUts10BbVAJoKkShOdJRVFpywyi4HPIi/OfOJq5CtPyWAPbdkMgt",
   "manifest.text.edit.js": "sha384-pfhc4IPKNJokj6ldlgD+KwGLN4UoM21CNeVf2sVq/34X1Un2PUhEuyTg5itmtsXS",
@@ -37,5 +37,5 @@
   "manifest.url.parameters.js": "sha384-J2aSVBOPsoqsbafHndrWLHEDpKb4AKJAoQnVmKA4gZh5P/8HHjFWHO/lkusmG84l",
   "manifest.utilities.js": "sha384-pIKcTvk9lrlXZK0OXld6SA6wrmlaFTCmTpLn67nOCE+XhNw4fuGSDX4Z3C2eR6CJ",
   "manifest.virtual.js": "sha384-YwwmAsZNddajnAkLhBWtrK8edHMJOhD7cJkQi3qmm5o1Thg0wbtDU0dsfrCHKTIQ",
-  "manifest.js": "sha384-fyktZSCaKJ267Hj5ORpbS/Dk11vtT+J8BN1XkA8zG+kXG1wPDwcA1hmB/40fY5Pq"
+  "manifest.js": "sha384-OMEyd7TUB5EfAhabW58OgEn6AkZgOuH5IQ85dHZf7ciI0jmXXrsCp2Eh74iVnJ62"
 }

package/lib/manifest.js

@@ -461,7 +461,7 @@
 		const resolved = [];
 		const added = new Set();
 
-		const PLUGIN_ALIASES = { native: 'device' };   // renamed 0.5.199; the old name keeps working
+		const PLUGIN_ALIASES = { native: 'device', import: 'export' };   // native renamed 0.5.199; import ships inside export
 		function addPluginWithDeps(plugin) {
 			plugin = PLUGIN_ALIASES[plugin] || plugin;
 			if (added.has(plugin)) return;
@@ -540,11 +540,16 @@
 		{ magic: '$presence', plugin: 'appwrite-presences' },
 		...['$share', '$secure', '$links', '$push', '$app', '$haptics', '$biometric', '$camera'].map(magic => ({ magic, plugin: 'device' }))
 	];
+	// Framework web components — <x-*> tags that are NOT project components.
+	const FRAMEWORK_TAG_RE = /^x-(code|code-group)$/;
 	function detectUsagePlugins(alreadyLoaded) {
 		const wanted = USAGE_PLUGINS.filter(u => !alreadyLoaded.includes(u.plugin));
-		if (wanted.length === 0 || typeof document === 'undefined') return [];
+		// <x-*> tags load the components plugin even with nothing registered in
+		// manifest.json (the loader's components/<name>.html convention).
+		const wantComponents = !alreadyLoaded.includes('components');
+		if ((wanted.length === 0 && !wantComponents) || typeof document === 'undefined') return [];
 		const found = new Set();
-		const done = () => found.size === wanted.length;
+		const done = () => found.size === wanted.length + (wantComponents ? 1 : 0);
 
 		for (const s of document.querySelectorAll('script:not([src])')) {
 			const t = s.textContent || '';
@@ -554,6 +559,10 @@
 
 		const scan = (root) => {
 			for (const el of root.querySelectorAll('*')) {
+				if (wantComponents && !found.has('components')) {
+					const tag = el.tagName.toLowerCase();
+					if (tag.startsWith('x-') && !FRAMEWORK_TAG_RE.test(tag)) found.add('components');
+				}
 				for (const attr of el.attributes || []) {
 					const v = attr.value;
 					if (!v || v.indexOf('$') === -1) continue;
@@ -690,7 +699,7 @@
 			// browser engine (lib/manifest.tailwind.js) — but the utilities plugin's
 			// uncovered-class watcher lazily loads it this way (see
 			// manifest.utilities.static.js setupUncoveredClassWatcher).
-			const allPlugins = [...AVAILABLE_PLUGINS, ...APPWRITE_PLUGINS, ...AUTHORING_PLUGINS, 'payments', 'chat', 'device', 'tailwind'];
+			const allPlugins = [...AVAILABLE_PLUGINS, ...APPWRITE_PLUGINS, ...AUTHORING_PLUGINS, 'payments', 'chat', 'device', 'native', 'import', 'tailwind'];
 			if (!allPlugins.includes(pluginName)) {
 				console.warn(`[Manifest Loader] Unknown plugin: ${pluginName}`);
 				return Promise.reject(new Error(`Unknown plugin: ${pluginName}`));

package/lib/manifest.markdown.js

@@ -463,16 +463,17 @@ async function initializeMarkdownPlugin() {
         };
 
         Alpine.directive('markdown', (el, { expression, modifiers }, { effect, evaluateLater }) => {
+        // `.safe` runs parsed HTML through DOMPurify before injection. Default
+        // is unsanitized (raw HTML + custom-element extensions); use .safe for
+        // untrusted source (Appwrite, API responses, crowdsourced translations).
+        const safe = Array.isArray(modifiers) && modifiers.includes('safe');
+
 
             // Handle null/undefined expressions gracefully
             if (!expression) {
                 return;
             }
 
-            // `.safe` runs parsed HTML through DOMPurify before injection. Default
-            // is unsanitized (raw HTML + custom-element extensions); use .safe for
-            // untrusted source (Appwrite, API responses, crowdsourced translations).
-            const safe = Array.isArray(modifiers) && modifiers.includes('safe');
 
             // Prerender idempotency: baked HTML children are build-time authoritative
             // — skip the initial hide-and-re-render, but still register the effect
@@ -677,6 +678,10 @@ async function initializeMarkdownPlugin() {
                                 resolvedPath = (basePath ? basePath + '/' : '/') + pathOrContent;
                             }
 
+                            // Prerender classification signal: the resolved
+                            // per-locale source, stamped before the fetch so the
+                            // renderer sees it even if capture races the request.
+                            try { el.setAttribute('data-mnfst-md-src', resolvedPath); } catch (_) { }
                             // Check cache first
                             if (markdownCache.has(resolvedPath)) {
                                 markdownContent = markdownCache.get(resolvedPath);
@@ -799,6 +804,9 @@ async function initializeMarkdownPlugin() {
             existingMarkdownElements.forEach(el => {
                 const expression = el.getAttribute('x-markdown');
 
+                // Modifiers live in the attribute name in this pre-registration path.
+                const safe = el.getAttributeNames().some(n => n.startsWith('x-markdown.') && n.split('.').includes('safe'));
+
                 // Create a temporary Alpine component context for this element
                 const tempComponent = Alpine.$data(el) || {};