codeapp-js 0.1.1 → 0.2.1

package/docs-mockups/signal/styles.css

@@ -1,314 +0,0 @@
-:root {
-  --bg: #081014;
-  --panel: #0e1b21;
-  --panel-2: #12262d;
-  --line: rgba(130, 239, 214, 0.18);
-  --text: #d9fff7;
-  --muted: #7cb9ad;
-  --accent: #7df3d5;
-  --warning: #f7b267;
-  --shadow: 0 18px 56px rgba(0, 0, 0, 0.36);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  margin: 0;
-  min-height: 100vh;
-  background:
-    radial-gradient(circle at top right, rgba(125, 243, 213, 0.08), transparent 24%),
-    linear-gradient(180deg, #061015, var(--bg));
-  color: var(--text);
-  font-family: 'IBM Plex Mono', monospace;
-}
-
-.layout {
-  display: grid;
-  grid-template-columns: 280px minmax(0, 1fr);
-  min-height: 100vh;
-}
-
-.sidebar {
-  position: sticky;
-  top: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 20px;
-  height: 100vh;
-  padding: 28px;
-  border-right: 1px solid var(--line);
-  background: linear-gradient(180deg, rgba(5, 14, 18, 0.94), rgba(9, 21, 26, 0.98));
-}
-
-.brand,
-.sidebar nav a {
-  color: var(--text);
-  text-decoration: none;
-}
-
-.brand,
-.hero h1,
-.connectorMatrix h2,
-.exampleStrip h2 {
-  font-family: 'Archivo', sans-serif;
-}
-
-.brand {
-  font-size: 1.35rem;
-  font-weight: 800;
-  letter-spacing: 0.06em;
-  text-transform: uppercase;
-}
-
-.versionBadge {
-  width: fit-content;
-  margin: 0;
-  padding: 6px 10px;
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  color: var(--accent);
-}
-
-.sidebar nav {
-  display: grid;
-  gap: 12px;
-}
-
-.sidebar nav a {
-  color: var(--muted);
-}
-
-.sidebarPanel,
-.heroMetricGrid article,
-.eventFeed,
-.commandDeck,
-.matrixCard,
-.exampleCard,
-.terminalWindow {
-  border: 1px solid var(--line);
-  border-radius: 24px;
-  background: linear-gradient(180deg, rgba(14, 27, 33, 0.96), rgba(9, 18, 22, 0.96));
-  box-shadow: var(--shadow);
-}
-
-.sidebarPanel {
-  margin-top: auto;
-  padding: 18px;
-}
-
-.sidebarPanel p:last-child,
-.heroText,
-.eventFeed li,
-.matrixCard span,
-.exampleCard p {
-  color: var(--muted);
-  line-height: 1.7;
-}
-
-.mainPanel {
-  padding: 30px;
-}
-
-.hero {
-  display: grid;
-  grid-template-columns: 1.15fr 0.85fr;
-  gap: 22px;
-  align-items: stretch;
-}
-
-.signalTag,
-.panelLabel {
-  margin: 0;
-  color: var(--warning);
-  font-size: 0.78rem;
-  font-weight: 700;
-  letter-spacing: 0.16em;
-  text-transform: uppercase;
-}
-
-.hero h1 {
-  margin: 16px 0 0;
-  font-size: clamp(3rem, 6vw, 5.2rem);
-  line-height: 0.92;
-}
-
-.heroText {
-  max-width: 720px;
-  margin: 18px 0 0;
-}
-
-.heroMetricGrid {
-  display: grid;
-  gap: 16px;
-}
-
-.heroMetricGrid article {
-  display: grid;
-  gap: 6px;
-  padding: 22px;
-}
-
-.heroMetricGrid span {
-  color: var(--muted);
-}
-
-.heroMetricGrid strong {
-  color: var(--accent);
-  font-size: 1.25rem;
-}
-
-.pipeline {
-  display: grid;
-  grid-template-columns: 1.15fr 0.85fr;
-  gap: 22px;
-  margin-top: 22px;
-}
-
-.terminalWindow {
-  overflow: hidden;
-}
-
-.windowBar {
-  display: flex;
-  gap: 8px;
-  padding: 14px 16px;
-  border-bottom: 1px solid var(--line);
-}
-
-.windowBar span {
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: rgba(125, 243, 213, 0.4);
-}
-
-pre,
-.tabPanel code {
-  margin: 0;
-  white-space: pre-wrap;
-}
-
-pre {
-  padding: 20px;
-  color: var(--accent);
-}
-
-.eventFeed {
-  padding: 22px;
-}
-
-.eventFeed ul {
-  margin: 16px 0 0;
-  padding-left: 18px;
-}
-
-.commandDeck {
-  padding: 22px;
-  margin-top: 22px;
-}
-
-.deckHeader {
-  display: flex;
-  justify-content: space-between;
-  gap: 16px;
-  align-items: center;
-}
-
-.tabRow {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-
-.tabButton {
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  padding: 10px 14px;
-  background: transparent;
-  color: var(--muted);
-  font: inherit;
-  cursor: pointer;
-}
-
-.tabButton.is-active {
-  background: var(--accent);
-  color: #06201b;
-}
-
-.tabPanel {
-  display: none;
-  margin-top: 18px;
-  padding: 20px;
-  border-radius: 18px;
-  background: rgba(4, 11, 14, 0.76);
-}
-
-.tabPanel.is-active {
-  display: block;
-}
-
-.connectorMatrix,
-.exampleStrip {
-  display: grid;
-  grid-template-columns: 1.2fr repeat(2, minmax(0, 1fr));
-  gap: 18px;
-  margin-top: 22px;
-}
-
-.connectorMatrix h2,
-.exampleStrip h2 {
-  margin: 14px 0 0;
-  font-size: clamp(2rem, 4vw, 3.2rem);
-  line-height: 0.95;
-}
-
-.matrixCard,
-.exampleCard {
-  padding: 20px;
-}
-
-.matrixCard strong,
-.exampleCard span {
-  display: block;
-  margin-bottom: 8px;
-  color: var(--accent);
-}
-
-@media (max-width: 1080px) {
-  .layout {
-    grid-template-columns: 1fr;
-  }
-
-  .sidebar {
-    position: relative;
-    height: auto;
-    border-right: 0;
-    border-bottom: 1px solid var(--line);
-  }
-}
-
-@media (max-width: 880px) {
-  .hero,
-  .pipeline,
-  .connectorMatrix,
-  .exampleStrip {
-    grid-template-columns: 1fr;
-  }
-
-  .deckHeader {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}
-
-@media (max-width: 720px) {
-  .mainPanel {
-    padding: 20px;
-  }
-}

package/docs-mockups/styles.css

@@ -1,287 +0,0 @@
-:root {
-  --bg: #f3f6fb;
-  --panel: #ffffff;
-  --text: #17253b;
-  --muted: #55657d;
-  --line: #d9e2ef;
-  --accent: #0f6cbd;
-  --accent-soft: #dcecff;
-  --teal: #1f8f8a;
-  --shadow: 0 18px 40px rgba(15, 30, 58, 0.08);
-}
-
-* {
-  box-sizing: border-box;
-}
-
-html,
-body {
-  margin: 0;
-  min-height: 100%;
-}
-
-body {
-  background:
-    linear-gradient(180deg, #f7f9fc, var(--bg));
-  color: var(--text);
-  font-family: 'Segoe UI Variable Text', 'Segoe UI', sans-serif;
-}
-
-.shell {
-  width: min(1240px, calc(100% - 40px));
-  margin: 0 auto;
-  padding: 22px 0 40px;
-}
-
-.topbar {
-  display: flex;
-  justify-content: space-between;
-  gap: 16px;
-  align-items: center;
-  padding: 10px 0 22px;
-}
-
-.brandBlock {
-  display: flex;
-  gap: 16px;
-  align-items: center;
-}
-
-.suiteMark {
-  display: grid;
-  place-items: center;
-  width: 48px;
-  height: 48px;
-  border-radius: 14px;
-  background: linear-gradient(135deg, #0f6cbd, #3a96dd);
-  color: #ffffff;
-  font-size: 1.4rem;
-  font-weight: 800;
-}
-
-.eyebrow {
-  margin: 0 0 6px;
-  color: var(--accent);
-  font-size: 0.8rem;
-  font-weight: 700;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-}
-
-.topbar h1 {
-  max-width: 860px;
-  margin: 0;
-  font-size: clamp(2rem, 4.8vw, 3.9rem);
-  font-weight: 700;
-  line-height: 1.05;
-}
-
-.topbarMeta {
-  display: flex;
-  gap: 10px;
-  flex-wrap: wrap;
-}
-
-.topbarMeta span {
-  padding: 8px 12px;
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  background: rgba(255, 255, 255, 0.9);
-  color: var(--muted);
-  font-size: 0.9rem;
-}
-
-.heroPanel {
-  display: grid;
-  grid-template-columns: 1.2fr 0.8fr;
-  gap: 20px;
-  padding: 24px;
-  border: 1px solid var(--line);
-  border-radius: 24px;
-  background: var(--panel);
-  box-shadow: var(--shadow);
-}
-
-.heroLead {
-  max-width: 760px;
-  margin: 0;
-  color: var(--muted);
-  font-size: 1.04rem;
-  line-height: 1.7;
-}
-
-.heroActions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 14px;
-  margin-top: 28px;
-}
-
-.heroActions a {
-  border-radius: 8px;
-  padding: 12px 18px;
-  text-decoration: none;
-  font-weight: 700;
-  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
-}
-
-.primaryAction {
-  background: var(--accent);
-  color: #ffffff;
-}
-
-.secondaryAction {
-  border: 1px solid var(--line);
-  background: #ffffff;
-  color: var(--text);
-}
-
-.heroActions a:hover,
-.heroActions a:focus-visible,
-.conceptCard:hover,
-.conceptCard:focus-within {
-  transform: translateY(-2px);
-}
-
-.heroStats {
-  display: grid;
-  gap: 12px;
-}
-
-.heroStats article {
-  display: grid;
-  gap: 4px;
-  padding: 18px;
-  border: 1px solid var(--line);
-  border-radius: 18px;
-  background: linear-gradient(180deg, #fdfefe, #f6f9fd);
-}
-
-.heroStats strong {
-  color: var(--accent);
-  font-size: 1.2rem;
-}
-
-.conceptGrid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 20px;
-  margin: 20px 0 28px;
-}
-
-.conceptCard {
-  display: flex;
-  flex-direction: column;
-  min-height: 340px;
-  padding: 26px;
-  border: 1px solid var(--line);
-  border-radius: 22px;
-  background: var(--panel);
-  box-shadow: var(--shadow);
-  transition: transform 180ms ease, border-color 180ms ease;
-}
-
-.makerCard {
-  background:
-    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.96)),
-    linear-gradient(90deg, transparent, transparent);
-}
-
-.workspaceCard {
-  background:
-    linear-gradient(180deg, rgba(247, 250, 255, 0.98), rgba(239, 245, 252, 0.98));
-}
-
-.conceptNumber {
-  margin: 0;
-  color: var(--accent);
-  font-size: 0.85rem;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-}
-
-.conceptCard h2 {
-  margin: 18px 0 8px;
-  font-size: 2.05rem;
-  font-weight: 700;
-}
-
-.conceptTone {
-  margin: 0;
-  color: var(--teal);
-  font-weight: 700;
-}
-
-.conceptBody {
-  flex: 1;
-  color: var(--muted);
-  line-height: 1.7;
-}
-
-.tags {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-  padding: 0;
-  margin: 0 0 24px;
-  list-style: none;
-}
-
-.tags li {
-  border: 1px solid var(--line);
-  border-radius: 999px;
-  padding: 8px 12px;
-  font-size: 0.84rem;
-  font-weight: 600;
-  background: #f7fafe;
-}
-
-.conceptCard a {
-  color: var(--accent);
-  font-weight: 700;
-  text-decoration: none;
-}
-
-.footerNote {
-  padding-bottom: 22px;
-  color: var(--muted);
-}
-
-.is-visible {
-  animation: riseIn 520ms ease forwards;
-}
-
-@keyframes riseIn {
-  from {
-    opacity: 0;
-    transform: translateY(18px);
-  }
-
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@media (max-width: 980px) {
-  .heroPanel,
-  .conceptGrid {
-    grid-template-columns: 1fr;
-  }
-}
-
-@media (max-width: 720px) {
-  .shell {
-    width: min(100% - 20px, 1240px);
-  }
-
-  .topbar {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-
-  .heroActions a {
-    width: 100%;
-    text-align: center;
-  }
-}

package/examples/combined demo/dist/dataverse.js

@@ -1,86 +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);
-}
-
-// ── WhoAmI ─────────────────────────────────────────────────────
-export async function whoAmI() {
-  const client = getSharedClient();
-  const result = await client.invokeActionAsync('', 'WhoAmI', {});
-  var data = unwrapResult(result);
-  return data.UserId || data.userid || data.systemuserid || data;
-}