codeapp-js 0.1.0 → 0.2.1

package/examples/dataverse Demo/dist/index.js

@@ -1,38 +1,50 @@
-import { createItem, listItems } from "./dataverse.js";
+import { initDataSources, createItem, listItems } from './codeapp.js';
 
-const TABLE = "tasks";
-const PK = "activityid";
+const TABLE = 'tasks';
+const PK = 'activityid';
 
-const taskBody = document.getElementById("task-body");
-const taskInput = document.getElementById("task-input");
-const btnAdd = document.getElementById("btn-add");
-const status = document.getElementById("status");
+function dsEntry(sPrimaryKey) {
+  return { tableId: '', version: '', primaryKey: sPrimaryKey, dataSourceType: 'Dataverse', apis: {} };
+}
+
+initDataSources({
+  tasks: dsEntry('activityid')
+});
+
+const taskBody = document.getElementById('task-body');
+const taskInput = document.getElementById('task-input');
+const btnAdd = document.getElementById('btn-add');
+const status = document.getElementById('status');
 
 function renderRows(records) {
   if (!records || records.length === 0) {
-    taskBody.innerHTML = "<tr><td colspan='3'>No tasks found.</td></tr>";
+    taskBody.innerHTML = '<tr><td colspan="3">No tasks found.</td></tr>';
     return;
   }
   taskBody.innerHTML = records
     .map((r) => {
-      const subject = r.subject || "—";
-      const state = r.statecode === 0 ? "Open" : "Completed";
+      const subject = r.subject || '—';
+      const state = r.statecode === 0 ? 'Open' : 'Completed';
       const created = r.createdon
         ? new Date(r.createdon).toLocaleDateString()
-        : "—";
-      return `<tr><td>${escapeHtml(subject)}</td><td>${state}</td><td>${created}</td></tr>`;
+        : '—';
+      return '<tr><td>' + escapeHtml(subject) + '</td><td>' + state + '</td><td>' + created + '</td></tr>';
     })
-    .join("");
+    .join('');
 }
 
-function escapeHtml(text) {
-  const d = document.createElement("div");
-  d.textContent = text;
-  return d.innerHTML;
+function escapeHtml(sText) {
+  let sStr = String(sText == null ? '' : sText);
+  return sStr
+    .replace(new RegExp('&', 'g'), '&amp;')
+    .replace(new RegExp('<', 'g'), '&lt;')
+    .replace(new RegExp('>', 'g'), '&gt;')
+    .replace(new RegExp('"', 'g'), '&quot;')
+    .replace(new RegExp("'", 'g'), '&#39;');
 }
 
 async function loadTasks() {
-  status.textContent = "Loading tasks…";
+  status.textContent = 'Loading tasks…';
   try {
     const result = await listItems(TABLE, PK, {
       select: ["subject", "statecode", "createdon"],
@@ -40,9 +52,9 @@ async function loadTasks() {
       top: 5,
     });
     renderRows(result.entities ?? []);
-    status.textContent = "";
+    status.textContent = '';
   } catch (err) {
-    status.textContent = "Error loading tasks: " + err.message;
+    status.textContent = 'Error loading tasks: ' + err.message;
   }
 }
 
@@ -51,21 +63,21 @@ async function addTask() {
   if (!subject) return;
 
   btnAdd.disabled = true;
-  status.textContent = "Creating task…";
+  status.textContent = 'Creating task…';
   try {
     await createItem(TABLE, PK, { subject });
-    taskInput.value = "";
+    taskInput.value = '';
     await loadTasks();
   } catch (err) {
-    status.textContent = "Error creating task: " + err.message;
+    status.textContent = 'Error creating task: ' + err.message;
   } finally {
     btnAdd.disabled = false;
   }
 }
 
-btnAdd.addEventListener("click", addTask);
-taskInput.addEventListener("keydown", (e) => {
-  if (e.key === "Enter") addTask();
+btnAdd.addEventListener('click', addTask);
+taskInput.addEventListener('keydown', (e) => {
+  if (e.key === 'Enter') addTask();
 });
 
 loadTasks();