LiveCode Forums.

Code: Select all

sort lines of theText descending by last item of each

Code: Select all

theText = theText.split("\n");
theText = theText.sort(sort_item_3).join("\n");
function sort_item_3(line1, line2){
	line1 = line1.split(",");
	line2 = line2.split(",");
	if(line1[2] == line2[2]) return 0;
	else if(line1[2] > line2[2]) return -1;
	else return 1;
}

Code: Select all

function pathsForDirectoryAndWildcardPattern pDirectory, pWildcardPattern
 filter files(pDirectory) with pWildcardPattern
   repeat for each line tFile in it
      put pDirectory & slash & tFile & cr after tPaths
   end repeat
   
   filter folders(pDirectory) without ".."
   repeat for each line tFolder in it
      put pathsForDirectoryAndWildcardPattern(pDirectory & slash & tFolder, pWildcardPattern) after tPaths
   end repeat
   
   return tPaths
end pathsForDirectoryAndWildcardPattern

Code: Select all

var fso = new ActiveXObject("Scripting.FileSystemObject");

function walkDirectoryTree(folder, folder_name, re_pattern) {
    WScript.Echo("Files in " + folder_name + " matching '" + re_pattern + "':");
    walkDirectoryFilter(folder.files, re_pattern);

    var subfolders = folder.SubFolders;
    WScript.Echo("Folders in " + folder_name + " matching '" + re_pattern + "':");
    walkDirectoryFilter(subfolders, re_pattern);

    WScript.Echo();
    var en = new Enumerator(subfolders);
    while (! en.atEnd()) {
        var subfolder = en.item();
        walkDirectoryTree(subfolder, folder_name + "/" + subfolder.name, re_pattern);
        en.moveNext();
    }
}

function walkDirectoryFilter(items, re_pattern) {
    var e = new Enumerator(items);
    while (! e.atEnd()) {
        var item = e.item();
        if (item.name.match(re_pattern))
            WScript.Echo(item.name);
        e.moveNext();
    }
}

walkDirectoryTree(dir, dir.name, '\\.txt$');

Code: Select all

<div id=output style="height:100vh; overflow:scroll; border:2px solid black"></div>

<script>

charset = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ01234567890!@#$%^&*()[]{}/=\?+|- '
colors = ['gainsboro', 'beige', 'aliceblue', 'lavenderblush', 'mintcream', 'mistyrose', 'antiquewhite']

output = "<table>"

for (row=1; row <= 20000; row++) {

	color = colors[Math.floor(Math.random()*colors.length)]
	output += `<tr bgcolor='${color}'</tr>`

	for (cell = 1; cell <= 6; cell++) {

		str = ''
		for (chars = 1; chars <=7; chars++) {
			str+= charset[Math.floor(Math.random()*charset.length)]
		}
		output += `<td>${str}</td>`
   }
   output +="</tr>"

}

output += "</table>"
document.getElementById('output').innerHTML = output

</script>

Code: Select all

lines = theText.split("\n")
my2dArray = []
for (i=0; i < lines.length; i++) { 
   items = lines[i].split(' ')
   my2dArray[i] = items
}
my2dArray.sort( function (a,b) { return b[items.length-1] - a[items.length-1]} )

Code: Select all

const fs = require("fs");
const path = require("path");

/**
 * Recursively walk a directory and print files matching a pattern
 * @param {string} dir - Directory to start from
 * @param {RegExp} pattern - Regex pattern to match filenames
 */
function walkDir(dir, pattern) {
  fs.readdirSync(dir, { withFileTypes: true }).forEach((entry) => {
    const fullPath = path.join(dir, entry.name);

    if (entry.isDirectory()) {
      // Recurse into subdirectory
      walkDir(fullPath, pattern);
    } else if (entry.isFile() && pattern.test(entry.name)) {
      console.log(fullPath);
    }
  });
}

Code: Select all

on mouseup
   local tText, tStart,tEnd
   put empty into tText
   repeat with x=1 to 10000
      repeat with y=1 to 12
         put random(5000) & tab after tText
      end repeat
      put cr after tText
   end repeat
   
   ---lock screen
   
   put the milliseconds into tStart
   set the pgtext of widget  1 to tText
   put the milliseconds into tEnd
   put  tEnd-tStart  & "ms" into field "spdwidget"
   
   put the milliseconds into tStart
   set the text of field "test" to tText
   put the milliseconds into tEnd
   put  tEnd-tStart  & "ms" into field "spdfield"
   
   put the milliseconds into tStart
   set the dgtext of group "test2" to tText
   put the milliseconds into tEnd
   put  tEnd-tStart & "ms" into field "spddg"
   
   --unlock screen
end mouseup

