npm - codeapp-js - Versions diffs - 0.1.1 → 0.2.2 - Mend

codeapp-js 0.1.1 → 0.2.2

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 (121) hide show

package/codeApp/dist/codeapp.js +552 -78
package/codeApp/dist/power-apps-data.js +2531 -2531
package/dev files/outlook.js +218 -9
package/examples/combined demo/dist/codeapp.js +1098 -0
package/examples/combined demo/dist/index.js +69 -114
package/examples/combined demo/dist/power-apps-data.js +646 -170
package/examples/combined demo/power.config.json +42 -42
package/examples/dataverse Demo/dist/codeapp.js +1085 -0
package/examples/dataverse Demo/dist/index.html +54 -54
package/examples/dataverse Demo/dist/index.js +82 -70
package/examples/dataverse Demo/dist/power-apps-data.js +551 -170
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 -0
package/examples/groups Demo/dist/index.js +27 -27
package/examples/groups Demo/dist/power-apps-data.js +551 -170
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 +560 -138
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 +560 -138
package/examples/myProfile/power.config.json +22 -22
package/examples/myProfile/readme.md +79 -79
package/examples/outlook Demo/dist/codeapp.js +1085 -0
package/examples/outlook Demo/dist/index.html +35 -35
package/examples/outlook Demo/dist/index.js +170 -166
package/examples/outlook Demo/dist/outlook.js +121 -121
package/examples/outlook Demo/dist/power-apps-data.js +551 -170
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/outlook Demo2/dist/codeapp.js +1334 -0
package/examples/outlook Demo2/dist/icon-512.png +0 -0
package/examples/outlook Demo2/dist/index.html +98 -0
package/examples/outlook Demo2/dist/index.js +346 -0
package/examples/outlook Demo2/dist/power-apps-data.js +3007 -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 +560 -138
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 -0
package/examples/sharePoint Demo/dist/index.js +44 -51
package/examples/sharePoint Demo/dist/power-apps-data.js +551 -170
package/examples/sharePoint Demo/power.config.json +22 -22
package/examples/solution explorer/agent/decision-log.md +27 -0
package/examples/solution explorer/agent/mockup-01-swiss-grid.html +452 -0
package/examples/solution explorer/agent/mockup-02-dark-glass.html +496 -0
package/examples/solution explorer/agent/mockup-03-paper-console.html +510 -0
package/examples/solution explorer/agent/mockup-04-neon-noir.html +546 -0
package/examples/solution explorer/agent/mockup-05-zen-garden.html +534 -0
package/examples/solution explorer/dist/codeapp.js +1098 -0
package/examples/solution explorer/dist/icon-512.png +0 -0
package/examples/solution explorer/dist/index.html +80 -0
package/examples/solution explorer/dist/index.js +735 -0
package/examples/solution explorer/dist/power-apps-data.js +3007 -0
package/examples/solution explorer/dist/styles.css +571 -0
package/examples/solution explorer/power.config.json +151 -0
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 +560 -138
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 -8
package/docs-mockups/atelier/index.html +0 -120
package/docs-mockups/atelier/script.js +0 -23
package/docs-mockups/atelier/styles.css +0 -361
package/docs-mockups/field-guide/index.html +0 -112
package/docs-mockups/field-guide/script.js +0 -20
package/docs-mockups/field-guide/styles.css +0 -272
package/docs-mockups/index.html +0 -80
package/docs-mockups/maker-hub/index.html +0 -178
package/docs-mockups/maker-hub/script.js +0 -20
package/docs-mockups/maker-hub/styles.css +0 -404
package/docs-mockups/script.js +0 -26
package/docs-mockups/signal/index.html +0 -146
package/docs-mockups/signal/script.js +0 -20
package/docs-mockups/signal/styles.css +0 -314
package/docs-mockups/styles.css +0 -287
package/examples/combined demo/dist/dataverse.js +0 -86
package/examples/combined demo/dist/environmentVar.js +0 -55
package/examples/combined demo/dist/office365groups.js +0 -97
package/examples/combined demo/dist/office365users.js +0 -169
package/examples/combined demo/dist/outlook.js +0 -162
package/examples/combined demo/dist/sharepoint.js +0 -339
package/examples/dataverse Demo/dist/dataverse.js +0 -86
package/examples/groups Demo/dist/dataverse.js +0 -86
package/examples/groups Demo/dist/environmentVar.js +0 -55
package/examples/groups Demo/dist/office365groups.js +0 -97
package/examples/groups Demo/dist/office365users.js +0 -169
package/examples/groups Demo/dist/outlook.js +0 -162
package/examples/groups Demo/dist/sharepoint.js +0 -339
package/examples/sharePoint Demo/dist/dataverse.js +0 -94
package/examples/sharePoint Demo/dist/environmentVar.js +0 -55
package/examples/sharePoint Demo/dist/office365groups.js +0 -97
package/examples/sharePoint Demo/dist/office365users.js +0 -169
package/examples/sharePoint Demo/dist/outlook.js +0 -162
package/examples/sharePoint Demo/dist/sharepoint.js +0 -339

