Added plain text language

Author: AndreasArvidsson

packages/cursorless-org-docs/src/docs/user/languages/components/ScopeSupport.tsx

@@ -1,27 +1,56 @@
 import {
   ScopeSupportFacetLevel,
   languageScopeSupport,
+  scopeSupportFacetInfos,
   scopeSupportFacets,
+  textualScopeSupportFacetInfos,
+  type ScopeSupportFacet,
+  type TextualScopeSupportFacet,
 } from "@cursorless/common";
 import * as React from "react";
-import { ScopeSupportForLevel } from "./ScopeSupportForLevel";
+import {
+  ScopeSupportForLevel,
+  type FacetWrapper,
+} from "./ScopeSupportForLevel";
 
 interface Props {
   languageId: string;
 }
 
-export function ScopeSupport({ languageId }: Props): React.JSX.Element {
-  const facetsSorted = [...scopeSupportFacets].sort();
-  const scopeSupport = languageScopeSupport[languageId] ?? {};
+function getSupport(languageId: string): FacetWrapper[] {
+  if (languageId === "plaintext") {
+    return Object.keys(textualScopeSupportFacetInfos)
+      .sort()
+      .map((f) => {
+        const facet = f as TextualScopeSupportFacet;
+        return {
+          facet,
+          supportLevel: ScopeSupportFacetLevel.supported,
+          info: textualScopeSupportFacetInfos[facet],
+        };
+      });
+  }
+  const supportLevels = languageScopeSupport[languageId] ?? {};
+  return [...scopeSupportFacets].sort().map((f) => {
+    const facet = f as ScopeSupportFacet;
+    return {
+      facet,
+      supportLevel: supportLevels[facet],
+      info: scopeSupportFacetInfos[facet],
+    };
+  });
+}
 
-  const supportedFacets = facetsSorted.filter(
-    (facet) => scopeSupport[facet] === ScopeSupportFacetLevel.supported,
+export function ScopeSupport({ languageId }: Props): React.JSX.Element {
+  const facets = getSupport(languageId);
+  const supportedFacets = facets.filter(
+    (facet) => facet.supportLevel === ScopeSupportFacetLevel.supported,
   );
-  const unsupportedFacets = facetsSorted.filter(
-    (facet) => scopeSupport[facet] === ScopeSupportFacetLevel.unsupported,
+  const unsupportedFacets = facets.filter(
+    (facet) => facet.supportLevel === ScopeSupportFacetLevel.unsupported,
   );
-  const unspecifiedFacets = facetsSorted.filter(
-    (facet) => scopeSupport[facet] == null,
+  const unspecifiedFacets = facets.filter(
+    (facet) => facet.supportLevel == null,
   );
 
   return (

packages/cursorless-org-docs/src/docs/user/languages/components/ScopeSupportForLevel.tsx

@@ -1,15 +1,22 @@
 import {
   groupBy,
-  scopeSupportFacetInfos,
   serializeScopeType,
   type ScopeSupportFacet,
   type ScopeSupportFacetInfo,
+  type ScopeSupportFacetLevel,
+  type TextualScopeSupportFacet,
 } from "@cursorless/common";
 import React, { useState, type JSX } from "react";
 import { prettifyFacet, prettifyScopeType } from "./util";
 
+export interface FacetWrapper {
+  facet: ScopeSupportFacet | TextualScopeSupportFacet;
+  supportLevel: ScopeSupportFacetLevel | undefined;
+  info: ScopeSupportFacetInfo;
+}
+
 interface Props {
-  facets: ScopeSupportFacet[];
+  facets: FacetWrapper[];
   title: string;
   subtitle: string;
   description?: React.ReactNode;
@@ -25,15 +32,8 @@ export function ScopeSupportForLevel({
 }: Props): JSX.Element | null {
   const [open, setOpen] = useState(openProp ?? false);
 
-  const facetInfos = facets.map(
-    (facet): AugmentedFacetInfo => ({
-      facet,
-      ...scopeSupportFacetInfos[facet],
-    }),
-  );
-  const scopeGroups: Map<string, AugmentedFacetInfo[]> = groupBy(
-    facetInfos,
-    (facetInfo) => serializeScopeType(facetInfo.scopeType),
+  const scopeGroups: Map<string, FacetWrapper[]> = groupBy(facets, (f) =>
+    serializeScopeType(f.info.scopeType),
   );
   const scopeTypes = Array.from(scopeGroups.keys())
     .filter((scope) => !scope.startsWith("private."))
@@ -57,18 +57,18 @@ export function ScopeSupportForLevel({
         {description && <p>{description}</p>}
 
         {scopeTypes.map((scopeType) => {
-          const facetInfos = scopeGroups.get(scopeType) ?? [];
+          const facets = scopeGroups.get(scopeType) ?? [];
           return (
             <div key={scopeType}>
               <h4>{prettifyScopeType(scopeType)}</h4>
               <ul>
-                {facetInfos.map((facetInfo) => {
+                {facets.map((facet) => {
                   return (
-                    <li key={facetInfo.facet}>
-                      <span className="facet-name" title={facetInfo.facet}>
-                        {prettifyFacet(facetInfo.facet, false)}
+                    <li key={facet.facet}>
+                      <span className="facet-name" title={facet.facet}>
+                        {prettifyFacet(facet.facet, false)}
                       </span>
-                      : {facetInfo.description}
+                      : {facet.info.description}
                     </li>
                   );
                 })}
@@ -91,7 +91,3 @@ export function ScopeSupportForLevel({
     </div>
   );
 }
-
-interface AugmentedFacetInfo extends ScopeSupportFacetInfo {
-  facet: ScopeSupportFacet;
-}

packages/cursorless-org-docs/src/docs/user/languages/components/ScopeVisualizer.tsx

@@ -199,6 +199,9 @@ function getOverlap(a: Range, b: Range): Range | null {
 }
 
 function getScopeFixtures(languageId: string): Scope[] {
+  if (languageId === "plaintext") {
+    languageId = "textual";
+  }
   const languageIds = new Set<string>(
     scopeTests.imports[languageId] ?? [languageId],
   );

packages/cursorless-org-docs/src/docs/user/languages/plaintext.mdx

@@ -0,0 +1,5 @@
+import { Language } from "./components/Language";
+
+# Plaintext
+
+<Language languageId="plaintext" />