verstak-official-plugins/scripts/smoke-notes-plugin.js

#!/usr/bin/env node
const fs = require('fs');
const path = require('path');
const vm = require('vm');

const root = path.resolve(__dirname, '..');
const sourcePath = path.join(root, 'plugins', 'notes', 'frontend', 'src', 'index.js');
const source = fs.readFileSync(sourcePath, 'utf8');

class FakeNode {
  constructor(tagName) {
    this.tagName = String(tagName || '').toUpperCase();
    this.children = [];
    this.attributes = {};
    this.listeners = {};
    this.style = {};
    this.className = '';
    this.id = '';
    this.value = '';
    this._innerHTML = '';
    this._textContent = '';
  }

  appendChild(node) {
    if (!(node instanceof FakeNode)) throw new TypeError('appendChild expects FakeNode');
    this.children.push(node);
    node.parentNode = this;
    return node;
  }

  remove() {
    if (!this.parentNode) return;
    this.parentNode.children = this.parentNode.children.filter((child) => child !== this);
    this.parentNode = null;
  }

  setAttribute(name, value) {
    this.attributes[name] = String(value);
    if (name === 'id') this.id = String(value);
  }

  getAttribute(name) {
    return this.attributes[name];
  }

  addEventListener(type, handler) {
    this.listeners[type] = this.listeners[type] || [];
    this.listeners[type].push(handler);
  }

  dispatchEvent(type, event = {}) {
    const handlers = this.listeners[type] || [];
    handlers.forEach((handler) => handler({ stopPropagation() {}, ...event }));
  }

  click() {
    this.dispatchEvent('click');
  }

  focus() {}
  select() {}

  set innerHTML(value) {
    this._innerHTML = String(value || '');
    this.children = [];
  }

  get innerHTML() {
    return this._innerHTML;
  }

  set textContent(value) {
    this._textContent = String(value || '');
    this.children = [];
  }

  get textContent() {
    if (this.tagName === '#TEXT') return this._textContent;
    return this._textContent + this.children.map((child) => child.textContent).join('');
  }
}

function walk(node, fn) {
  if (fn(node)) return node;
  for (const child of node.children) {
    const found = walk(child, fn);
    if (found) return found;
  }
  return null;
}

function makeDocument() {
  const body = new FakeNode('body');
  return {
    body,
    head: new FakeNode('head'),
    createElement(tagName) {
      return new FakeNode(tagName);
    },
    createTextNode(text) {
      const node = new FakeNode('#text');
      node.textContent = text;
      return node;
    },
    getElementById() {
      return null;
    },
  };
}

function loadNotesComponent(document) {
  const registry = {};
  const sandbox = {
    console,
    setTimeout,
    clearTimeout,
    document,
    window: {
      VerstakPluginRegister(pluginId, bundle) {
        registry[pluginId] = bundle.components || {};
      },
    },
  };
  sandbox.window.window = sandbox.window;
  sandbox.window.document = document;
  vm.runInNewContext(source, sandbox, { filename: sourcePath });
  const component = registry['verstak.notes'] && registry['verstak.notes'].NotesView;
  if (!component) throw new Error('NotesView was not registered');
  return component;
}

function makeApi(options = {}) {
  const entries = new Map();
  const opened = [];
  return {
    entries,
    opened,
    files: {
      list: async (relativeDir) => {
        const prefix = relativeDir ? `${relativeDir}/` : '';
        if (!entries.has(relativeDir)) throw new Error(`not-found: ${relativeDir}`);
        return Array.from(entries.entries())
          .filter(([entryPath]) => entryPath.startsWith(prefix) && entryPath !== relativeDir && !entryPath.slice(prefix.length).includes('/'))
          .map(([entryPath, entry]) => ({
            name: path.basename(entryPath),
            relativePath: entryPath,
            type: entry.type,
          }));
      },
      metadata: async (relativePath) => {
        if (options.metadataAlwaysExists) return { relativePath, type: 'file' };
        const entry = entries.get(relativePath);
        if (!entry) throw new Error(`not-found: ${relativePath}`);
        return { relativePath, type: entry.type };
      },
      createFolder: async (relativePath) => {
        if (entries.has(relativePath)) throw new Error(`conflict: ${relativePath}`);
        entries.set(relativePath, { type: 'folder' });
      },
      writeText: async (relativePath, content, writeOptions = {}) => {
        if (entries.has(relativePath) && !writeOptions.overwrite) throw new Error(`conflict: ${relativePath}`);
        const parent = relativePath.split('/').slice(0, -1).join('/');
        if (parent && !entries.has(parent)) throw new Error(`parent-not-found: ${parent}`);
        entries.set(relativePath, { type: 'file', content });
      },
      move: async (fromRelativePath, toRelativePath) => {
        const entry = entries.get(fromRelativePath);
        if (!entry) throw new Error(`not-found: ${fromRelativePath}`);
        if (entries.has(toRelativePath)) throw new Error(`conflict: ${toRelativePath}`);
        entries.set(toRelativePath, entry);
        entries.delete(fromRelativePath);
      },
    },
    workbench: {
      openResource: async (request) => {
        opened.push(request);
        return { status: 'opened' };
      },
    },
  };
}

async function flush() {
  for (let i = 0; i < 8; i++) {
    await Promise.resolve();
  }
}

async function mountNotes(api) {
  const document = makeDocument();
  const component = loadNotesComponent(document);
  const container = new FakeNode('div');
  component.mount(container, { workspaceNode: { name: 'Project' } }, api);
  await flush();
  return { container, document, component };
}

(async () => {
  const emptyApi = makeApi();
  const emptyMounted = await mountNotes(emptyApi);
  if (walk(emptyMounted.container, (node) => node.getAttribute && node.getAttribute('data-action') === 'overview')) {
    throw new Error('NotesView must not render a persistent Overview button');
  }
  if (emptyMounted.container.textContent.includes('<svg')) {
    throw new Error('NotesView empty state renders raw SVG text');
  }

  const createApi = makeApi({ metadataAlwaysExists: true });
  const { container, document } = await mountNotes(createApi);
  const createButton = walk(container, (node) => node.getAttribute && node.getAttribute('data-action') === 'create');
  if (!createButton) throw new Error('create button not found');
  createButton.click();
  const input = walk(container, (node) => node.getAttribute && node.getAttribute('data-notes-create-input') !== undefined);
  if (!input) throw new Error('create input not found');
  input.value = 'First Note';
  const confirm = walk(container, (node) => node.tagName === 'BUTTON' && node.textContent === 'Create');
  if (!confirm) throw new Error('create confirm button not found');
  confirm.click();
  await flush();

  const created = createApi.entries.get('Project/Notes/First_Note.md');
  if (!created || created.content !== '# First Note\n') {
    throw new Error('create note did not write the markdown file');
  }
  if (document.body.children.some((node) => node.className === 'notes-modal-overlay')) {
    throw new Error('create note showed a conflict modal for a new file');
  }
  if (!createApi.opened.some((request) => request.path === 'Project/Notes/First_Note.md')) {
    throw new Error('create note did not open the newly created file');
  }

  console.log('notes plugin smoke passed');
})().catch((err) => {
  console.error(err);
  process.exit(1);
});