npm - codeapp-js - Versions diffs - 0.2.1 → 0.3.0 - Mend

codeapp-js 0.2.1 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

package/codeApp/.power/schemas/appschemas/dataSourcesInfo.ts +6275 -0
package/codeApp/.power/schemas/jira/jira.Schema.json +6903 -0
package/codeApp/.power/schemas/keyvault/keyvault.Schema.json +1600 -0
package/codeApp/.power/schemas/teams/teams.Schema.json +11112 -0
package/codeApp/dist/codeapp.js +992 -4
package/codeApp/dist/power-apps-data.js +145 -31
package/codeApp/src/generated/index.ts +12 -0
package/codeApp/src/generated/models/AzureKeyVaultModel.ts +107 -0
package/codeApp/src/generated/models/JiraModel.ts +501 -0
package/codeApp/src/generated/models/Office365GroupsModel.ts +363 -0
package/codeApp/src/generated/models/Office365OutlookModel.ts +2046 -0
package/codeApp/src/generated/models/Office365UsersModel.ts +254 -0
package/codeApp/src/generated/services/AzureKeyVaultService.ts +257 -0
package/codeApp/src/generated/services/JiraService.ts +1124 -0
package/codeApp/src/generated/services/Office365GroupsService.ts +326 -0
package/codeApp/src/generated/services/Office365OutlookService.ts +2476 -0
package/codeApp/src/generated/services/Office365UsersService.ts +358 -0
package/dev files/outlook.js +218 -9
package/examples/combined demo/dist/codeapp.js +1098 -1098
package/examples/combined demo/dist/index.js +470 -470
package/examples/combined demo/dist/power-apps-data.js +3006 -3006
package/examples/combined demo/power.config.json +42 -42
package/examples/dataverse Demo/dist/codeapp.js +1085 -1085
package/examples/dataverse Demo/dist/index.html +54 -54
package/examples/dataverse Demo/dist/index.js +82 -82
package/examples/dataverse Demo/dist/power-apps-data.js +2911 -2911
package/examples/dataverse Demo/power.config.json +34 -34
package/examples/dataverse Demo/readme.md +79 -79
package/examples/groups Demo/dist/codeapp.js +1085 -1085
package/examples/groups Demo/dist/index.js +113 -113
package/examples/groups Demo/dist/power-apps-data.js +2911 -2911
package/examples/kanban/dist/dataverse.js +94 -94
package/examples/kanban/dist/environmentVar.js +55 -55
package/examples/kanban/dist/office365groups.js +97 -97
package/examples/kanban/dist/office365users.js +169 -169
package/examples/kanban/dist/outlook.js +162 -162
package/examples/kanban/dist/power-apps-data.js +2953 -2953
package/examples/kanban/dist/sharepoint.js +339 -339
package/examples/myProfile/dist/index.html +184 -184
package/examples/myProfile/dist/index.js +141 -141
package/examples/myProfile/dist/office365users.js +169 -169
package/examples/myProfile/dist/power-apps-data.js +2953 -2953
package/examples/myProfile/power.config.json +22 -22
package/examples/myProfile/readme.md +79 -79
package/examples/outlook Demo/dist/codeapp.js +1085 -1085
package/examples/outlook Demo/dist/index.html +35 -35
package/examples/outlook Demo/dist/index.js +170 -170
package/examples/outlook Demo/dist/outlook.js +121 -121
package/examples/outlook Demo/dist/power-apps-data.js +2911 -2911
package/examples/outlook Demo/dist/styles.css +84 -84
package/examples/outlook Demo/readme.md +82 -82
package/examples/outlook Demo2/OutlookDemo_1_0_0_1.zip +0 -0
package/examples/outlook Demo2/agent/decision-log.md +7 -0
package/examples/{solution explorer → outlook Demo2}/dist/codeapp.js +245 -9
package/examples/outlook Demo2/dist/index.html +98 -0
package/examples/outlook Demo2/dist/index.js +272 -0
package/examples/outlook Demo2/dist/styles.css +639 -0
package/examples/outlook Demo2/power.config.json +23 -0
package/examples/outlook Demo2/src/generated/index.ts +14 -0
package/examples/outlook Demo2/src/generated/models/Office365GroupsModel.ts +363 -0
package/examples/outlook Demo2/src/generated/models/Office365OutlookModel.ts +2046 -0
package/examples/outlook Demo2/src/generated/models/Office365UsersModel.ts +254 -0
package/examples/outlook Demo2/src/generated/services/Office365GroupsService.ts +326 -0
package/examples/outlook Demo2/src/generated/services/Office365OutlookService.ts +2476 -0
package/examples/outlook Demo2/src/generated/services/Office365UsersService.ts +358 -0
package/examples/planning Poker/.vscode/settings.json +4 -4
package/examples/planning Poker/additional files/customizations (tables).xml +6428 -6428
package/examples/planning Poker/additional files/dataverse-tables.json +165 -165
package/examples/planning Poker/additional files/readme.md +122 -122
package/examples/planning Poker/dist/dataverse.js +78 -78
package/examples/planning Poker/dist/index.html +198 -198
package/examples/planning Poker/dist/index.js +954 -954
package/examples/planning Poker/dist/power-apps-data.js +2953 -2953
package/examples/planning Poker/dist/styles.css +815 -815
package/examples/sharePoint Demo/agent/decision-log.md +5 -5
package/examples/sharePoint Demo/dist/codeapp.js +1085 -1085
package/examples/sharePoint Demo/dist/index.js +262 -262
package/examples/sharePoint Demo/dist/power-apps-data.js +2911 -2911
package/examples/sharePoint Demo/power.config.json +22 -22
package/examples/todo/dist/dataverse.js +64 -64
package/examples/todo/dist/index.html +75 -75
package/examples/todo/dist/index.js +8 -8
package/examples/todo/dist/power-apps-data.js +2953 -2953
package/examples/todo/dist/renderer.js +375 -375
package/examples/todo/dist/styles.css +691 -691
package/examples/todo/power.config.json +34 -34
package/package.json +1 -1
package/readme.md +33 -4
package/examples/solution explorer/agent/decision-log.md +0 -27
package/examples/solution explorer/agent/mockup-01-swiss-grid.html +0 -452
package/examples/solution explorer/agent/mockup-02-dark-glass.html +0 -496
package/examples/solution explorer/agent/mockup-03-paper-console.html +0 -510
package/examples/solution explorer/agent/mockup-04-neon-noir.html +0 -546
package/examples/solution explorer/agent/mockup-05-zen-garden.html +0 -534
package/examples/solution explorer/dist/index.html +0 -80
package/examples/solution explorer/dist/index.js +0 -735
package/examples/solution explorer/dist/styles.css +0 -571
package/examples/solution explorer/power.config.json +0 -151
/package/examples/{solution explorer → outlook Demo2}/dist/icon-512.png +0 -0
/package/examples/{solution explorer → outlook Demo2}/dist/power-apps-data.js +0 -0