package/docs-mockups/field-guide/index.html DELETED Viewed

@@ -1,112 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Field Guide | codeapp-js Docs</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,600;7..72,700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="./styles.css">
-</head>
-<body>
-  <div class="poster"></div>
-  <div class="shell">
-    <header class="masthead">
-      <div>
-        <p class="kicker">Field guide concept</p>
-        <h1>Make the docs feel like a practical handbook.</h1>
-        <p class="subcopy">This direction is warmer and more instructional. It works if the documentation should teach, not just reference, and if examples are a major selling point.</p>
-      </div>
-      <a class="returnLink" href="../index.html">Back to chooser</a>
-    </header>
-    <main class="guideGrid">
-      <aside class="mapColumn">
-        <div class="noteCard">
-          <p class="cardLabel">Best for</p>
-          <p>Onboarding, examples, and “how do I wire this up?” documentation.</p>
-        </div>
-        <nav class="routeCard">
-          <a href="#trailhead">Trailhead</a>
-          <a href="#route">Route</a>
-          <a href="#kit">Starter kit</a>
-          <a href="#samples">Sample paths</a>
-        </nav>
-      </aside>
-      <section class="contentColumn">
-        <article class="featurePanel" id="trailhead">
-          <p class="cardLabel">Trailhead</p>
-          <h2>codeapp-js keeps the Power Apps model, but lowers the intimidation.</h2>
-          <p>Explain the package as a guidebook: generated models and services, a familiar `power.config.json`, and a sequence of clear steps from local dev to `pac code push`.</p>
-        </article>
-        <article class="featurePanel routePanel" id="route">
-          <div>
-            <p class="cardLabel">Route overview</p>
-            <h2>Three-step narrative beats scattered across the page like a field notebook.</h2>
-          </div>
-          <div class="routeSteps">
-            <div>
-              <span>01</span>
-              <p>Install and serve from the repo root.</p>
-            </div>
-            <div>
-              <span>02</span>
-              <p>Describe data sources and connector references.</p>
-            </div>
-            <div>
-              <span>03</span>
-              <p>Generate services and verify examples.</p>
-            </div>
-          </div>
-        </article>
-        <article class="kitPanel" id="kit">
-          <div class="kitHeader">
-            <p class="cardLabel">Starter kit</p>
-            <div class="modeToggle" aria-label="Reading mode">
-              <button class="modeButton is-active" data-mode="builder">Builder mode</button>
-              <button class="modeButton" data-mode="reference">Reference mode</button>
-            </div>
-          </div>
-          <div class="modeContent is-active" id="builder">
-            <p>Lead with a short guided walkthrough using the exact order a developer follows in a fresh repo.</p>
-            <pre><code>npm install
-npm start
-pac auth create
-pac env select --environment "environment-id"</code></pre>
-          </div>
-          <div class="modeContent" id="reference">
-            <p>Condense the docs into a quick reference with focused callouts for `databaseReferences`, `connectionReferences`, and generated outputs.</p>
-            <pre><code>src/generated/services/*
-src/generated/models/*
-examples/*/dist/</code></pre>
-          </div>
-        </article>
-        <article class="samplesPanel" id="samples">
-          <p class="cardLabel">Sample paths</p>
-          <div class="sampleList">
-            <article>
-              <h3>Starter app path</h3>
-              <p>Direct users to `codeApp/dist/` when they only need the first working app.</p>
-            </article>
-            <article>
-              <h3>Connector path</h3>
-              <p>Break out Outlook, SharePoint, Groups, and Users into short, purpose-driven walkthroughs.</p>
-            </article>
-            <article>
-              <h3>Generated code path</h3>
-              <p>Explain how service files map back to Dataverse tables and connection references.</p>
-            </article>
-          </div>
-        </article>
-      </section>
-    </main>
-  </div>
-  <script src="./script.js"></script>
-</body>
-</html>