Code: Select all

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>10,000×12 Table: Virtualized vs Full</title>
  <style>
    body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 24px; }
    h2 { margin: 0 0 8px; }
    .controls { display: flex; gap: 12px; align-items: center; margin: 12px 0 16px; flex-wrap: wrap; }
    button { padding: 8px 12px; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; background: #fafafa; }
    .metrics { font-family: monospace; margin: 10px 0 16px; }
    .container {
      border: 1px solid #ccc;
      height: 520px;
      overflow: auto;
      position: relative;
      background: #fff;
    }
    table { border-collapse: collapse; width: 100%; table-layout: fixed; }
    th, td { border: 1px solid #ddd; padding: 2px 6px; text-align: right; font-family: monospace; }
    thead th { position: sticky; top: 0; background: #f3f3f3; z-index: 1; }
    /* Virtualized-only spacer (fills the scroll height) */
    .spacer { position: relative; width: 100%; }
    /* Make header + body align in both modes */
    .w-fixed thead, .w-fixed tbody tr { display: table; width: 100%; table-layout: fixed; }
    .w-fixed tbody { display: block; }
  </style>
</head>
<body>
  <h2>10,000×12 Random Number Table</h2>

  <div class="controls">
    <button id="toggleBtn">Mode: Virtualized</button>
    <button id="renderBtn">Render / Re-render</button>
    <span class="metrics" id="metrics">—</span>
  </div>

  <div class="container" id="container"></div>

  <script>
    // ---- Config ----
    const TOTAL_ROWS = 10000;
    const COLS = 12;
    const ROW_HEIGHT = 24;  // px (approx)
    const BUFFER = 20;      // extra rows above/below viewport for virtualization

    // ---- State ----
    let mode = "virtualized"; // "virtualized" | "full"
    let container = document.getElementById("container");
    let metrics = document.getElementById("metrics");
    let toggleBtn = document.getElementById("toggleBtn");
    let renderBtn = document.getElementById("renderBtn");

    // For virtualized mode
    let vElems = { spacer: null, table: null, theadRow: null, tbody: null };
    let onScrollHandler = null;

    // Deterministic "random" so values don't change when scrolling
    function valueAt(row, col) {
      return Math.abs(Math.floor(Math.sin(row * 1000 + col) * 10000));
    }

    function buildHeaderHTML() {
      let h = "";
      for (let c = 1; c <= COLS; c++) h += `<th>Col ${c}</th>`;
      return `<thead><tr>${h}</tr></thead>`;
    }

    // ----- FULL RENDER -----
    function renderFull() {
      teardownVirtualized();

      const start = performance.now();

      let bodyHTML = "";
      for (let r = 0; r < TOTAL_ROWS; r++) {
        bodyHTML += "<tr>";
        for (let c = 0; c < COLS; c++) {
          bodyHTML += `<td>${valueAt(r, c)}</td>`;
        }
        bodyHTML += "</tr>";
      }

      container.innerHTML = `
        <table class="w-fixed">
          ${buildHeaderHTML()}
          <tbody id="fullBody">${bodyHTML}</tbody>
        </table>
      `;

      // Measure after paint
      requestAnimationFrame(() => {
        const end = performance.now();
        const tbody = document.getElementById("fullBody");
        const rowsInDOM = tbody ? tbody.childElementCount : 0;
        updateMetrics(end - start, rowsInDOM, "Full");
      });
    }

    // ----- VIRTUALIZED RENDER -----
    function initVirtualized() {
      // Build static shell
      container.innerHTML = `
        <div class="spacer" id="vSpacer" style="height:${TOTAL_ROWS * ROW_HEIGHT}px"></div>
        <table id="vTable">
          ${buildHeaderHTML()}
          <tbody id="vBody"></tbody>
        </table>
      `;

      vElems.spacer = document.getElementById("vSpacer");
      vElems.table  = document.getElementById("vTable");
      vElems.tbody  = document.getElementById("vBody");

      // Initially render visible slice
      renderVirtualSlice();

      // Scroll handler
      onScrollHandler = () => renderVirtualSlice();
      container.addEventListener("scroll", onScrollHandler, { passive: true });
    }

    function teardownVirtualized() {
      if (onScrollHandler) {
        container.removeEventListener("scroll", onScrollHandler);
        onScrollHandler = null;
      }
    }

    function renderVirtualSlice() {
      const start = performance.now();

      const scrollTop = container.scrollTop;
      const viewportRows = Math.ceil(container.clientHeight / ROW_HEIGHT);
      const startRow = Math.max(0, Math.floor(scrollTop / ROW_HEIGHT) - BUFFER);
      const endRow = Math.min(TOTAL_ROWS, startRow + viewportRows + 2 * BUFFER);

      let html = "";
      for (let r = startRow; r < endRow; r++) {
        html += `<tr style="transform: translateY(${r * ROW_HEIGHT}px)">`;
        for (let c = 0; c < COLS; c++) {
          html += `<td>${valueAt(r, c)}</td>`;
        }
        html += `</tr>`;
      }
      vElems.tbody.innerHTML = html;

      const end = performance.now();
      // Report per-frame render time & current DOM row count
      updateMetrics(end - start, vElems.tbody.childElementCount, "Virtualized");
    }

    // ----- UI Wiring -----
    function updateMetrics(ms, domRows, label) {
      metrics.textContent = `${label} render: ${ms.toFixed(2)} ms · DOM rows: ${domRows}/${TOTAL_ROWS}`;
    }

    function renderCurrentMode() {
      if (mode === "virtualized") {
        initVirtualized();
      } else {
        renderFull();
      }
    }

    toggleBtn.addEventListener("click", () => {
      mode = (mode === "virtualized") ? "full" : "virtualized";
      toggleBtn.textContent = `Mode: ${mode.charAt(0).toUpperCase() + mode.slice(1)}`;
      renderCurrentMode();
    });

    renderBtn.addEventListener("click", renderCurrentMode);

    // Initial render
    renderCurrentMode();
  </script>
</body>
</html>