@airalogy/aimd-editor 1.7.1

package/src/theme.ts

@@ -0,0 +1,166 @@
+import type { ThemeRegistration } from "shiki"
+import { AimdToken } from "./tokens"
+
+/**
+ * AIMD token color settings
+ * These can be merged into any base theme
+ */
+export const aimdTokenColors = [
+  // {{ and }} brackets - green
+  {
+    scope: [
+      AimdToken.PUNCTUATION_DEFINITION_BEGIN_AIMD,
+      AimdToken.PUNCTUATION_DEFINITION_END_AIMD,
+    ],
+    settings: {
+      foreground: "#059669",
+    },
+  },
+  // var keyword - blue italic
+  {
+    scope: [
+      AimdToken.KEYWORD_VARIABLE_AIMD,
+    ],
+    settings: {
+      foreground: "#2563EB",
+      fontStyle: "italic",
+    },
+  },
+  // var_table keyword - green italic
+  {
+    scope: [AimdToken.KEYWORD_VARIABLE_TABLE_AIMD],
+    settings: {
+      foreground: "#059669",
+      fontStyle: "italic",
+    },
+  },
+  // step, check keywords - orange italic
+  {
+    scope: [
+      AimdToken.KEYWORD_STEP_AIMD,
+      AimdToken.KEYWORD_CHECKPOINT_AIMD,
+      AimdToken.KEYWORD_CONTROL_AIMD,
+    ],
+    settings: {
+      foreground: "#D97706",
+      fontStyle: "italic",
+    },
+  },
+  // ref_var, ref_step reference keywords - cyan italic
+  {
+    scope: [
+      AimdToken.KEYWORD_REFERENCE_VARIABLE_AIMD,
+      AimdToken.KEYWORD_REFERENCE_STEP_AIMD,
+    ],
+    settings: {
+      foreground: "#0891B2",
+      fontStyle: "italic",
+    },
+  },
+  // Variable names (title, name, age etc) - purple
+  {
+    scope: [AimdToken.VARIABLE_OTHER_AIMD],
+    settings: {
+      foreground: "#7C3AED",
+    },
+  },
+  // Types (str, int, list[Student] etc) - dark purple italic
+  {
+    scope: [AimdToken.SUPPORT_TYPE_AIMD],
+    settings: {
+      foreground: "#6D28D9",
+      fontStyle: "italic",
+    },
+  },
+  // Parameter variables - purple bold
+  {
+    scope: [AimdToken.VARIABLE_PARAMETER_AIMD],
+    settings: {
+      foreground: "#7C3AED",
+      fontStyle: "bold",
+    },
+  },
+  // | pipe delimiter - gray
+  {
+    scope: [AimdToken.DELIMITER_PIPE_AIMD],
+    settings: {
+      foreground: "#6B7280",
+    },
+  },
+  // : colon - gray
+  {
+    scope: [AimdToken.DELIMITER_COLON_AIMD],
+    settings: {
+      foreground: "#9CA3AF",
+    },
+  },
+  // = , and other delimiters - gray
+  {
+    scope: [AimdToken.DELIMITER_PARAMETER_AIMD],
+    settings: {
+      foreground: "#9CA3AF",
+    },
+  },
+  // Strings - green
+  {
+    scope: [AimdToken.STRING_QUOTED_AIMD],
+    settings: {
+      foreground: "#059669",
+    },
+  },
+  // Numbers - teal
+  {
+    scope: [AimdToken.CONSTANT_NUMERIC_AIMD],
+    settings: {
+      foreground: "#0D9488",
+    },
+  },
+  // Boolean/null - blue
+  {
+    scope: [AimdToken.CONSTANT_LANGUAGE_AIMD],
+    settings: {
+      foreground: "#1D4ED8",
+    },
+  },
+  // subvars keyword - dark purple bold
+  {
+    scope: [AimdToken.KEYWORD_OTHER_SUBVARS_AIMD],
+    settings: {
+      foreground: "#5B21B6",
+      fontStyle: "bold",
+    },
+  },
+  // Brackets [] () - gray
+  {
+    scope: [AimdToken.DELIMITER_BRACKET_AIMD],
+    settings: {
+      foreground: "#6B7280",
+    },
+  },
+]
+
+/**
+ * AIMD standalone theme
+ * Use this when you want a complete theme with only AIMD colors
+ */
+export const aimdTheme: ThemeRegistration = {
+  name: "aimd-theme",
+  type: "light",
+  settings: aimdTokenColors,
+  colors: {},
+}
+
+/**
+ * Create a theme that extends a base theme with AIMD token colors
+ */
+export function createAimdExtendedTheme(
+  baseTheme: ThemeRegistration,
+  name = "aimd-extended",
+): ThemeRegistration {
+  const baseSettings = baseTheme.settings || baseTheme.tokenColors || []
+  return {
+    ...baseTheme,
+    name,
+    settings: [...baseSettings, ...aimdTokenColors],
+  }
+}

package/src/tokens.ts

