From c794d3939a7a8d96dbc2b75e169a344791ad2dea Mon Sep 17 00:00:00 2001
From: Elijah Potter <me@elijahpotter.dev>
Date: Thu, 13 Mar 2025 11:38:14 -0600
Subject: [PATCH] fix(wp): construct linters properly

---
 packages/wordpress-plugin/src/harper/LinterProvider.tsx | 6 +++---
 packages/wordpress-plugin/src/harper/RichText.ts        | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/wordpress-plugin/src/harper/LinterProvider.tsx b/packages/wordpress-plugin/src/harper/LinterProvider.tsx
index 8649c7f9..f478b791 100644
--- a/packages/wordpress-plugin/src/harper/LinterProvider.tsx
+++ b/packages/wordpress-plugin/src/harper/LinterProvider.tsx
@@ -1,10 +1,10 @@
-import { Linter, WorkerLinter } from 'harper.js';
+import { Linter, WorkerLinter, binaryInlined } from 'harper.js';
 import React, { createContext, ReactNode, useContext, useEffect, useRef, useState } from 'react';
 
-const linterContext = createContext<Linter>(new WorkerLinter());
+const linterContext = createContext<Linter>(new WorkerLinter({ binary: binaryInlined }));
 
 export default function LinterProvider({ children }: { children: ReactNode | ReactNode[] }) {
-	const linter = useRef(new WorkerLinter());
+	const linter = useRef(new WorkerLinter({ binary: binaryInlined }));
 
 	return <linterContext.Provider value={linter.current}>{children}</linterContext.Provider>;
 }
diff --git a/packages/wordpress-plugin/src/harper/RichText.ts b/packages/wordpress-plugin/src/harper/RichText.ts
index 642172d0..581a4a8a 100644
--- a/packages/wordpress-plugin/src/harper/RichText.ts
+++ b/packages/wordpress-plugin/src/harper/RichText.ts
@@ -1,4 +1,4 @@
-import { Lint, LocalLinter, Suggestion } from 'harper.js';
+import { Lint, LocalLinter, Suggestion, binaryInlined } from 'harper.js';
 import { LintBox } from './Box';
 import DataBlock from './DataBlock';
 import { getRangeForTextSpan } from './domUtils';
@@ -32,7 +32,8 @@ export default class RichText {
 		const text = this.targetElement.textContent;
 		const span = lint.span();
 		const range = getRangeForTextSpan(this.targetElement, span);
-		const linter = new LocalLinter();
+		// Use a local linter because we won't be doing any expensive operations with it.
+		const linter = new LocalLinter({ binary: binaryInlined });
 
 		if (range === null || text === null) {
 			console.log('Could not locate range.');