@sverka/playground 0.0.0 → 0.1.1

package/dist/index.d.mts

@@ -0,0 +1,127 @@
+//#region src/types.d.ts
+/** Severity levels ordered from least to most severe. */
+type Severity = "info" | "low" | "medium" | "high" | "critical";
+/** Source tool that produced a finding. */
+interface FindingSource {
+  tool: string;
+  version: string | null;
+  format: "sarif" | "json" | "text" | "custom";
+  originalRuleId: string;
+  originalSeverity: string | null;
+}
+/** A normalized finding — structurally compatible with @sverka/verification Finding. */
+interface Finding {
+  id: string;
+  fingerprint: string;
+  checkId: string;
+  severity: Severity;
+  confidence: number;
+  message: string;
+  rule: string;
+  file: string;
+  startLine: number;
+  endLine: number;
+  startColumn?: number;
+  endColumn?: number;
+  helpUrl?: string;
+  source: FindingSource;
+  snippet?: string;
+}
+/** Simplified finding that FunctionStep functions return. The runner
+ *  fills in fingerprint, id, and source defaults. */
+interface PlaygroundFinding {
+  rule: string;
+  file: string;
+  line: number;
+  severity: Severity;
+  message: string;
+  tool?: string;
+  snippet?: string;
+}
+/** Result of running a single step. */
+interface StepResult {
+  stepId: string;
+  status: "success" | "failure";
+  findings: Finding[];
+  durationMs: number;
+  error?: string;
+}
+/** Result of running a full pipeline. */
+interface PipelineResult {
+  steps: StepResult[];
+  findings: Finding[];
+  totalDurationMs: number;
+  success: boolean;
+}
+//#endregion
+//#region src/pipeline.d.ts
+/** Base class for all constructs. */
+declare abstract class Construct {
+  readonly id: string;
+  readonly scope: Construct | null;
+  constructor(scope: Construct | null, id: string);
+  /** Full path from root to this construct. */
+  get path(): string;
+}
+/** Root construct representing a project. */
+export declare class Project extends Construct {
+  readonly pipelines: Pipeline[];
+  constructor(id: string);
+  /** Add a pipeline to this project. */
+  addPipeline(pipeline: Pipeline): void;
+}
+/** A pipeline containing steps. */
+export declare class Pipeline extends Construct {
+  readonly steps: Step[];
+  readonly entries: Entry[];
+  constructor(project: Project, id: string);
+  /** Add a step to this pipeline. */
+  addStep(step: Step): void;
+  /** Add an entry to this pipeline. */
+  addEntry(entry: Entry): void;
+}
+/** Base class for all step types. */
+declare abstract class Step extends Construct {
+  readonly dependencies: string[];
+  constructor(pipeline: Pipeline, id: string, dependencies?: string[]);
+  /** Execute this step and return findings. */
+  abstract execute(): Promise<PlaygroundFinding[]> | PlaygroundFinding[];
+}
+/** A step that runs a JavaScript function in the browser. */
+export declare class FunctionStep extends Step {
+  readonly fn: () => Promise<PlaygroundFinding[]> | PlaygroundFinding[];
+  constructor(pipeline: Pipeline, id: string, options: {
+    fn: () => Promise<PlaygroundFinding[]> | PlaygroundFinding[];
+    dependencies?: string[];
+  });
+  execute(): Promise<PlaygroundFinding[]> | PlaygroundFinding[];
+}
+/** An entry point that triggers a pipeline. */
+export declare class Entry {
+  readonly pipeline: Pipeline;
+  readonly id: string;
+  readonly trigger: {
+    kind: string;
+  };
+  readonly roots: string[];
+  constructor(pipeline: Pipeline, id: string, options: {
+    trigger: {
+      kind: string;
+    };
+    roots: string[];
+  });
+}
+//#endregion
+//#region src/runner.d.ts
+/**
+ * Run all FunctionSteps in a project's pipelines and collect findings.
+ * Browser-safe — no Node.js APIs, no child_process, no fs.
+ *
+ * If a pipeline has entries with `roots`, only steps whose id matches a
+ * root are executed. If no entries exist or all entries have empty roots,
+ * all steps run.
+ */
+export declare function runPipeline(project: Project): Promise<PipelineResult>;
+//#endregion
+export type { Construct, Finding, FindingSource, PipelineResult, PlaygroundFinding, Severity, Step, StepResult };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/pipeline.ts","../src/runner.ts"],"mappings":";;KAGY;;UAGK;EACf;EACA;EACA;EACA;EACA;;;UAIe;EACf;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QAAQ;EACR;;;;UAKe;EACf;EACA;EACA;EACA,UAAU;EACV;EACA;EACA;;;UAIe;EACf;EACA;EACA,UAAU;EACV;EACA;;;UAIe;EACf,OAAO;EACP,UAAU;EACV;EACA;;;;;uBCrDoB;WACX;WACA,OAAO;EAEJ,YAAA,OAAO,kBAAkB;;MAMjC;;;qBASO,gBAAgB;WAClB,WAAW;EAER,YAAA;;EAKZ,YAAY,UAAU;;;qBAMX,iBAAiB;WACnB,OAAO;WACP,SAAS;EAEN,YAAA,SAAS,SAAS;;EAM9B,QAAQ,MAAM;;EAKd,SAAS,OAAO;;;uBAMI,aAAa;WACxB;EAEG,YAAA,UAAU,UAAU,YAAY;;WAOnC,WAAW,QAAQ,uBAAuB;;;qBAIxC,qBAAqB;WACvB,UAAU,QAAQ,uBAAuB;EAGhD,YAAA,UAAU,UACV,YACA;IACE,UAAU,QAAQ,uBAAuB;IACzC;;EAOJ,WAAW,QAAQ,uBAAuB;;;qBAM/B;WACF,UAAU;WACV;WACA;IAAW;;WACX;EAGP,YAAA,UAAU,UACV,YACA;IAAW;MAAW;;IAAgB;;;;;;;;;;;;;wBC3BpB,YAAY,SAAS,UAAU,QAAQ"}

