@leeoohoo/ui-apps-devkit 0.1.0 → 0.1.1

package/templates/notepad/plugin/apps/app/api.mjs

@@ -1,30 +1,30 @@
-function ensureBridgeAvailable(bridgeEnabled) {
-  if (!bridgeEnabled) {
-    throw new Error('Host bridge not available (backend.invoke disabled)');
-  }
-}
-
-export function createNotesApi({ host, bridgeEnabled }) {
-  if (!host || typeof host !== 'object') throw new Error('host is required');
-
-  const invoke = async (method, params) => {
-    ensureBridgeAvailable(bridgeEnabled);
-    return await host.backend.invoke(method, params);
-  };
-
-  return {
-    init: async () => await invoke('notes.init'),
-    listFolders: async () => await invoke('notes.listFolders'),
-    createFolder: async (params) => await invoke('notes.createFolder', params),
-    renameFolder: async (params) => await invoke('notes.renameFolder', params),
-    deleteFolder: async (params) => await invoke('notes.deleteFolder', params),
-    listNotes: async (params) => await invoke('notes.listNotes', params),
-    createNote: async (params) => await invoke('notes.createNote', params),
-    getNote: async (params) => await invoke('notes.getNote', params),
-    updateNote: async (params) => await invoke('notes.updateNote', params),
-    deleteNote: async (params) => await invoke('notes.deleteNote', params),
-    listTags: async () => await invoke('notes.listTags'),
-    searchNotes: async (params) => await invoke('notes.searchNotes', params),
-  };
-}
-
+function ensureBridgeAvailable(bridgeEnabled) {
+  if (!bridgeEnabled) {
+    throw new Error('Host bridge not available (backend.invoke disabled)');
+  }
+}
+
+export function createNotesApi({ host, bridgeEnabled }) {
+  if (!host || typeof host !== 'object') throw new Error('host is required');
+
+  const invoke = async (method, params) => {
+    ensureBridgeAvailable(bridgeEnabled);
+    return await host.backend.invoke(method, params);
+  };
+
+  return {
+    init: async () => await invoke('notes.init'),
+    listFolders: async () => await invoke('notes.listFolders'),
+    createFolder: async (params) => await invoke('notes.createFolder', params),
+    renameFolder: async (params) => await invoke('notes.renameFolder', params),
+    deleteFolder: async (params) => await invoke('notes.deleteFolder', params),
+    listNotes: async (params) => await invoke('notes.listNotes', params),
+    createNote: async (params) => await invoke('notes.createNote', params),
+    getNote: async (params) => await invoke('notes.getNote', params),
+    updateNote: async (params) => await invoke('notes.updateNote', params),
+    deleteNote: async (params) => await invoke('notes.deleteNote', params),
+    listTags: async () => await invoke('notes.listTags'),
+    searchNotes: async (params) => await invoke('notes.searchNotes', params),
+  };
+}
+

package/templates/notepad/plugin/apps/app/compact.mjs

@@ -0,0 +1,41 @@
+export function mount({ container, host }) {
+  if (!container) throw new Error('container is required');
+
+  const ctx = typeof host?.context?.get === 'function' ? host.context.get() : {};
+  const root = document.createElement('div');
+  root.style.height = '100%';
+  root.style.boxSizing = 'border-box';
+  root.style.padding = '16px';
+  root.style.display = 'flex';
+  root.style.flexDirection = 'column';
+  root.style.gap = '10px';
+
+  const title = document.createElement('div');
+  title.textContent = 'Notepad (Compact)';
+  title.style.fontWeight = '700';
+  title.style.fontSize = '15px';
+
+  const meta = document.createElement('div');
+  meta.style.fontSize = '12px';
+  meta.style.opacity = '0.72';
+  meta.textContent = `${ctx?.pluginId || ''}:${ctx?.appId || ''} · compact`;
+
+  const desc = document.createElement('div');
+  desc.style.fontSize = '13px';
+  desc.style.opacity = '0.82';
+  desc.textContent = 'Render a streamlined list or quick actions for compact surfaces.';
+
+  root.appendChild(title);
+  root.appendChild(meta);
+  root.appendChild(desc);
+
+  container.appendChild(root);
+
+  return () => {
+    try {
+      container.textContent = '';
+    } catch {
+      // ignore
+    }
+  };
+}