package/examples/outlook Demo2/dist/index.html ADDED Viewed

@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Outlook Mail</title>
+  <link rel="stylesheet" href="styles.css" />
+  <script type="module" src="power-apps-data.js"></script>
+  <script type="module" src="codeapp.js"></script>
+  <script type="module" src="index.js"></script>
+</head>
+<body>
+  <div id="root">
+    <!-- Header -->
+    <header class="app-header">
+      <div class="app-header__brand">
+        <div class="app-header__icon">M</div>
+        <h1 class="app-header__title">Mail</h1>
+      </div>
+      <div class="app-header__actions">
+        <button class="btn btn--secondary" id="btnRefresh" title="Refresh inbox">
+          ↻ Refresh
+        </button>
+        <button class="btn btn--primary" id="btnCompose" title="Compose new email">
+          ✎ Compose
+        </button>
+      </div>
+    </header>
+    <!-- Body -->
+    <div class="app-body" id="appBody">
+      <!-- Inbox List -->
+      <aside class="inbox-panel">
+        <div class="inbox-panel__header">
+          <span class="inbox-panel__title">Inbox</span>
+          <span class="inbox-panel__count" id="emailCount">—</span>
+        </div>
+        <div class="inbox-panel__list" id="emailList">
+          <!-- Skeleton loader -->
+          <div class="loading-skeleton" id="loadingSkeleton">
+            <div class="skeleton-item"><div class="skeleton-circle"></div><div class="skeleton-lines"><div class="skeleton-line skeleton-line--short"></div><div class="skeleton-line skeleton-line--medium"></div><div class="skeleton-line"></div></div></div>
+            <div class="skeleton-item"><div class="skeleton-circle"></div><div class="skeleton-lines"><div class="skeleton-line skeleton-line--short"></div><div class="skeleton-line skeleton-line--medium"></div><div class="skeleton-line"></div></div></div>
+            <div class="skeleton-item"><div class="skeleton-circle"></div><div class="skeleton-lines"><div class="skeleton-line skeleton-line--short"></div><div class="skeleton-line skeleton-line--medium"></div><div class="skeleton-line"></div></div></div>
+            <div class="skeleton-item"><div class="skeleton-circle"></div><div class="skeleton-lines"><div class="skeleton-line skeleton-line--short"></div><div class="skeleton-line skeleton-line--medium"></div><div class="skeleton-line"></div></div></div>
+            <div class="skeleton-item"><div class="skeleton-circle"></div><div class="skeleton-lines"><div class="skeleton-line skeleton-line--short"></div><div class="skeleton-line skeleton-line--medium"></div><div class="skeleton-line"></div></div></div>
+          </div>
+        </div>
+      </aside>
+      <!-- Detail Panel -->
+      <main class="detail-panel" id="detailPanel">
+        <div class="detail-panel__empty" id="detailEmpty">
+          <div class="detail-panel__empty-icon">✉</div>
+          <div class="detail-panel__empty-text">Select an email to read</div>
+        </div>
+        <div class="detail-panel__content" id="detailContent" style="display:none;"></div>
+      </main>
+    </div>
+    <!-- Status Bar -->
+    <div class="status-bar" id="statusBar">
+      <div class="status-bar__dot"></div>
+      <span id="statusText">Ready</span>
+    </div>
+    <!-- Compose Modal -->
+    <div class="modal-overlay" id="composeOverlay">
+      <div class="compose-modal">
+        <div class="compose-modal__header">
+          <h2 class="compose-modal__title">New Message</h2>
+          <button class="compose-modal__close" id="btnCloseCompose">✕</button>
+        </div>
+        <div class="compose-modal__body">
+          <div class="form-group">
+            <label class="form-group__label" for="composeTo">To</label>
+            <input class="form-group__input" type="email" id="composeTo" placeholder="recipient@example.com" />
+          </div>
+          <div class="form-group">
+            <label class="form-group__label" for="composeSubject">Subject</label>
+            <input class="form-group__input" type="text" id="composeSubject" placeholder="What is this about?" />
+          </div>
+          <div class="form-group">
+            <label class="form-group__label" for="composeBody">Message</label>
+            <textarea class="form-group__input form-group__input--textarea" id="composeBody" placeholder="Write your message…"></textarea>
+          </div>
+        </div>
+        <div class="compose-modal__footer">
+          <button class="btn btn--ghost" id="btnDiscardCompose">Discard</button>
+          <button class="btn btn--primary" id="btnSendEmail">
+            Send ➤
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/examples/outlook Demo2/dist/index.js ADDED Viewed

