Update React and Solid version

jonpyt · jonpyt · commit d7f699c06f50 · 2025-06-20T14:50:46.000+02:00
diff --git a/react-package/src/extensions/autocomplete/javascript/index.ts b/react-package/src/extensions/autocomplete/javascript/index.ts
@@ -2,6 +2,7 @@
 
 import { PrismEditor } from "../../../index.js"
 import { braces, space } from "../../../languages/shared/index.js"
+import { TokenName } from "../../../prism/index.js"
 import { getClosestToken } from "../../../utils/index.js"
 import { Bracket } from "../../match-brackets"
 import { Completion, CompletionContext, CompletionSource } from "../types.js"
@@ -206,9 +207,11 @@ const includedTypes = new Set([
 	"property-access",
 	"maybe-class-name",
 	"generic-function",
+	"expression",
 ])
 
-const identifierFilter = (type: string) => includedTypes.has(type)
+const identifierFilter = (value: string) => (type: TokenName, start: number) =>
+	includedTypes.has(type) || (type == "tag" && value[start] == "<")
 
 const identifierSearch = RegExp(`${identifierPattern}+`, "g")
 
@@ -224,7 +227,13 @@ const completeIdentifiers = (identifiers?: Iterable<string>): CompletionSource<J
 			? {
 					from: getFrom(context),
 					options: Array.from(
-						findWords(context, editor, identifierFilter, identifierSearch, identifiers),
+						findWords(
+							context,
+							editor,
+							identifierFilter(editor.value),
+							identifierSearch,
+							identifiers,
+						),
 						label => ({
 							label,
 							icon: "text",
@@ -259,7 +268,13 @@ const jsCompletion = (scope: any, identifiers?: Iterable<string>): CompletionSou
 				labels = scopeResult[1]
 			} else completions = []
 
-			findWords(context, editor, identifierFilter, identifierSearch, identifiers).forEach(word => {
+			findWords(
+				context,
+				editor,
+				identifierFilter(editor.value),
+				identifierSearch,
+				identifiers,
+			).forEach(word => {
 				if (!labels?.has(word))
 					completions.push({
 						label: word,
diff --git a/react-package/src/extensions/autocomplete/utils.ts b/react-package/src/extensions/autocomplete/utils.ts
@@ -1,5 +1,5 @@
 import { PrismEditor } from "../.."
-import { Token, TokenStream } from "../../prism"
+import { Token, TokenName, TokenStream } from "../../prism"
 import { updateNode } from "../../utils/local"
 import { matchTemplate } from "../search/search"
 import { map } from "./tooltip"
@@ -53,7 +53,7 @@ const completeFromList = (options: Completion[]): CompletionSource<{ path: strin
  * @param filter Function used to filter tokens you want to search in. Is called with the
  * type of the token and its starting position. If the filter returns true, the token
  * will be searched.
- * @param pattern Pattern used to search for words.
+ * @param pattern Pattern used to search for words. Must have the `g` flag.
  * @param init Words that should be completed even if they're not found in the document.
  * @param tokensOnly If `true` only the text of tokens whose `content` is a string will
  * be searched. If `false`, any string inside the {@link TokenStream} can be searched.
@@ -62,7 +62,7 @@ const completeFromList = (options: Completion[]): CompletionSource<{ path: strin
 const findWords = (
 	context: CompletionContext,
 	editor: PrismEditor,
-	filter: (type: string, start: number) => boolean,
+	filter: (type: TokenName, start: number) => boolean,
 	pattern: RegExp,
 	init?: Iterable<string>,
 	tokensOnly?: boolean,
@@ -73,37 +73,28 @@ const findWords = (
 	const search = (tokens: TokenStream, pos: number, isCorrectLang: boolean) => {
 		let i = 0
 		let token: string | Token
-		if (isCorrectLang) {
-			for (; (token = tokens[i++]); ) {
-				if (typeof token == "string") {
-					if (!tokensOnly) match(token, pos)
-				} else {
-					const type = token.type
-					const content = token.content
-					if ((token.alias || type).slice(0, 9) != "language-" && filter(type, pos)) {
-						if (Array.isArray(content)) {
-							search(content, pos, true)
-						} else match(content, pos)
-					}
-				}
-				pos += token.length
-			}
-		} else {
-			for (; (token = tokens[i++]); ) {
-				if (typeof token != "string") {
-					const type = token.type
-					const content = token.content
-					if (Array.isArray(content)) {
-						const aliasType = token.alias || type
+
+		for (; (token = tokens[i++]); ) {
+			if (typeof token == "string") {
+				if (!tokensOnly && isCorrectLang) match(token, pos)
+			} else {
+				const type = token.type
+				const content = token.content
+				const aliasType = token.alias || type
+
+				if (Array.isArray(content)) {
+					if (!isCorrectLang || filter(type, pos)) {
 						search(
 							content,
 							pos,
-							aliasType.slice(0, 9) == "language-" ? definition == map[aliasType.slice(9)] : false,
+							aliasType.slice(0, 9) == "language-"
+								? definition == map[aliasType.slice(9)]
+								: isCorrectLang,
 						)
 					}
-				}
-				pos += token.length
+				} else if (isCorrectLang && filter(type, pos)) match(content, pos)
 			}
+			pos += token.length
 		}
 	}
 	const match = (token: string, pos: number) => {
diff --git a/solid-package/src/extensions/autocomplete/javascript/index.ts b/solid-package/src/extensions/autocomplete/javascript/index.ts
@@ -2,6 +2,7 @@
 
 import { PrismEditor } from "../../../index.js"
 import { braces, space } from "../../../languages/shared/index.js"
+import { TokenName } from "../../../prism/index.js"
 import { getClosestToken } from "../../../utils/index.js"
 import { Bracket } from "../../match-brackets"
 import { Completion, CompletionContext, CompletionSource } from "../types.js"
@@ -206,9 +207,11 @@ const includedTypes = new Set([
 	"property-access",
 	"maybe-class-name",
 	"generic-function",
+	"expression",
 ])
 
-const identifierFilter = (type: string) => includedTypes.has(type)
+const identifierFilter = (value: string) => (type: TokenName, start: number) =>
+	includedTypes.has(type) || (type == "tag" && value[start] == "<")
 
 const identifierSearch = RegExp(`${identifierPattern}+`, "g")
 
@@ -224,7 +227,13 @@ const completeIdentifiers = (identifiers?: Iterable<string>): CompletionSource<J
 			? {
 					from: getFrom(context),
 					options: Array.from(
-						findWords(context, editor, identifierFilter, identifierSearch, identifiers),
+						findWords(
+							context,
+							editor,
+							identifierFilter(editor.value),
+							identifierSearch,
+							identifiers,
+						),
 						label => ({
 							label,
 							icon: "text",
@@ -259,7 +268,13 @@ const jsCompletion = (scope: any, identifiers?: Iterable<string>): CompletionSou
 				labels = scopeResult[1]
 			} else completions = []
 
-			findWords(context, editor, identifierFilter, identifierSearch, identifiers).forEach(word => {
+			findWords(
+				context,
+				editor,
+				identifierFilter(editor.value),
+				identifierSearch,
+				identifiers,
+			).forEach(word => {
 				if (!labels?.has(word))
 					completions.push({
 						label: word,
diff --git a/solid-package/src/extensions/autocomplete/utils.ts b/solid-package/src/extensions/autocomplete/utils.ts
@@ -1,5 +1,5 @@
 import { PrismEditor } from "../.."
-import { Token, TokenStream } from "../../prism"
+import { Token, TokenName, TokenStream } from "../../prism"
 import { updateNode } from "../../utils/local"
 import { matchTemplate } from "../search/search"
 import { map } from "./tooltip"
@@ -53,7 +53,7 @@ const completeFromList = (options: Completion[]): CompletionSource<{ path: strin
  * @param filter Function used to filter tokens you want to search in. Is called with the
  * type of the token and its starting position. If the filter returns true, the token
  * will be searched.
- * @param pattern Pattern used to search for words.
+ * @param pattern Pattern used to search for words. Must have the `g` flag.
  * @param init Words that should be completed even if they're not found in the document.
  * @param tokensOnly If `true` only the text of tokens whose `content` is a string will
  * be searched. If `false`, any string inside the {@link TokenStream} can be searched.
@@ -62,7 +62,7 @@ const completeFromList = (options: Completion[]): CompletionSource<{ path: strin
 const findWords = (
 	context: CompletionContext,
 	editor: PrismEditor,
-	filter: (type: string, start: number) => boolean,
+	filter: (type: TokenName, start: number) => boolean,
 	pattern: RegExp,
 	init?: Iterable<string>,
 	tokensOnly?: boolean,
@@ -73,37 +73,28 @@ const findWords = (
 	const search = (tokens: TokenStream, pos: number, isCorrectLang: boolean) => {
 		let i = 0
 		let token: string | Token
-		if (isCorrectLang) {
-			for (; (token = tokens[i++]); ) {
-				if (typeof token == "string") {
-					if (!tokensOnly) match(token, pos)
-				} else {
-					const type = token.type
-					const content = token.content
-					if ((token.alias || type).slice(0, 9) != "language-" && filter(type, pos)) {
-						if (Array.isArray(content)) {
-							search(content, pos, true)
-						} else match(content, pos)
-					}
-				}
-				pos += token.length
-			}
-		} else {
-			for (; (token = tokens[i++]); ) {
-				if (typeof token != "string") {
-					const type = token.type
-					const content = token.content
-					if (Array.isArray(content)) {
-						const aliasType = token.alias || type
+
+		for (; (token = tokens[i++]); ) {
+			if (typeof token == "string") {
+				if (!tokensOnly && isCorrectLang) match(token, pos)
+			} else {
+				const type = token.type
+				const content = token.content
+				const aliasType = token.alias || type
+
+				if (Array.isArray(content)) {
+					if (!isCorrectLang || filter(type, pos)) {
 						search(
 							content,
 							pos,
-							aliasType.slice(0, 9) == "language-" ? definition == map[aliasType.slice(9)] : false,
+							aliasType.slice(0, 9) == "language-"
+								? definition == map[aliasType.slice(9)]
+								: isCorrectLang,
 						)
 					}
-				}
-				pos += token.length
+				} else if (isCorrectLang && filter(type, pos)) match(content, pos)
 			}
+			pos += token.length
 		}
 	}
 	const match = (token: string, pos: number) => {