package/templates/notepad/plugin/apps/app/dom.mjs

@@ -1,14 +1,14 @@
-export function normalizeString(value) {
-  return typeof value === 'string' ? value.trim() : '';
-}
-
-export function isElement(node) {
-  return node && typeof node === 'object' && typeof node.appendChild === 'function';
-}
-
-export function setButtonEnabled(btn, enabled) {
-  if (!btn) return;
-  btn.disabled = !enabled;
-  btn.dataset.disabled = enabled ? '0' : '1';
-}
-
+export function normalizeString(value) {
+  return typeof value === 'string' ? value.trim() : '';
+}
+
+export function isElement(node) {
+  return node && typeof node === 'object' && typeof node.appendChild === 'function';
+}
+
+export function setButtonEnabled(btn, enabled) {
+  if (!btn) return;
+  btn.disabled = !enabled;
+  btn.dataset.disabled = enabled ? '0' : '1';
+}
+

package/templates/notepad/plugin/apps/app/ds-tree.mjs

@@ -1,35 +1,35 @@
-async function importFirst(candidates) {
-  const list = Array.isArray(candidates) ? candidates : [];
-  let lastError = null;
-  for (const candidate of list) {
-    if (!candidate) continue;
-    try {
-      return await import(candidate);
-    } catch (err) {
-      lastError = err;
-    }
-  }
-  const hint = list.filter(Boolean).join('\n  - ');
-  const message = `Failed to load ds-tree modules. Tried:\n  - ${hint}`;
-  const error = new Error(message);
-  error.cause = lastError;
-  throw error;
-}
-
-function makeCandidates(relativePath) {
-  const rel = typeof relativePath === 'string' ? relativePath.trim() : '';
-  if (!rel) return [];
-  return [
-    new URL(`../../common/ui/${rel}`, import.meta.url).toString(),
-    new URL(`../../../../../common/ui/${rel}`, import.meta.url).toString(),
-  ];
-}
-
-const [treeView, treeStyles] = await Promise.all([
-  importFirst(makeCandidates('ds-tree-view.mjs')),
-  importFirst(makeCandidates('ds-tree-styles.mjs')),
-]);
-
-export const createDsPathTreeView = treeView.createDsPathTreeView;
-export const DS_TREE_STYLES = treeStyles.DS_TREE_STYLES;
-
+async function importFirst(candidates) {
+  const list = Array.isArray(candidates) ? candidates : [];
+  let lastError = null;
+  for (const candidate of list) {
+    if (!candidate) continue;
+    try {
+      return await import(candidate);
+    } catch (err) {
+      lastError = err;
+    }
+  }
+  const hint = list.filter(Boolean).join('\n  - ');
+  const message = `Failed to load ds-tree modules. Tried:\n  - ${hint}`;
+  const error = new Error(message);
+  error.cause = lastError;
+  throw error;
+}
+
+function makeCandidates(relativePath) {
+  const rel = typeof relativePath === 'string' ? relativePath.trim() : '';
+  if (!rel) return [];
+  return [
+    new URL(`../../common/ui/${rel}`, import.meta.url).toString(),
+    new URL(`../../../../../common/ui/${rel}`, import.meta.url).toString(),
+  ];
+}
+
+const [treeView, treeStyles] = await Promise.all([
+  importFirst(makeCandidates('ds-tree-view.mjs')),
+  importFirst(makeCandidates('ds-tree-styles.mjs')),
+]);
+
+export const createDsPathTreeView = treeView.createDsPathTreeView;
+export const DS_TREE_STYLES = treeStyles.DS_TREE_STYLES;
+