codeapp-js 1.0.1 → 1.1.0

package/examples/apps/planning Poker/additional files/dataverse-tables.json

@@ -1,165 +0,0 @@
-{
-  "description": "Dataverse table definitions for the Planning Poker app. Use this file to recreate tables in new environments.",
-  "publisher_prefix": "wd",
-  "tables": [
-    {
-      "logicalName": "wd_pokersession",
-      "displayName": "Poker Session",
-      "pluralName": "Poker Sessions",
-      "entitySetName": "wd_pokersessions",
-      "primaryKey": "wd_pokersessionid",
-      "columns": [
-        {
-          "logicalName": "wd_name",
-          "displayName": "Name",
-          "type": "String",
-          "maxLength": 100,
-          "required": true,
-          "description": "Session name"
-        },
-        {
-          "logicalName": "wd_sessioncode",
-          "displayName": "Session Code",
-          "type": "String",
-          "maxLength": 20,
-          "required": true,
-          "description": "Short code used by participants to join the session"
-        },
-        {
-          "logicalName": "wd_isactive",
-          "displayName": "Is Active",
-          "type": "Boolean",
-          "required": true,
-          "description": "Whether the session is currently active"
-        }
-      ]
-    },
-    {
-      "logicalName": "wd_pokerparticipant",
-      "displayName": "Poker Participant",
-      "pluralName": "Poker Participants",
-      "entitySetName": "wd_pokerparticipants",
-      "primaryKey": "wd_pokerparticipantid",
-      "columns": [
-        {
-          "logicalName": "wd_newcolumn",
-          "displayName": "Display Name",
-          "type": "String",
-          "maxLength": 100,
-          "required": true,
-          "description": "Participant display name"
-        },
-        {
-          "logicalName": "wd_initials",
-          "displayName": "Initials",
-          "type": "String",
-          "maxLength": 5,
-          "required": false,
-          "description": "Participant initials (e.g. 'JD' for John Doe)"
-        },
-        {
-          "logicalName": "wd_session",
-          "displayName": "Session",
-          "type": "Lookup",
-          "referencedTable": "wd_pokersession",
-          "required": true,
-          "description": "The session this participant belongs to"
-        }
-      ]
-    },
-    {
-      "logicalName": "wd_pokerround",
-      "displayName": "Poker Round",
-      "pluralName": "Poker Rounds",
-      "entitySetName": "wd_pokerrounds",
-      "primaryKey": "wd_pokerroundid",
-      "columns": [
-        {
-          "logicalName": "wd_roundidentifier",
-          "displayName": "Round Identifier",
-          "type": "String",
-          "maxLength": 100,
-          "required": true,
-          "description": "Short identifier for the round (e.g. story ID)"
-        },
-        {
-          "logicalName": "wd_description",
-          "displayName": "Description",
-          "type": "String",
-          "maxLength": 2000,
-          "required": false,
-          "description": "Description of the item being estimated"
-        },
-        {
-          "logicalName": "wd_newcolumn",
-          "displayName": "Status",
-          "type": "String",
-          "maxLength": 10,
-          "required": true,
-          "description": "Round status: '0' = voting in progress, '1' = votes revealed"
-        },
-        {
-          "logicalName": "wd_averagescore",
-          "displayName": "Average Score",
-          "type": "Decimal",
-          "required": false,
-          "description": "Calculated average of all numeric votes"
-        },
-        {
-          "logicalName": "wd_medianscore",
-          "displayName": "Median Score",
-          "type": "Decimal",
-          "required": false,
-          "description": "Calculated median of all numeric votes"
-        },
-        {
-          "logicalName": "wd_session",
-          "displayName": "Session",
-          "type": "Lookup",
-          "referencedTable": "wd_pokersession",
-          "required": true,
-          "description": "The session this round belongs to"
-        }
-      ]
-    },
-    {
-      "logicalName": "wd_pokervote",
-      "displayName": "Poker Vote",
-      "pluralName": "Poker Votes",
-      "entitySetName": "wd_pokervotes",
-      "primaryKey": "wd_pokervoteid",
-      "columns": [
-        {
-          "logicalName": "wd_score",
-          "displayName": "Score",
-          "type": "String",
-          "maxLength": 20,
-          "required": true,
-          "description": "The voted value (e.g. '0','1','2','3','5','8','13','21','34','?','coffee','infinity')"
-        },
-        {
-          "logicalName": "wd_round",
-          "displayName": "Round",
-          "type": "Lookup",
-          "referencedTable": "wd_pokerround",
-          "required": true,
-          "description": "The round this vote belongs to"
-        },
-        {
-          "logicalName": "wd_participant",
-          "displayName": "Participant",
-          "type": "Lookup",
-          "referencedTable": "wd_pokerparticipant",
-          "required": true,
-          "description": "The participant who cast this vote"
-        }
-      ]
-    }
-  ],
-  "relationships_summary": [
-    "wd_pokersession 1─── N wd_pokerparticipant  (via wd_session lookup)",
-    "wd_pokersession 1─── N wd_pokerround        (via wd_session lookup)",
-    "wd_pokerround   1─── N wd_pokervote          (via wd_round lookup)",
-    "wd_pokerparticipant 1─── N wd_pokervote      (via wd_participant lookup)"
-  ]
-}