package/dist/index.mjs

@@ -0,0 +1,167 @@
+//#region src/pipeline.ts
+/** Base class for all constructs. */
+var Construct = class {
+	id;
+	scope;
+	constructor(scope, id) {
+		this.id = id;
+		this.scope = scope;
+	}
+	/** Full path from root to this construct. */
+	get path() {
+		if (this.scope && this.scope.id !== "root") return `${this.scope.path}/${this.id}`;
+		return this.id;
+	}
+};
+/** Root construct representing a project. */
+var Project = class extends Construct {
+	pipelines = [];
+	constructor(id) {
+		super(null, id);
+	}
+	/** Add a pipeline to this project. */
+	addPipeline(pipeline) {
+		this.pipelines.push(pipeline);
+	}
+};
+/** A pipeline containing steps. */
+var Pipeline = class extends Construct {
+	steps = [];
+	entries = [];
+	constructor(project, id) {
+		super(project, id);
+		project.addPipeline(this);
+	}
+	/** Add a step to this pipeline. */
+	addStep(step) {
+		this.steps.push(step);
+	}
+	/** Add an entry to this pipeline. */
+	addEntry(entry) {
+		this.entries.push(entry);
+	}
+};
+/** Base class for all step types. */
+var Step = class extends Construct {
+	dependencies;
+	constructor(pipeline, id, dependencies = []) {
+		super(pipeline, id);
+		this.dependencies = dependencies;
+		pipeline.addStep(this);
+	}
+};
+/** A step that runs a JavaScript function in the browser. */
+var FunctionStep = class extends Step {
+	fn;
+	constructor(pipeline, id, options) {
+		super(pipeline, id, options.dependencies ?? []);
+		this.fn = options.fn;
+	}
+	execute() {
+		return this.fn();
+	}
+};
+/** An entry point that triggers a pipeline. */
+var Entry = class {
+	pipeline;
+	id;
+	trigger;
+	roots;
+	constructor(pipeline, id, options) {
+		this.pipeline = pipeline;
+		this.id = id;
+		this.trigger = options.trigger;
+		this.roots = options.roots;
+		pipeline.addEntry(this);
+	}
+};
+//#endregion
+//#region src/runner.ts
+/** Simple deterministic hash for fingerprint generation. Browser-safe. */
+function simpleHash(input) {
+	let hash = 5381;
+	for (let i = 0; i < input.length; i++) hash = (hash << 5) + hash + input.charCodeAt(i) | 0;
+	return (hash >>> 0).toString(16).padStart(8, "0");
+}
+/** Convert a PlaygroundFinding to a full Finding with fingerprint and id. */
+function toFinding(pf, stepId) {
+	const fingerprint = simpleHash(`${stepId}:${pf.rule}:${pf.file}:${pf.line}`);
+	return {
+		id: `${stepId}:${fingerprint}`,
+		fingerprint,
+		checkId: stepId,
+		severity: pf.severity,
+		confidence: .8,
+		message: pf.message,
+		rule: pf.rule,
+		file: pf.file,
+		startLine: pf.line,
+		endLine: pf.line,
+		source: {
+			tool: pf.tool ?? stepId,
+			version: null,
+			format: "custom",
+			originalRuleId: pf.rule,
+			originalSeverity: null
+		},
+		...pf.snippet ? { snippet: pf.snippet } : {}
+	};
+}
+/** Execute a single step and return its result. */
+async function executeStep(step) {
+	const start = Date.now();
+	try {
+		const findings = (await step.execute()).map((pf) => toFinding(pf, step.id));
+		return {
+			stepId: step.id,
+			status: "success",
+			findings,
+			durationMs: Date.now() - start
+		};
+	} catch (e) {
+		return {
+			stepId: step.id,
+			status: "failure",
+			findings: [],
+			durationMs: Date.now() - start,
+			error: e instanceof Error ? e.message : String(e)
+		};
+	}
+}
+/**
+* Run all FunctionSteps in a project's pipelines and collect findings.
+* Browser-safe — no Node.js APIs, no child_process, no fs.
+*
+* If a pipeline has entries with `roots`, only steps whose id matches a
+* root are executed. If no entries exist or all entries have empty roots,
+* all steps run.
+*/
+async function runPipeline(project) {
+	const start = Date.now();
+	const stepResults = [];
+	const allFindings = [];
+	for (const pipeline of project.pipelines) {
+		let stepsToRun = pipeline.steps;
+		const entriesWithRoots = pipeline.entries.filter((e) => e.roots.length > 0);
+		if (entriesWithRoots.length > 0) {
+			const rootSet = /* @__PURE__ */ new Set();
+			for (const entry of entriesWithRoots) for (const root of entry.roots) rootSet.add(root);
+			stepsToRun = pipeline.steps.filter((s) => rootSet.has(s.id));
+		}
+		const results = await Promise.all(stepsToRun.map((step) => executeStep(step)));
+		for (const result of results) {
+			stepResults.push(result);
+			allFindings.push(...result.findings);
+		}
+	}
+	return {
+		steps: stepResults,
+		findings: allFindings,
+		totalDurationMs: Date.now() - start,
+		success: stepResults.every((s) => s.status === "success")
+	};
+}
+//#endregion
+export { Entry, FunctionStep, Pipeline, Project, runPipeline };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/pipeline.ts","../src/runner.ts"],"sourcesContent":["// @sverka/playground — minimal pipeline model. Browser-safe.\n// Mirrors @sverka/workflow Construct API but simplified for browser use.\n\nimport type { PlaygroundFinding } from \"./types.js\";\n\n/** Base class for all constructs. */\nexport abstract class Construct {\n  readonly id: string;\n  readonly scope: Construct | null;\n\n  constructor(scope: Construct | null, id: string) {\n    this.id = id;\n    this.scope = scope;\n  }\n\n  /** Full path from root to this construct. */\n  get path(): string {\n    if (this.scope && this.scope.id !== \"root\") {\n      return `${this.scope.path}/${this.id}`;\n    }\n    return this.id;\n  }\n}\n\n/** Root construct representing a project. */\nexport class Project extends Construct {\n  readonly pipelines: Pipeline[] = [];\n\n  constructor(id: string) {\n    super(null, id);\n  }\n\n  /** Add a pipeline to this project. */\n  addPipeline(pipeline: Pipeline): void {\n    this.pipelines.push(pipeline);\n  }\n}\n\n/** A pipeline containing steps. */\nexport class Pipeline extends Construct {\n  readonly steps: Step[] = [];\n  readonly entries: Entry[] = [];\n\n  constructor(project: Project, id: string) {\n    super(project, id);\n    project.addPipeline(this);\n  }\n\n  /** Add a step to this pipeline. */\n  addStep(step: Step): void {\n    this.steps.push(step);\n  }\n\n  /** Add an entry to this pipeline. */\n  addEntry(entry: Entry): void {\n    this.entries.push(entry);\n  }\n}\n\n/** Base class for all step types. */\nexport abstract class Step extends Construct {\n  readonly dependencies: string[];\n\n  constructor(pipeline: Pipeline, id: string, dependencies: string[] = []) {\n    super(pipeline, id);\n    this.dependencies = dependencies;\n    pipeline.addStep(this);\n  }\n\n  /** Execute this step and return findings. */\n  abstract execute(): Promise<PlaygroundFinding[]> | PlaygroundFinding[];\n}\n\n/** A step that runs a JavaScript function in the browser. */\nexport class FunctionStep extends Step {\n  readonly fn: () => Promise<PlaygroundFinding[]> | PlaygroundFinding[];\n\n  constructor(\n    pipeline: Pipeline,\n    id: string,\n    options: {\n      fn: () => Promise<PlaygroundFinding[]> | PlaygroundFinding[];\n      dependencies?: string[];\n    },\n  ) {\n    super(pipeline, id, options.dependencies ?? []);\n    this.fn = options.fn;\n  }\n\n  execute(): Promise<PlaygroundFinding[]> | PlaygroundFinding[] {\n    return this.fn();\n  }\n}\n\n/** An entry point that triggers a pipeline. */\nexport class Entry {\n  readonly pipeline: Pipeline;\n  readonly id: string;\n  readonly trigger: { kind: string };\n  readonly roots: string[];\n\n  constructor(\n    pipeline: Pipeline,\n    id: string,\n    options: { trigger: { kind: string }; roots: string[] },\n  ) {\n    this.pipeline = pipeline;\n    this.id = id;\n    this.trigger = options.trigger;\n    this.roots = options.roots;\n    pipeline.addEntry(this);\n  }\n}\n","// @sverka/playground — pipeline runner. Browser-safe.\n// Executes FunctionSteps and collects findings.\n\nimport type { Project } from \"./pipeline.js\";\nimport type { Pipeline } from \"./pipeline.js\";\nimport type { Step } from \"./pipeline.js\";\nimport type { Finding, PlaygroundFinding, PipelineResult, StepResult } from \"./types.js\";\n\n/** Simple deterministic hash for fingerprint generation. Browser-safe. */\nfunction simpleHash(input: string): string {\n  let hash = 5381;\n  for (let i = 0; i < input.length; i++) {\n    hash = ((hash << 5) + hash + input.charCodeAt(i)) | 0;\n  }\n  return (hash >>> 0).toString(16).padStart(8, \"0\");\n}\n\n/** Convert a PlaygroundFinding to a full Finding with fingerprint and id. */\nfunction toFinding(pf: PlaygroundFinding, stepId: string): Finding {\n  // Include checkId (stepId) in fingerprint so identical findings from\n  // different checks get distinct fingerprints.\n  const fingerprintInput = `${stepId}:${pf.rule}:${pf.file}:${pf.line}`;\n  const fingerprint = simpleHash(fingerprintInput);\n  const id = `${stepId}:${fingerprint}`;\n  return {\n    id,\n    fingerprint,\n    checkId: stepId,\n    severity: pf.severity,\n    confidence: 0.8,\n    message: pf.message,\n    rule: pf.rule,\n    file: pf.file,\n    startLine: pf.line,\n    endLine: pf.line,\n    source: {\n      tool: pf.tool ?? stepId,\n      version: null,\n      format: \"custom\",\n      originalRuleId: pf.rule,\n      originalSeverity: null,\n    },\n    ...(pf.snippet ? { snippet: pf.snippet } : {}),\n  };\n}\n\n/** Execute a single step and return its result. */\nasync function executeStep(step: Step): Promise<StepResult> {\n  const start = Date.now();\n  try {\n    const playgroundFindings = await step.execute();\n    const findings = playgroundFindings.map((pf) => toFinding(pf, step.id));\n    return {\n      stepId: step.id,\n      status: \"success\",\n      findings,\n      durationMs: Date.now() - start,\n    };\n  } catch (e) {\n    return {\n      stepId: step.id,\n      status: \"failure\",\n      findings: [],\n      durationMs: Date.now() - start,\n      error: e instanceof Error ? e.message : String(e),\n    };\n  }\n}\n\n/**\n * Run all FunctionSteps in a project's pipelines and collect findings.\n * Browser-safe — no Node.js APIs, no child_process, no fs.\n *\n * If a pipeline has entries with `roots`, only steps whose id matches a\n * root are executed. If no entries exist or all entries have empty roots,\n * all steps run.\n */\nexport async function runPipeline(project: Project): Promise<PipelineResult> {\n  const start = Date.now();\n  const stepResults: StepResult[] = [];\n  const allFindings: Finding[] = [];\n\n  for (const pipeline of project.pipelines) {\n    // Determine which steps to run based on entry roots.\n    let stepsToRun = pipeline.steps;\n    const entriesWithRoots = pipeline.entries.filter((e) => e.roots.length > 0);\n    if (entriesWithRoots.length > 0) {\n      const rootSet = new Set<string>();\n      for (const entry of entriesWithRoots) {\n        for (const root of entry.roots) rootSet.add(root);\n      }\n      stepsToRun = pipeline.steps.filter((s) => rootSet.has(s.id));\n    }\n\n    // Execute all selected steps in parallel — dependencies are for\n    // ordering, not data flow in the playground.\n    const results = await Promise.all(\n      stepsToRun.map((step) => executeStep(step)),\n    );\n\n    for (const result of results) {\n      stepResults.push(result);\n      allFindings.push(...result.findings);\n    }\n  }\n\n  return {\n    steps: stepResults,\n    findings: allFindings,\n    totalDurationMs: Date.now() - start,\n    success: stepResults.every((s) => s.status === \"success\"),\n  };\n}\n"],"mappings":"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"}

