+
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ }
+
+ return html`
+
+ File mode
+
+
+ No file selected yet
++ Choose a file or drag one here to keep everything local in your + browser. Nothing leaves your device. +
+
+
+ `;
+ }
+
+ render() {
+ return html`
+
+ File ready
+
+ ${this.loadedSampleFile.name}
++ ${this.formatBytes(this.loadedSampleFile.size)} loaded locally in + memory for this session. Drop another file here to replace it. +
+
+
+
+
+
+
+ Sample editor
+
+
+
+
+
+ ${this.renderModeChip("text", "Text")}
+ ${this.renderModeChip("file", "File")}
+
+
+
+
+
+
+ ${this.renderFileState()}
+
+ ${label}
+ ${value}
+
+ `;
+ }
+
+ private renderIssues(title: string, issues: string[]) {
+ if (issues.length === 0) return nothing;
+
+ return html`
+ ${title}
+ -
+ ${issues.map((issue) => html`
- ${issue} `)} +
+
+
+ ${matchingRules.length === 0
+ ? html`
+ Matching rules
+ ${matchingRules.length}
+ + No matching rules for the current sample. +
+ ` + : html` +
+ ${matchingRules.map(
+ (rule) => html`
+
+
+ `,
+ )}
+
+ `}
+
+
+
+
+ ${rule.hits} hits
+ ${rule.identifier}
+${rule.namespace}
+
+ ${rule.patterns.map(
+ (pattern) => html`
+
+
+ ${pattern.identifier}
+
+ `,
+ )}
+ ${pattern.ranges.join(", ") ||
+ "No ranges"}
+ Non-matching rules
+
+ ${nonMatchingRules.map(
+ (rule) => html`${rule}`,
+ )}
+
+
+
+ ${summary.headline}
+ + ${this.resultLabel} + +
+${JSON.stringify(this.execution.raw, null, 2)}`;
+ }
+
+ private renderModeChip(mode: ResultMode, label: string) {
+ return html`
+
+ `;
+ }
+
+ render() {
+ return html`
+
+
+
+ Scan results
+
+
+
+ ${this.renderModeChip("summary", "Summary")}
+ ${this.renderModeChip("raw", "Raw")}
+
+
+ ${this.execution.durationMs === null
+ ? "--"
+ : `${this.execution.durationMs} ms`}
+
+
+ ${this.resultMode === "summary"
+ ? this.renderSummaryResults()
+ : this.renderRawResults()}
+
+
+
+
+
+
+ 
+
+
+ YARA-X Playground
+ Local-first playground
+
+