codeapp-js 0.1.1 → 0.2.2

package/examples/outlook Demo/dist/styles.css

@@ -1,84 +1,84 @@
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-body {
-  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-  padding: 20px;
-  background: #f5f5f5;
-  color: #333;
-}
-
-h1 {
-  margin-bottom: 16px;
-}
-
-#loading {
-  font-size: 14px;
-  color: #666;
-}
-
-#error {
-  color: #d32f2f;
-  font-size: 14px;
-  margin-top: 12px;
-}
-
-table {
-  width: 100%;
-  border-collapse: collapse;
-  background: #fff;
-  border-radius: 4px;
-  overflow: hidden;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
-}
-
-th, td {
-  text-align: left;
-  padding: 10px 14px;
-  border-bottom: 1px solid #eee;
-}
-
-th {
-  background: #0078d4;
-  color: #fff;
-  font-weight: 600;
-}
-
-tr:last-child td {
-  border-bottom: none;
-}
-
-tr:hover td {
-  background: #f0f6ff;
-}
-
-@media (prefers-color-scheme: dark) {
-  body {
-    background: #1e1e1e;
-    color: #e0e0e0;
-  }
-
-  table {
-    background: #2d2d2d;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
-  }
-
-  th {
-    background: #0063b1;
-  }
-
-  td {
-    border-bottom-color: #444;
-  }
-
-  tr:hover td {
-    background: #383838;
-  }
-
-  #loading {
-    color: #aaa;
-  }
-}
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  padding: 20px;
+  background: #f5f5f5;
+  color: #333;
+}
+
+h1 {
+  margin-bottom: 16px;
+}
+
+#loading {
+  font-size: 14px;
+  color: #666;
+}
+
+#error {
+  color: #d32f2f;
+  font-size: 14px;
+  margin-top: 12px;
+}
+
+table {
+  width: 100%;
+  border-collapse: collapse;
+  background: #fff;
+  border-radius: 4px;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+}
+
+th, td {
+  text-align: left;
+  padding: 10px 14px;
+  border-bottom: 1px solid #eee;
+}
+
+th {
+  background: #0078d4;
+  color: #fff;
+  font-weight: 600;
+}
+
+tr:last-child td {
+  border-bottom: none;
+}
+
+tr:hover td {
+  background: #f0f6ff;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background: #1e1e1e;
+    color: #e0e0e0;
+  }
+
+  table {
+    background: #2d2d2d;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+  }
+
+  th {
+    background: #0063b1;
+  }
+
+  td {
+    border-bottom-color: #444;
+  }
+
+  tr:hover td {
+    background: #383838;
+  }
+
+  #loading {
+    color: #aaa;
+  }
+}

package/examples/outlook Demo/readme.md

@@ -1,82 +1,82 @@
-# Outlook Inbox Demo
-
-Demo to show how to use the Office 365 Outlook connector to list inbox emails.
-
----
-
-## Prerequisites
-
-- 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 Outlook Skill File to VS Code
-
-This repo includes a skill file that gives Copilot the knowledge to build Outlook code apps:
-
-1. Copy the `Skills/outlookCodeApp/SKILL.md` file to your VS Code Copilot skills directory:
-   ```
-   ~/.copilot/skills/outlookCodeApp/SKILL.md
-   ```
-
-Once in place, Copilot will automatically use this skill when you ask it to build the code app.
-
----
-
-## 4. Setup
-
-Copy the contents of `dist copy` into a `dist` folder, then copy the `index.html` and `index.js` from this examples folder into `dist`, replacing the defaults.
-
----
-
-## 5. Deploy the App
-
-Update the power.config.json file with the target environment's id (it should be the same environment you have used in CLI auth).
-
-```bash
-pac code push --solutionName OutlookInbox
-```
-
-This packages the build output from `./dist` and deploys it as a code component inside the specified solution.
+# Outlook Inbox Demo
+
+Demo to show how to use the Office 365 Outlook connector to list inbox emails.
+
+---
+
+## Prerequisites
+
+- 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 Outlook Skill File to VS Code
+
+This repo includes a skill file that gives Copilot the knowledge to build Outlook code apps:
+
+1. Copy the `Skills/outlookCodeApp/SKILL.md` file to your VS Code Copilot skills directory:
+   ```
+   ~/.copilot/skills/outlookCodeApp/SKILL.md
+   ```
+
+Once in place, Copilot will automatically use this skill when you ask it to build the code app.
+
+---
+
+## 4. Setup
+
+Copy the contents of `dist copy` into a `dist` folder, then copy the `index.html` and `index.js` from this examples folder into `dist`, replacing the defaults.
+
+---
+
+## 5. Deploy the App
+
+Update the power.config.json file with the target environment's id (it should be the same environment you have used in CLI auth).
+
+```bash
+pac code push --solutionName OutlookInbox
+```
+
+This packages the build output from `./dist` and deploys it as a code component inside the specified solution.

package/examples/outlook Demo2/agent/decision-log.md

@@ -0,0 +1,7 @@
+
+- Outlook inbox + send email app built with shared_office365 connector
+- Single shared client pattern per connections skill; DATA_SOURCE = 'office365'
+- power.config.json updated with office365 connectionReference
+- Operations used: GetEmailsV3 (list inbox), SendEmailV2 (send email)
+- CSS in separate dist/styles.css; editorial warm-tone design with Playfair Display + DM Sans
+- User still needs to: click Sync Connections button, then Deploy to push to environment