@@ -0,0 +1,272 @@
+import { listEmails, sendEmail } from './codeapp.js';
+// ===== STATE =====
+let emails = [];
+let selectedEmailId = null;
+// ===== DOM REFS =====
+const $ = (sel) => document.querySelector(sel);
+const emailListEl = () => $('#emailList');
+const emailCountEl = () => $('#emailCount');
+const loadingEl = () => $('#loadingSkeleton');
+const detailEmpty = () => $('#detailEmpty');
+const detailContent = () => $('#detailContent');
+const statusBar = () => $('#statusBar');
+const statusText = () => $('#statusText');
+const composeOverlay = () => $('#composeOverlay');
+// ===== STATUS HELPERS =====
+const setStatus = (text, type = 'ok') => {
+  const bar = statusBar();
+  const txt = statusText();
+  if (!bar || !txt) return;
+  bar.className = 'status-bar' + (type === 'error' ? ' status-bar--error' : type === 'loading' ? ' status-bar--loading' : '');
+  txt.textContent = text;
+};
+// ===== FORMAT HELPERS =====
+const getInitials = (name) => {
+  if (!name) return '?';
+  const parts = name.trim().split(/\s+/);
+  if (parts.length >= 2) return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
+  return name.slice(0, 2).toUpperCase();
+};
+const formatTime = (dateStr) => {
+  if (!dateStr) return '';
+  try {
+    const d = new Date(dateStr);
+    const now = new Date();
+    const diff = now - d;
+    const oneDay = 86400000;
+    if (diff < oneDay && d.getDate() === now.getDate()) {
+      return d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+    }
+    if (diff < 7 * oneDay) {
+      return d.toLocaleDateString([], { weekday: 'short' });
+    }
+    return d.toLocaleDateString([], { month: 'short', day: 'numeric' });
+  } catch {
+    return '';
+  }
+};
+const formatFullDate = (dateStr) => {
+  if (!dateStr) return '';
+  try {
+    return new Date(dateStr).toLocaleString([], {
+      weekday: 'long', year: 'numeric', month: 'long', day: 'numeric',
+      hour: '2-digit', minute: '2-digit'
+    });
+  } catch {
+    return '';
+  }
+};
+const stripHtml = (html) => {
+  if (!html) return '';
+  const tmp = document.createElement('div');
+  tmp.innerHTML = html;
+  return tmp.textContent || tmp.innerText || '';
+};
+// ===== RENDER INBOX =====
+const renderEmailList = () => {
+  const list = emailListEl();
+  if (!list) return;
+  const skeleton = loadingEl();
+  if (skeleton) skeleton.remove();
+  if (emails.length === 0) {
+    list.innerHTML = '<div style="padding:40px 20px;text-align:center;color:var(--ink-muted);font-size:14px;">No emails found</div>';
+    emailCountEl().textContent = '0';
+    return;
+  }
+  emailCountEl().textContent = `${emails.length}`;
+  list.innerHTML = emails.map((email) => {
+    const id = email.Id || email.id || '';
+    const from = email.From || email.from;
+    const senderName = from?.EmailAddress?.Name || from?.emailAddress?.name || from?.Name || 'Unknown';
+    const subject = email.Subject || email.subject || '(No subject)';
+    const preview = stripHtml(email.BodyPreview || email.bodyPreview || email.Body?.Content || '');
+    const dateStr = email.DateTimeReceived || email.receivedDateTime || email.ReceivedDateTime || '';
+    const isRead = email.IsRead ?? email.isRead ?? true;
+    const isActive = id === selectedEmailId;
+    return `
+      <div class="email-item ${!isRead ? 'email-item--unread' : ''} ${isActive ? 'email-item--active' : ''}"
+           data-id="${id}" role="button" tabindex="0">
+        <div class="email-item__avatar">${getInitials(senderName)}</div>
+        <div class="email-item__content">
+          <div class="email-item__row">
+            <span class="email-item__sender">${escapeHtml(senderName)}</span>
+            <span class="email-item__time">${formatTime(dateStr)}</span>
+          </div>
+          <div class="email-item__subject">${escapeHtml(subject)}</div>
+          <div class="email-item__preview">${escapeHtml(preview.slice(0, 100))}</div>
+        </div>
+      </div>
+    `;
+  }).join('');
+  // Attach click handlers
+  list.querySelectorAll('.email-item').forEach((el) => {
+    el.addEventListener('click', () => selectEmail(el.dataset.id));
+  });
+};
+const escapeHtml = (str) => {
+  const div = document.createElement('div');
+  div.appendChild(document.createTextNode(str || ''));
+  return div.innerHTML;
+};
+// ===== SELECT EMAIL =====
+const selectEmail = (id) => {
+  selectedEmailId = id;
+  const email = emails.find((e) => (e.Id || e.id) === id);
+  if (!email) return;
+  // Re-render list to update active state
+  renderEmailList();
+  // Show detail
+  const empty = detailEmpty();
+  const content = detailContent();
+  if (empty) empty.style.display = 'none';
+  if (!content) return;
+  content.style.display = 'block';
+  const from = email.From || email.from;
+  const senderName = from?.EmailAddress?.Name || from?.emailAddress?.name || from?.Name || 'Unknown';
+  const senderEmail = from?.EmailAddress?.Address || from?.emailAddress?.address || from?.Address || '';
+  const subject = email.Subject || email.subject || '(No subject)';
+  const dateStr = email.DateTimeReceived || email.receivedDateTime || email.ReceivedDateTime || '';
+  const body = email.Body?.Content || email.body?.content || email.BodyPreview || email.bodyPreview || '';
+  content.innerHTML = `
+    <h2 class="detail-panel__subject">${escapeHtml(subject)}</h2>
+    <div class="detail-panel__meta">
+      <div class="detail-panel__meta-avatar">${getInitials(senderName)}</div>
+      <div class="detail-panel__meta-info">
+        <div class="detail-panel__meta-sender">${escapeHtml(senderName)}</div>
+        <div class="detail-panel__meta-email">${escapeHtml(senderEmail)}</div>
+        <div class="detail-panel__meta-date">${formatFullDate(dateStr)}</div>
+      </div>
+    </div>
+    <div class="detail-panel__body">${body}</div>
+  `;
+  // Mobile: show detail
+  const appBody = $('#appBody');
+  if (appBody) appBody.classList.add('app-body--detail-open');
+};
+// ===== FETCH INBOX =====
+const fetchInbox = async () => {
+  setStatus('Loading inbox…', 'loading');
+  try {
+    const result = await listEmails({ folderId: 'Inbox', top: 25 });
+    emails = Array.isArray(result) ? result : [];
+    if (result && Array.isArray(result.value)) emails = result.value;
+    renderEmailList();
+    setStatus(`${emails.length} email${emails.length !== 1 ? 's' : ''} loaded`);
+  } catch (err) {
+    console.error('Failed to fetch inbox:', err);
+    setStatus(`Error: ${err.message}`, 'error');
+    const list = emailListEl();
+    const skeleton = loadingEl();
+    if (skeleton) skeleton.remove();
+    if (list) {
+      list.innerHTML = `<div style="padding:40px 20px;text-align:center;color:var(--accent);font-size:14px;">
+        Failed to load emails.<br><span style="color:var(--ink-muted);font-size:12px;">${escapeHtml(err.message)}</span>
+      </div>`;
+    }
+  }
+};
+// ===== SEND EMAIL =====
+const doSendEmail = async () => {
+  const toEl = $('#composeTo');
+  const subjectEl = $('#composeSubject');
+  const bodyEl = $('#composeBody');
+  const sendBtn = $('#btnSendEmail');
+  const to = toEl?.value?.trim();
+  const subject = subjectEl?.value?.trim();
+  const body = bodyEl?.value?.trim();
+  if (!to) {
+    toEl?.focus();
+    return;
+  }
+  sendBtn.disabled = true;
+  sendBtn.textContent = 'Sending…';
+  setStatus('Sending email…', 'loading');
+  try {
+    await sendEmail({
+      to: to,
+      subject: subject || '(No subject)',
+      body: '<p>' + escapeHtml(body || '') + '</p>',
+      importance: 'Normal'
+    });
+    setStatus('Email sent successfully');
+    closeCompose();
+    // Clear form
+    if (toEl) toEl.value = '';
+    if (subjectEl) subjectEl.value = '';
+    if (bodyEl) bodyEl.value = '';
+  } catch (err) {
+    console.error('Failed to send email:', err);
+    setStatus(`Send failed: ${err.message}`, 'error');
+  } finally {
+    sendBtn.disabled = false;
+    sendBtn.textContent = 'Send ➤';
+  }
+};
+// ===== COMPOSE MODAL =====
+const openCompose = () => {
+  const overlay = composeOverlay();
+  if (overlay) overlay.classList.add('modal-overlay--visible');
+  setTimeout(() => $('#composeTo')?.focus(), 200);
+};
+const closeCompose = () => {
+  const overlay = composeOverlay();
+  if (overlay) overlay.classList.remove('modal-overlay--visible');
+};
+// ===== EVENT BINDINGS =====
+const bindEvents = () => {
+  $('#btnCompose')?.addEventListener('click', openCompose);
+  $('#btnCloseCompose')?.addEventListener('click', closeCompose);
+  $('#btnDiscardCompose')?.addEventListener('click', closeCompose);
+  $('#btnSendEmail')?.addEventListener('click', doSendEmail);
+  $('#btnRefresh')?.addEventListener('click', fetchInbox);
+  // Close modal on overlay click
+  composeOverlay()?.addEventListener('click', (e) => {
+    if (e.target === composeOverlay()) closeCompose();
+  });
+  // Escape key closes modal
+  document.addEventListener('keydown', (e) => {
+    if (e.key === 'Escape') closeCompose();
+  });
+};
+// ===== BOOT =====
+async function boot() {
+  bindEvents();
+  await fetchInbox();
+}
+boot();