package/docs-mockups/field-guide/script.js DELETED Viewed

@@ -1,20 +0,0 @@
-const aModeButtons = Array.from(document.querySelectorAll('.modeButton'));
-const aModeContents = Array.from(document.querySelectorAll('.modeContent'));
-const setMode = (sModeId) => {
-  aModeButtons.forEach((eButton) => {
-    const bIsMatch = eButton.dataset.mode === sModeId;
-    eButton.classList.toggle('is-active', bIsMatch);
-  });
-  aModeContents.forEach((eContent) => {
-    const bIsMatch = eContent.id === sModeId;
-    eContent.classList.toggle('is-active', bIsMatch);
-  });
-};
-aModeButtons.forEach((eButton) => {
-  eButton.addEventListener('click', () => {
-    setMode(eButton.dataset.mode);
-  });
-});

package/docs-mockups/field-guide/styles.css DELETED Viewed

@@ -1,272 +0,0 @@
-:root {
-  --bg: #efe1c6;
-  --paper: #f8f0dc;
-  --paper-strong: #f3e4c0;
-  --ink: #2a241b;
-  --muted: #65594a;
-  --forest: #425438;
-  --rust: #b55c3b;
-  --line: rgba(42, 36, 27, 0.14);
-  --shadow: 0 18px 48px rgba(78, 58, 28, 0.16);
-}
-* {
-  box-sizing: border-box;
-}
-html {
-  scroll-behavior: smooth;
-}
-body {
-  margin: 0;
-  min-height: 100vh;
-  background:
-    radial-gradient(circle at 15% 10%, rgba(181, 92, 59, 0.16), transparent 22%),
-    radial-gradient(circle at 85% 20%, rgba(66, 84, 56, 0.14), transparent 18%),
-    linear-gradient(180deg, #f4e7cb, var(--bg));
-  color: var(--ink);
-  font-family: 'Outfit', sans-serif;
-}
-.poster {
-  position: fixed;
-  inset: 0;
-  pointer-events: none;
-  background-image:
-    linear-gradient(rgba(42, 36, 27, 0.04) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(42, 36, 27, 0.04) 1px, transparent 1px);
-  background-size: 36px 36px;
-  opacity: 0.55;
-}
-.shell {
-  position: relative;
-  z-index: 1;
-  width: min(1180px, calc(100% - 42px));
-  margin: 0 auto;
-  padding: 34px 0 52px;
-}
-.masthead {
-  display: flex;
-  justify-content: space-between;
-  gap: 24px;
-  align-items: end;
-}
-.kicker,
-.cardLabel {
-  margin: 0;
-  color: var(--rust);
-  font-size: 0.82rem;
-  font-weight: 800;
-  letter-spacing: 0.16em;
-  text-transform: uppercase;
-}
-.masthead h1,
-.featurePanel h2,
-.routePanel h2,
-.samplesPanel h3 {
-  font-family: 'Literata', serif;
-}
-.masthead h1 {
-  max-width: 720px;
-  margin: 12px 0 0;
-  font-size: clamp(3rem, 6vw, 5.2rem);
-  line-height: 0.95;
-}
-.subcopy {
-  max-width: 720px;
-  margin: 16px 0 0;
-  color: var(--muted);
-  line-height: 1.8;
-}
-.returnLink {
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  padding: 12px 16px;
-  background: rgba(248, 240, 220, 0.72);
-  color: var(--ink);
-  font-weight: 700;
-  text-decoration: none;
-}
-.guideGrid {
-  display: grid;
-  grid-template-columns: 280px minmax(0, 1fr);
-  gap: 22px;
-  margin-top: 26px;
-}
-.mapColumn {
-  display: grid;
-  gap: 18px;
-  align-content: start;
-}
-.noteCard,
-.routeCard,
-.featurePanel,
-.kitPanel,
-.samplesPanel {
-  border: 1px solid var(--line);
-  border-radius: 28px;
-  background: linear-gradient(180deg, rgba(248, 240, 220, 0.95), rgba(243, 228, 192, 0.96));
-  box-shadow: var(--shadow);
-}
-.noteCard,
-.routeCard,
-.featurePanel,
-.kitPanel,
-.samplesPanel {
-  padding: 22px;
-}
-.noteCard p:last-child,
-.featurePanel p,
-.modeContent p,
-.sampleList p {
-  color: var(--muted);
-  line-height: 1.8;
-}
-.routeCard {
-  display: grid;
-  gap: 12px;
-}
-.routeCard a {
-  color: var(--forest);
-  font-weight: 700;
-  text-decoration: none;
-}
-.contentColumn {
-  display: grid;
-  gap: 18px;
-}
-.featurePanel h2,
-.routePanel h2 {
-  margin: 12px 0 0;
-  font-size: clamp(2rem, 3.2vw, 3.3rem);
-  line-height: 1.05;
-}
-.routePanel {
-  display: grid;
-  gap: 18px;
-}
-.routeSteps {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 14px;
-}
-.routeSteps div {
-  padding: 18px;
-  border: 1px dashed rgba(42, 36, 27, 0.22);
-  border-radius: 20px;
-  background: rgba(248, 240, 220, 0.6);
-}
-.routeSteps span {
-  color: var(--forest);
-  font-size: 1.4rem;
-  font-weight: 800;
-}
-.kitHeader {
-  display: flex;
-  justify-content: space-between;
-  gap: 16px;
-  align-items: center;
-}
-.modeToggle {
-  display: flex;
-  gap: 8px;
-  flex-wrap: wrap;
-}
-.modeButton {
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  padding: 10px 14px;
-  background: transparent;
-  color: var(--muted);
-  font: inherit;
-  cursor: pointer;
-}
-.modeButton.is-active {
-  background: var(--forest);
-  color: #f8f0dc;
-}
-.modeContent {
-  display: none;
-  margin-top: 16px;
-}
-.modeContent.is-active {
-  display: block;
-}
-pre {
-  overflow-x: auto;
-  margin: 0;
-  padding: 18px;
-  border-radius: 18px;
-  background: #292419;
-  color: #f8f0dc;
-}
-code {
-  font-family: 'Courier New', monospace;
-}
-.sampleList {
-  display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: 14px;
-}
-.sampleList article {
-  padding: 18px;
-  border-radius: 20px;
-  background: rgba(248, 240, 220, 0.7);
-  border: 1px solid rgba(42, 36, 27, 0.1);
-}
-.sampleList h3 {
-  margin: 0 0 10px;
-  font-size: 1.35rem;
-}
-@media (max-width: 980px) {
-  .guideGrid,
-  .routeSteps,
-  .sampleList {
-    grid-template-columns: 1fr;
-  }
-}
-@media (max-width: 760px) {
-  .shell {
-    width: min(100% - 24px, 1180px);
-  }
-  .masthead,
-  .kitHeader {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}

package/docs-mockups/index.html DELETED Viewed

@@ -1,80 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>CodeApp JS Docs Mockups</title>
-  <link rel="stylesheet" href="./styles.css">
-</head>
-<body>
-  <div class="shell">
-    <header class="topbar">
-      <div class="brandBlock">
-        <div class="suiteMark">P</div>
-        <div>
-          <p class="eyebrow">Power Platform-style Study</p>
-          <h1>Two new docs mockups shaped like maker and model-driven experiences.</h1>
-        </div>
-      </div>
-      <div class="topbarMeta">
-        <span>codeapp-js</span>
-        <span>Static prototype</span>
-      </div>
-    </header>
-    <section class="heroPanel">
-      <div>
-        <p class="heroLead">The new direction drops the art-direction experiments and moves toward the visual language of make.powerapps.com and model-driven apps: light enterprise chrome, left rails, tabs, command bars, cards, forms, and data tables.</p>
-        <div class="heroActions">
-          <a class="primaryAction" href="./maker-hub/index.html">Open Maker Hub</a>
-          <a class="secondaryAction" href="./model-workspace/index.html">Open Model Workspace</a>
-        </div>
-      </div>
-      <div class="heroStats">
-        <article>
-          <strong>01</strong>
-          <span>Maker portal docs hub</span>
-        </article>
-        <article>
-          <strong>02</strong>
-          <span>Model-driven reference workspace</span>
-        </article>
-      </div>
-    </section>
-    <main class="conceptGrid">
-      <article class="conceptCard makerCard" data-index="1">
-        <p class="conceptNumber">01</p>
-        <h2>Maker Hub</h2>
-        <p class="conceptTone">Inspired by make.powerapps.com</p>
-        <p class="conceptBody">A docs home screen that feels like a maker portal: product chrome, command bar, learning cards, quick starts, and guided entry points into install, connectors, and examples.</p>
-        <ul class="tags">
-          <li>Portal shell</li>
-          <li>Command bar</li>
-          <li>Learning cards</li>
-        </ul>
-        <a href="./maker-hub/index.html">Preview concept</a>
-      </article>
-      <article class="conceptCard workspaceCard" data-index="2">
-        <p class="conceptNumber">02</p>
-        <h2>Model Workspace</h2>
-        <p class="conceptTone">Inspired by model-driven apps</p>
-        <p class="conceptBody">A dense reference layout that behaves like a model-driven work area with sitemap navigation, entity forms, related data grids, and tabbed detail panes for docs content.</p>
-        <ul class="tags">
-          <li>Sitemap</li>
-          <li>Form canvas</li>
-          <li>Grid + details</li>
-        </ul>
-        <a href="./model-workspace/index.html">Preview concept</a>
-      </article>
-    </main>
-    <footer class="footerNote">
-      <p>Keyboard shortcuts: press 1 for Maker Hub or 2 for Model Workspace.</p>
-    </footer>
-  </div>
-  <script src="./script.js"></script>
-</body>
-</html>

package/docs-mockups/maker-hub/index.html DELETED Viewed

@@ -1,178 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Maker Hub | codeapp-js Docs</title>
-  <link rel="stylesheet" href="./styles.css">
-</head>
-<body>
-  <div class="appShell">
-    <header class="suiteBar">
-      <div class="suiteLeft">
-        <button class="iconButton" aria-label="Open menu">☰</button>
-        <div class="suiteBadge">P</div>
-        <strong>Power Apps</strong>
-        <span class="suiteDivider"></span>
-        <span class="suiteLabel">codeapp-js documentation</span>
-      </div>
-      <div class="suiteRight">
-        <input class="searchBox" type="search" placeholder="Search docs, connectors, examples">
-        <button class="iconButton" aria-label="Notifications">⎋</button>
-        <div class="avatar">CW</div>
-      </div>
-    </header>
-    <div class="workspace">
-      <aside class="leftRail">
-        <p class="railLabel">Explore</p>
-        <nav class="railNav">
-          <a class="is-active" href="#home">Home</a>
-          <a href="#quickstart">Quick start</a>
-          <a href="#connectors">Connectors</a>
-          <a href="#examples">Examples</a>
-          <a href="#reference">Reference</a>
-        </nav>
-        <div class="railPanel">
-          <p class="panelTitle">Environment</p>
-          <p>Default workspace</p>
-          <span>CLI ready</span>
-        </div>
-      </aside>
-      <main class="contentArea">
-        <section class="commandBar">
-          <div class="commandSet">
-            <button class="commandPrimary">Get started</button>
-            <button class="commandButton">Install</button>
-            <button class="commandButton">Configure</button>
-            <button class="commandButton">Push app</button>
-          </div>
-          <div class="commandSet">
-            <button class="commandButton">Share</button>
-            <button class="commandButton">Feedback</button>
-          </div>
-        </section>
-        <section class="pageHeader" id="home">
-          <div>
-            <p class="eyebrow">Maker portal concept</p>
-            <h1>Build a documentation home that feels native to the Power Platform ecosystem.</h1>
-            <p class="lead">This mockup treats docs as a product workspace: short paths in, task cards, status surfaces, and a familiar Microsoft-style shell rather than a marketing landing page.</p>
-          </div>
-          <article class="summaryCard">
-            <span>Library summary</span>
-            <strong>JavaScript-first Power Apps Code Apps workflow</strong>
-            <p>Generated services, `power.config.json`, connector references, and example apps from one hub.</p>
-          </article>
-        </section>
-        <section class="tabRow" aria-label="Sections">
-          <button class="tabButton is-active" data-target="overviewPanel">Overview</button>
-          <button class="tabButton" data-target="setupPanel">Setup</button>
-          <button class="tabButton" data-target="examplesPanel">Examples</button>
-          <button class="tabButton" data-target="referencePanel">Reference</button>
-        </section>
-        <section class="panelDeck">
-          <div class="contentPanel is-active" id="overviewPanel">
-            <div class="cardGrid wideGrid">
-              <article class="infoCard accentCard">
-                <p class="cardLabel">Why this works</p>
-                <h2>It matches how Power Platform users already navigate products.</h2>
-                <p>Use entry cards for install, connectors, Dataverse tables, and generated code. The surface feels like product documentation inside a maker experience, not a detached microsite.</p>
-              </article>
-              <article class="infoCard">
-                <p class="cardLabel">Recommended entry points</p>
-                <ul class="checkList">
-                  <li>Install and serve from the repo root</li>
-                  <li>Connect Dataverse or Office 365 services</li>
-                  <li>Explore starter and sample apps</li>
-                </ul>
-              </article>
-              <article class="infoCard">
-                <p class="cardLabel">At-a-glance</p>
-                <div class="metricRow">
-                  <div><strong>5</strong><span>connector families</span></div>
-                  <div><strong>4173</strong><span>default port</span></div>
-                  <div><strong>pac</strong><span>CLI workflow</span></div>
-                </div>
-              </article>
-            </div>
-          </div>
-          <div class="contentPanel" id="setupPanel">
-            <div class="cardGrid">
-              <article class="infoCard" id="quickstart">
-                <p class="cardLabel">Quick start</p>
-                <pre><code>npm install
-npm start
-pac auth create
-pac env select --environment "environment-id"</code></pre>
-              </article>
-              <article class="infoCard">
-                <p class="cardLabel">Config map</p>
-                <p>The docs can split `databaseReferences.default.cds.dataSources` and `connectionReferences` into focused cards instead of one giant JSON blob.</p>
-                <div class="miniPills">
-                  <span>Dataverse tables</span>
-                  <span>Outlook</span>
-                  <span>SharePoint</span>
-                  <span>Groups</span>
-                  <span>Users</span>
-                </div>
-              </article>
-            </div>
-          </div>
-          <div class="contentPanel" id="examplesPanel">
-            <div class="cardGrid triGrid" id="examples">
-              <article class="infoCard">
-                <p class="cardLabel">Starter app</p>
-                <strong>codeApp/dist/</strong>
-                <p>Primary onboarding destination for first success.</p>
-              </article>
-              <article class="infoCard">
-                <p class="cardLabel">Connector demos</p>
-                <strong>examples/outlook Demo/dist/</strong>
-                <p>Ideal for service-specific walkthrough pages.</p>
-              </article>
-              <article class="infoCard">
-                <p class="cardLabel">App gallery</p>
-                <strong>todo, kanban, planning poker</strong>
-                <p>Use these to show progressive complexity.</p>
-              </article>
-            </div>
-          </div>
-          <div class="contentPanel" id="referencePanel">
-            <div class="cardGrid" id="reference">
-              <article class="infoCard">
-                <p class="cardLabel">Generated files</p>
-                <table>
-                  <tbody>
-                    <tr><td>Services</td><td>src/generated/services/*</td></tr>
-                    <tr><td>Models</td><td>src/generated/models/*</td></tr>
-                    <tr><td>Config</td><td>power.config.json</td></tr>
-                  </tbody>
-                </table>
-              </article>
-              <article class="infoCard" id="connectors">
-                <p class="cardLabel">Connector references</p>
-                <ul class="checkList compactList">
-                  <li>shared_commondataserviceforapps</li>
-                  <li>shared_office365</li>
-                  <li>shared_sharepointonline</li>
-                  <li>shared_office365groups</li>
-                  <li>shared_office365users</li>
-                </ul>
-              </article>
-            </div>
-          </div>
-        </section>
-      </main>
-    </div>
-  </div>
-  <script src="./script.js"></script>
-</body>
-</html>

package/docs-mockups/maker-hub/script.js DELETED Viewed

@@ -1,20 +0,0 @@
-const aMakerTabs = Array.from(document.querySelectorAll('.tabButton'));
-const aMakerPanels = Array.from(document.querySelectorAll('.contentPanel'));
-const setMakerPanel = (sTargetId) => {
-  aMakerTabs.forEach((eButton) => {
-    const bIsActive = eButton.dataset.target === sTargetId;
-    eButton.classList.toggle('is-active', bIsActive);
-  });
-  aMakerPanels.forEach((ePanel) => {
-    const bIsActive = ePanel.id === sTargetId;
-    ePanel.classList.toggle('is-active', bIsActive);
-  });
-};
-aMakerTabs.forEach((eButton) => {
-  eButton.addEventListener('click', () => {
-    setMakerPanel(eButton.dataset.target);
-  });
-});