@@ -0,0 +1,120 @@
+type Join<T extends readonly string[], D extends string> =
+  T extends readonly [infer F, ...infer R]
+    ? F extends string
+      ? R extends readonly string[]
+        ? R["length"] extends 0
+          ? F
+          : `${F}${D}${Join<R, D>}`
+        : never
+      : never
+    : ""
+
+type UpperCaseReplace<T extends string, S extends string, R extends string> = T extends `${infer P}${S}${infer REST}` ? `${P}${R}${UpperCaseReplace<REST, S, R>}` : T
+type ToUpperSnake<T extends string> = UpperCaseReplace<UpperCaseReplace<Uppercase<T>, "-", "_">, ".", "_">
+
+type ToUpperSnakeArray<T extends readonly string[]> =
+  T extends readonly [infer F, ...infer R]
+    ? F extends string
+      ? R extends readonly string[]
+        ? [ToUpperSnake<F>, ...ToUpperSnakeArray<R>]
+        : []
+      : []
+    : []
+
+export const AimdSuffix = "aimd"
+
+/**
+ * @docs https://microsoft.github.io/monaco-editor/monarch.html
+ * Standard CSS token classes include:
+ * identifier         entity           constructor
+ * operators          tag              namespace
+ * keyword            info-token       type
+ * string             warn-token       predefined
+ * string.escape      error-token      invalid
+ * comment            debug-token
+ * comment.doc        regexp
+ * constant           attribute
+ * delimiter .[curly,square,parenthesis,angle,array,bracket]
+ * number    .[hex,octal,binary,float]
+ * variable  .[name,value]
+ * meta      .[content]
+ */
+function tokenFactory<const T extends string[]>(...parts: T): {
+  [K in Join<ToUpperSnakeArray<T>, "_">]: Join<T, ".">
+} {
+  const key = parts.map(p => p.toUpperCase().replace(/-/g, "_").replace(/\./g, "_")).join("_")
+  const value = parts.join(".")
+  return { [key]: value } as any
+}
+
+function markupFactory<const T extends string>(type: T) {
+  return tokenFactory("markup", AimdSuffix, type)
+}
+function keywordFactory<const T extends string>(type: T) {
+  return tokenFactory("keyword", type, AimdSuffix)
+}
+// export const PunctuationDefinition = {
+//   ...punctuationFactory("variable"),
+//   ...punctuationFactory("variable-table"),
+//   ...punctuationFactory("checkpoint"),
+//   ...punctuationFactory("step"),
+//   ...punctuationFactory("reference"),
+// } as const
+
+export const MarkupDefinition = {
+  ...markupFactory("variable"),
+  ...markupFactory("variable-table"),
+  ...markupFactory("checkpoint"),
+  ...markupFactory("step"),
+  ...markupFactory("reference.step"),
+  ...markupFactory("reference.variable"),
+} as const
+
+export const KeywordDefinition = {
+  ...keywordFactory("variable"),
+  ...keywordFactory("variable-table"),
+  ...keywordFactory("checkpoint"),
+  ...keywordFactory("step"),
+  ...keywordFactory("reference.step"),
+  ...keywordFactory("reference.variable"),
+} as const
+
+export const DelimiterDefinition = {
+  ...tokenFactory("delimiter", "pipe", AimdSuffix),
+  ...tokenFactory("delimiter", "parameter", AimdSuffix),
+  ...tokenFactory("delimiter", "colon", AimdSuffix),
+  ...tokenFactory("delimiter", "bracket", AimdSuffix),
+} as const
+
+// export const EntityDefinition = {
+//   ...tokenFactory("entity", "name", "function", AimdSuffix),
+//   ...tokenFactory("entity", "name", "tag", AimdSuffix),
+// } as const
+
+export const AimdTokenDefinition = {
+  ...tokenFactory("keyword", "control", AimdSuffix),
+  ...tokenFactory("variable", "parameter", AimdSuffix),
+  ...tokenFactory("metatag", "link", AimdSuffix),
+  ...tokenFactory("string", "link", "description", AimdSuffix),
+  ...tokenFactory("string", "link", "url", AimdSuffix),
+  ...tokenFactory("metatag", "image", AimdSuffix),
+  // Type syntax tokens - using standard TextMate scopes for better theme compatibility
+  ...tokenFactory("support", "type", AimdSuffix), // Types like str, int, list[Student] - usually colored as types
+  ...tokenFactory("constant", "numeric", AimdSuffix), // Numbers like 18, 3.14
+  ...tokenFactory("string", "quoted", AimdSuffix), // Strings like "Alice"
+  ...tokenFactory("constant", "language", AimdSuffix), // true, false, null
+  ...tokenFactory("variable", "other", AimdSuffix), // Variable names like name, age
+  ...tokenFactory("keyword", "other", "subvars", AimdSuffix), // subvars keyword
+} as const
+
+export const AimdToken = {
+  ...tokenFactory("punctuation", "definition", "begin", AimdSuffix),
+  ...tokenFactory("punctuation", "definition", "end", AimdSuffix),
+  ...MarkupDefinition,
+  ...KeywordDefinition,
+  ...DelimiterDefinition,
+  ...AimdTokenDefinition,
+} as const
+
+// ScopeName based on markdown
+export const scopeName = "text.html.markdown.aimd"