fix(docs): correcting syntax highlighting for openfga models (#715)

package.json

@@ -28,9 +28,9 @@
     "@docusaurus/preset-classic": "3.1.1",
     "@easyops-cn/docusaurus-search-local": "0.40.1",
     "@lottiefiles/react-lottie-player": "3.5.3",
-    "@openfga/frontend-utils": "^0.2.0-beta.6",
+    "@openfga/frontend-utils": "^0.2.0-beta.9",
     "@openfga/sdk": "^0.3.5",
-    "@openfga/syntax-transformer": "^0.2.0-beta.11",
+    "@openfga/syntax-transformer": "^0.2.0-beta.17",
     "assert-never": "1.2.1",
     "clsx": "2.1.0",
     "path-browserify": "1.0.1",

src/theme/prism-include-languages.ts

@@ -1,29 +1,9 @@
 import siteConfig from '@generated/docusaurus.config';
 import type * as PrismNamespace from 'prismjs';
-import { tools, theming } from '@openfga/frontend-utils';
-
-const { OpenFgaDslThemeTokenType } = theming;
+import { tools } from '@openfga/frontend-utils';
 
 const { PrismExtensions } = tools;
 
-const languageDefinition = {
-  ...PrismExtensions.languageDefinition,
-  [OpenFgaDslThemeTokenType.KEYWORD]:
-    /\b(type|relations|define|and|or|but not|from|as|model|schema|condition|module|extend)\b/,
-  condition: {
-    pattern: /(\bcondition\s+)\w+/i,
-    lookbehind: true,
-    greedy: true,
-  },
-  'condition-params': {
-    pattern: /\(.*\)\s*{/,
-    inside: {
-      'condition-param': /\b(\w+)\s*:/i,
-      'condition-param-type': /\b(string|int|map|uint|list|timestamp|bool|duration|double|ipaddress)\b/,
-    },
-  },
-};
-
 export default function prismIncludeLanguages(PrismObject: typeof PrismNamespace): void {
   const {
     themeConfig: { prism },
@@ -42,7 +22,7 @@ export default function prismIncludeLanguages(PrismObject: typeof PrismNamespace
     require(`prismjs/components/prism-${lang}`);
   });
 
-  PrismObject.languages[PrismExtensions.LANGUAGE_NAME] = languageDefinition;
+  PrismObject.languages[PrismExtensions.LANGUAGE_NAME] = PrismExtensions.languageDefinition;
 
   delete (globalThis as unknown as Global & { Prism?: typeof PrismNamespace }).Prism;
 }

static/css/openfga.css

@@ -24,6 +24,7 @@
   --ofga-color-default: #ffffff;
   --ofga-color-comment: #737981;
   --ofga-color-keyword: #aaaaaa;
+  --ofga-color-module: #79ed83;
   --ofga-color-type: #79ed83;
   --ofga-color-relation: #20f1f5;
   --ofga-color-directly-assignable: #ceec93;
@@ -591,6 +592,10 @@ pre code {
   color: var(--ofga-color-keyword) !important;
 }
 
+.language-dsl\.openfga .token.module {
+  color: var(--ofga-color-module);
+}
+
 .language-dsl\.openfga .token.type {
   color: var(--ofga-color-type);
 }