package/index.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Sverka Playground</title>
+  <style>
+    :root { color-scheme: dark; }
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      background: #0d1117;
+      color: #c9d1d9;
+      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+    header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 0.5rem 1rem;
+      background: #161b22;
+      border-bottom: 1px solid #30363d;
+      flex-shrink: 0;
+    }
+    header h1 { font-size: 1rem; color: #f0f6fc; }
+    header .actions { display: flex; gap: 0.5rem; align-items: center; }
+    .status { font-size: 0.8rem; color: #8b949e; }
+    .status.success { color: #3fb950; }
+    .status.failure { color: #f85149; }
+    .status.running { color: #d29922; }
+    button {
+      padding: 0.4rem 1rem;
+      border: 1px solid #30363d;
+      border-radius: 6px;
+      background: #1f6feb;
+      color: #fff;
+      cursor: pointer;
+      font-size: 0.85rem;
+      font-weight: 600;
+    }
+    button:hover { background: #388bfd; }
+    button:disabled { opacity: 0.5; cursor: not-allowed; }
+    .main {
+      display: flex;
+      flex: 1;
+      overflow: hidden;
+    }
+    .editor-panel {
+      flex: 1;
+      border-right: 1px solid #30363d;
+      display: flex;
+      flex-direction: column;
+    }
+    .panel-header {
+      padding: 0.4rem 0.75rem;
+      background: #161b22;
+      border-bottom: 1px solid #21262d;
+      font-size: 0.75rem;
+      color: #8b949e;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+    #editor {
+      flex: 1;
+      width: 100%;
+    }
+    .findings-panel {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+    }
+    #findings-frame {
+      flex: 1;
+      width: 100%;
+      border: none;
+      background: #0d1117;
+    }
+    .splitter {
+      width: 4px;
+      background: #30363d;
+      cursor: col-resize;
+      flex-shrink: 0;
+    }
+    .splitter:hover { background: #58a6ff; }
+  </style>
+</head>
+<body>
+  <header>
+    <h1>Sverka Playground</h1>
+    <div class="actions">
+      <span class="status" id="status">Ready</span>
+      <button id="run-btn">Run</button>
+    </div>
+  </header>
+  <div class="main">
+    <div class="editor-panel">
+      <div class="panel-header">Pipeline Definition</div>
+      <div id="editor"></div>
+    </div>
+    <div class="splitter" id="splitter"></div>
+    <div class="findings-panel">
+      <div class="panel-header">Findings</div>
+      <iframe id="findings-frame" title="Findings"></iframe>
+    </div>
+  </div>
+  <!-- Monaco editor loaded from CDN at runtime (see app.ts).
+       This is an external network dependency. For offline use, bundle
+       monaco-editor locally via vite instead of the CDN loader. -->
+  <script type="module" src="/src/app.ts"></script>
+</body>
+</html>

package/package.json

@@ -1,18 +1,48 @@
 {
-  "bugs": "https://github.com/sverka-dev/sverka/issues",
-  "description": "Placeholder for @sverka/playground published by @nx-devkit/prepare-for-release.",
-  "homepage": "https://sverka.dev",
-  "license": "MIT",
   "name": "@sverka/playground",
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
+  "version": "0.1.1",
+  "description": "Sverka Playground — browser sandbox for building and running check pipelines",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/sverka-dev/sverka",
     "directory": "packages/playground"
   },
+  "homepage": "https://sverka.dev",
+  "bugs": "https://github.com/sverka-dev/sverka/issues",
+  "publishConfig": {
+    "access": "public"
+  },
   "type": "module",
-  "version": "0.0.0"
-}
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "files": [
+    "dist",
+    "dist-web",
+    "index.html"
+  ],
+  "scripts": {
+    "build": "tsdown",
+    "build:web": "vite build",
+    "dev": "vite",
+    "test": "vitest run",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@sverka/sarif-viewer-web": "^0.1.1"
+  },
+  "devDependencies": {
+    "tsdown": "^0.23.0",
+    "typescript": "^5.8.0",
+    "vitest": "^5.0.0",
+    "vite": "^8.3.0"
+  }
+}