package/examples/apps/planning Poker/additional files/readme.md

@@ -1,122 +0,0 @@
-# Planning Poker — Power Apps Code-First App
-
-An agile planning poker app for sprint estimation sessions with team collaboration, built as a Power Apps code-first app with Dataverse backend.
-
----
-
-## Prerequisites
-
-- A Power Platform environment with Dataverse enabled
-- A Power Platform environment with Code Apps enabled
-- VS Code
-- Recommend Copilot
-
----
-
-## 1. Install Power Platform CLI
-
-Install the PAC CLI via npm:
-
-```bash
-npm install -g microsoft.powerapps.cli
-```
-
-Or install through the [Power Platform Tools VS Code extension](https://marketplace.visualstudio.com/items?itemName=microsoft-IsvExpTools.powerplatform-vscode).
-
-Verify the install:
-
-```bash
-pac --version
-```
-
----
-
-## 2. Authenticate and Select Environment
-
-Create an auth profile and connect to your environment:
-
-```bash
-# Authenticate (opens browser for interactive login)
-pac auth create --environment https://<yourorg>.crm.dynamics.com
-
-# List auth profiles
-pac auth list
-
-# Select an existing profile (if you have multiple)
-pac auth select --index <profile-index>
-
-# Confirm you are connected to the correct environment
-pac env who
-```
-
-Replace `<yourorg>` with your Dataverse org name.
-
----
-
-## 3. Add the Dataverse Skill Files to VS Code
-
-This repo includes two skill files that give Copilot the knowledge to set up Dataverse solutions and build code-first apps:
-
-1. Copy the `Skills/dataverseSolutionSetup/SKILL.md` file to your VS Code Copilot skills directory:
-   ```
-   ~/.copilot/skills/dataverseSolutionSetup/SKILL.md
-   ```
-2. Copy the `Skills/dataverseCodeApp/SKILL.md` file to:
-   ```
-   ~/.copilot/skills/dataverseCodeApp/SKILL.md
-   ```
-
-Once in place, Copilot will automatically use these skills when you ask it to create Dataverse solutions, tables, or code-first app connections.
-
----
-
-## 4. Create Publisher, Solution, and Tables with Copilot
-
-Use the following prompt in VS Code Copilot chat to scaffold the Dataverse backend. Reference the `dataverse-tables.json` file so Copilot knows exactly which tables, columns, and relationships to create:
-
-> **Prompt:**
-> Using the dataverseSolutionSetup skill and the `dataverse-tables.json` file in this folder, create a new Dataverse publisher with prefix `wd`, a solution called `PlanningPoker`, and all the tables, columns, and lookup relationships defined in `dataverse-tables.json`. Provide the full PAC CLI and Web API PowerShell commands to run.
-
-Copilot will generate the step-by-step PowerShell commands to:
-
-- Create the publisher and solution
-- Create the four tables: **Poker Session**, **Poker Participant**, **Poker Round**, **Poker Vote**
-- Create all columns and lookup relationships
-- Add components to the solution and publish
-
----
-
-## 5. Deploy the App
-
-Update the power.config.json file with the target environments id (it should be the same environment you have used in cli auth)
-Once the Dataverse tables are created and your app code is ready, push the app to your environment:
-
-```bash
-pac code push --solutionName PlanningPoker
-```
-
-This packages the build output from `./dist` and deploys it as a code component inside the specified solution.
-
----
-
-## Dataverse Schema Overview
-
-The app uses four custom tables (prefix `wd_`):
-
-| Table | Description |
-|---|---|
-| **Poker Session** | A planning session that participants join via a session code |
-| **Poker Participant** | A person who has joined a session |
-| **Poker Round** | A single estimation item within a session |
-| **Poker Vote** | A participant's vote on a round |
-
-**Relationships:**
-
-```
-wd_pokersession  1───N  wd_pokerparticipant  (via wd_session lookup)
-wd_pokersession  1───N  wd_pokerround        (via wd_session lookup)
-wd_pokerround    1───N  wd_pokervote          (via wd_round lookup)
-wd_pokerparticipant 1───N  wd_pokervote      (via wd_participant lookup)
-```
-
-See `dataverse-tables.json` for the full column and relationship definitions.

package/examples/apps/planning Poker/dist/dataverse.js

@@ -1,78 +0,0 @@
-import { getClient } from "@microsoft/power-apps/data";
-
-// ── All Table Definitions ──────────────────────────────────────
-const ALL_DATA_SOURCES = {
-  wd_pokersessions:     { tableId: '', version: '', primaryKey: 'wd_pokersessionid',     dataSourceType: 'Dataverse', apis: {} },
-  wd_pokerparticipants: { tableId: '', version: '', primaryKey: 'wd_pokerparticipantid', dataSourceType: 'Dataverse', apis: {} },
-  wd_pokerrounds:       { tableId: '', version: '', primaryKey: 'wd_pokerroundid',       dataSourceType: 'Dataverse', apis: {} },
-  wd_pokervotes:        { tableId: '', version: '', primaryKey: 'wd_pokervoteid',        dataSourceType: 'Dataverse', apis: {} },
-};
-
-// ── Initialize SDK & Client ────────────────────────────────────
-let oSharedClient = null;
-
-function getSharedClient() {
-  if (!oSharedClient) {
-    oSharedClient = getClient(ALL_DATA_SOURCES);
-  }
-  return oSharedClient;
-}
-
-// ── Unwrap SDK response ────────────────────────────────────────
-function unwrapResult(result) {
-  if (result && result.success === false) {
-    var sMsg = result.error ? (result.error.message || JSON.stringify(result.error)) : 'Operation failed';
-    throw new Error(sMsg);
-  }
-  return result && 'data' in result ? result.data : result;
-}
-
-// ── Create ─────────────────────────────────────────────────────
-export async function createItem(tableName, primaryKey, record) {
-  const client = getSharedClient();
-  const result = await client.createRecordAsync(tableName, record);
-  return unwrapResult(result);
-}
-
-// ── Read (single) ──────────────────────────────────────────────
-export async function getItem(tableName, primaryKey, id, select) {
-  const client = getSharedClient();
-  const options = select ? { select } : undefined;
-  const result = await client.retrieveRecordAsync(tableName, id, options);
-  return unwrapResult(result);
-}
-
-// ── List (multiple) ────────────────────────────────────────────
-export async function listItems(tableName, primaryKey, { filter, select, orderBy, top, skip } = {}) {
-  const client = getSharedClient();
-  const result = await client.retrieveMultipleRecordsAsync(tableName, {
-    filter,
-    select,
-    orderBy,
-    top,
-    skip,
-  });
-  var unwrapped = unwrapResult(result);
-  return { entities: Array.isArray(unwrapped) ? unwrapped : [] };
-}
-
-// ── Update ─────────────────────────────────────────────────────
-export async function updateItem(tableName, primaryKey, id, changedFields) {
-  const client = getSharedClient();
-  const result = await client.updateRecordAsync(tableName, id, changedFields);
-  return unwrapResult(result);
-}
-
-// ── Delete ─────────────────────────────────────────────────────
-export async function deleteItem(tableName, primaryKey, id) {
-  const client = getSharedClient();
-  const result = await client.deleteRecordAsync(tableName, id);
-  return unwrapResult(result);
-}
-
-// ── Unbound Action ─────────────────────────────────────────────
-export async function callUnboundAction(tableName, primaryKey, actionName, params) {
-  const client = getSharedClient();
-  const result = await client.invokeActionAsync(tableName, actionName, params);
-  return unwrapResult(result);
-}

package/examples/apps/planning Poker/dist/index.html

@@ -1,198 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
-  <meta name="mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <title>Planning Poker</title>
-      <script type="importmap">
-      {
-        "imports": {
-          "@microsoft/power-apps/data": "./power-apps-data.js"
-        }
-      }
-    </script>
-  <link rel="stylesheet" href="./styles.css" />
-  <meta name="theme-color" content="#f5f0e8" />
-</head>
-<body>
-
-  <!-- Error Toast -->
-  <div class="error-toast" id="error-message" style="display:none"></div>
-
-  <header class="app-header">
-    <div class="brand-block">&#9824; POKER</div>
-    <div class="session-info" id="session-info" style="display:none">
-      <span class="session-badge" id="session-badge"></span>
-      <span class="session-name-text" id="session-name-text"></span>
-    </div>
-    <div class="participants-count" id="participants-count" style="display:none">
-      <span>&#9679;</span> <span id="vote-status">0/0</span>
-    </div>
-    <button class="btn-brutal btn-brutal-share" id="btn-share" style="display:none" title="Copy invite link">&#128279; Share</button>
-    <button class="btn-brutal btn-brutal-danger" id="btn-end-session" style="display:none" title="End Session">End Session</button>
-    <button class="btn-leave" id="btn-leave" style="display:none" title="Leave Session">&#10005;</button>
-  </header>
-
-  <main class="app-main">
-
-    <!-- ═══ WELCOME VIEW ═══ -->
-    <div id="view-welcome" class="view">
-      <div class="welcome-hero">
-        <h2>Planning Poker</h2>
-        <p>Create a new estimation session or join an existing one</p>
-      </div>
-
-      <div class="welcome-grid">
-        <!-- Create Session -->
-        <div class="panel">
-          <h3 class="panel-title">Create Session</h3>
-          <div class="form-group">
-            <label for="inp-session-name">Session Name</label>
-            <input id="inp-session-name" type="text" placeholder="Sprint 42 Planning" />
-          </div>
-          <div class="form-group">
-            <label for="inp-session-code">Session Code</label>
-            <input id="inp-session-code" type="text" placeholder="XK7-M2P" maxlength="10" />
-          </div>
-          <div class="form-group">
-            <label for="inp-create-name">Your Name</label>
-            <input id="inp-create-name" type="text" placeholder="Sarah Mitchell" />
-          </div>
-          <button class="btn-brutal btn-brutal-primary" id="btn-create">
-            &#9824; Create Session
-          </button>
-        </div>
-
-        <!-- Join Session -->
-        <div class="panel">
-          <h3 class="panel-title">Join Session</h3>
-          <div class="form-group">
-            <label for="inp-join-code">Session Code</label>
-            <input id="inp-join-code" type="text" placeholder="Enter code" maxlength="10" />
-          </div>
-          <div class="form-group">
-            <label for="inp-join-name">Your Name</label>
-            <input id="inp-join-name" type="text" placeholder="Your display name" />
-          </div>
-          <button class="btn-brutal btn-brutal-primary" id="btn-join">
-            Join Session
-          </button>
-        </div>
-      </div>
-
-      <!-- Previous Rounds Table -->
-      <div class="panel previous-rounds-panel" id="previous-rounds-panel" style="display:none">
-        <h3 class="panel-title">Previous Rounds</h3>
-        <div class="previous-rounds-table-wrap">
-          <table class="previous-rounds-table" id="previous-rounds-table">
-            <thead>
-              <tr>
-                <th>Session <button class="sort-btn" data-col="session" data-dir="">&#9650;&#9660;</button></th>
-                <th>Round Name <button class="sort-btn" data-col="roundName" data-dir="">&#9650;&#9660;</button></th>
-                <th>Description <button class="sort-btn" data-col="description" data-dir="">&#9650;&#9660;</button></th>
-                <th>Avg Pts <button class="sort-btn" data-col="average" data-dir="">&#9650;&#9660;</button></th>
-                <th>Median Pts <button class="sort-btn" data-col="median" data-dir="">&#9650;&#9660;</button></th>
-              </tr>
-            </thead>
-            <tbody id="previous-rounds-body"></tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-
-    <!-- ═══ SESSION VIEW ═══ -->
-    <div id="view-session" class="view" style="display:none">
-
-      <!-- Owner: Start New Round -->
-      <div id="new-round-panel" class="panel" style="display:none">
-        <h3 class="panel-title">Start New Round</h3>
-        <div class="form-row">
-          <div class="form-group">
-            <label for="inp-round-id">Round ID</label>
-            <input id="inp-round-id" type="text" placeholder="JIRA-123" />
-          </div>
-          <div class="form-group form-group-grow">
-            <label for="inp-round-desc">Description</label>
-            <input id="inp-round-desc" type="text" placeholder="Story description" />
-          </div>
-        </div>
-        <button class="btn-brutal btn-brutal-primary" id="btn-start-round">
-          Start Round
-        </button>
-      </div>
-
-      <!-- Non-owner: Waiting -->
-      <div id="waiting-panel" class="panel" style="display:none">
-        <div class="waiting-message">
-          <span class="waiting-icon">&#9203;</span>
-          <h3>Waiting for Next Round</h3>
-          <p>The session owner will start the next voting round</p>
-        </div>
-      </div>
-
-      <!-- Participants (always visible in session) -->
-      <div class="participants-strip" id="participants-strip"></div>
-
-      <!-- Active Round -->
-      <div id="active-round-panel" style="display:none">
-        <div class="story-panel">
-          <h2><span class="story-badge" id="round-badge"></span> <span id="round-title"></span></h2>
-          <p id="round-description"></p>
-        </div>
-
-        <!-- Card Hand -->
-        <div class="card-hand-section" id="card-section">
-          <div class="card-hand-label">Select Your Estimate</div>
-          <div class="card-hand" id="card-hand"></div>
-        </div>
-
-        <!-- Actions -->
-        <div class="vote-actions" id="vote-actions">
-          <button class="btn-brutal btn-brutal-primary" id="btn-submit" disabled>Submit Vote</button>
-          <button class="btn-brutal btn-brutal-secondary" id="btn-reveal" style="display:none">Reveal Cards</button>
-        </div>
-
-        <!-- Voted confirmation -->
-        <div class="voted-message" id="voted-message" style="display:none">
-          <span>&#10003;</span> Vote submitted &mdash; waiting for others
-        </div>
-      </div>
-    </div>
-
-    <!-- ═══ RESULTS VIEW ═══ -->
-    <div id="view-results" class="view" style="display:none">
-      <div class="results-header">
-        <span class="story-badge" id="results-badge"></span>
-        <h2 id="results-title"></h2>
-      </div>
-
-      <div class="stats-row">
-        <div class="stat-card">
-          <span class="stat-value" id="stat-average">&mdash;</span>
-          <span class="stat-label">Average</span>
-        </div>
-        <div class="stat-card">
-          <span class="stat-value" id="stat-median">&mdash;</span>
-          <span class="stat-label">Median</span>
-        </div>
-      </div>
-
-      <div class="votes-grid" id="votes-grid"></div>
-
-      <div class="vote-actions">
-        <button class="btn-brutal btn-brutal-primary" id="btn-new-round" style="display:none">New Round</button>
-        <div class="btn-brutal btn-brutal-secondary btn-disabled" id="btn-waiting-next" style="display:none">Waiting for Next Round&hellip;</div>
-      </div>
-    </div>
-
-  </main>
-
-  <footer class="app-footer">
-    <span id="footer-info">Planning Poker &mdash; Agile Estimation Tool</span>
-  </footer>
-
-  <script src="./index.js" type="module"></script>
-</body>
-</html>