fss-link 1.0.40 → 1.0.45

package/dist/ui/privacy/PrivacyNotice.tsx

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { Box } from 'ink';
+import { type Config, AuthType } from 'fss-link-core';
+import { GeminiPrivacyNotice } from './GeminiPrivacyNotice.js';
+import { CloudPaidPrivacyNotice } from './CloudPaidPrivacyNotice.js';
+import { CloudFreePrivacyNotice } from './CloudFreePrivacyNotice.js';
+
+interface PrivacyNoticeProps {
+  onExit: () => void;
+  config: Config;
+}
+
+const PrivacyNoticeText = ({
+  config,
+  onExit,
+}: {
+  config: Config;
+  onExit: () => void;
+}) => {
+  const authType = config.getContentGeneratorConfig()?.authType;
+
+  switch (authType) {
+    case AuthType.USE_GEMINI:
+      return <GeminiPrivacyNotice onExit={onExit} />;
+    case AuthType.USE_VERTEX_AI:
+      return <CloudPaidPrivacyNotice onExit={onExit} />;
+    case AuthType.LOGIN_WITH_GOOGLE:
+    default:
+      return <CloudFreePrivacyNotice config={config} onExit={onExit} />;
+  }
+};
+
+export const PrivacyNotice = ({ onExit, config }: PrivacyNoticeProps) => (
+  <Box borderStyle="round" padding={1} flexDirection="column">
+    <PrivacyNoticeText config={config} onExit={onExit} />
+  </Box>
+);

package/dist/ui/semantic-colors.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { themeManager } from './themes/theme-manager.js';
+import { SemanticColors } from './themes/semantic-tokens.js';
+
+export const theme: SemanticColors = {
+  get text() {
+    return themeManager.getSemanticColors().text;
+  },
+  get background() {
+    return themeManager.getSemanticColors().background;
+  },
+  get border() {
+    return themeManager.getSemanticColors().border;
+  },
+  get ui() {
+    return themeManager.getSemanticColors().ui;
+  },
+  get status() {
+    return themeManager.getSemanticColors().status;
+  },
+};

package/dist/ui/themes/ansi-light.ts

@@ -0,0 +1,150 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { type ColorsTheme, Theme } from './theme.js';
+import { lightSemanticColors } from './semantic-tokens.js';
+
+const ansiLightColors: ColorsTheme = {
+  type: 'light',
+  Background: 'white',
+  Foreground: '#444',
+  LightBlue: 'blue',
+  AccentBlue: 'blue',
+  AccentPurple: 'purple',
+  AccentCyan: 'cyan',
+  AccentGreen: 'green',
+  AccentYellow: 'orange',
+  AccentRed: 'red',
+  DiffAdded: '#E5F2E5',
+  DiffRemoved: '#FFE5E5',
+  Comment: 'gray',
+  Gray: 'gray',
+  GradientColors: ['blue', 'green'],
+};
+
+export const ANSILight: Theme = new Theme(
+  'ANSI Light',
+  'light',
+  {
+    hljs: {
+      display: 'block',
+      overflowX: 'auto',
+      padding: '0.5em',
+      background: 'white',
+      color: 'black',
+    },
+    'hljs-keyword': {
+      color: 'blue',
+    },
+    'hljs-literal': {
+      color: 'blue',
+    },
+    'hljs-symbol': {
+      color: 'blue',
+    },
+    'hljs-name': {
+      color: 'blue',
+    },
+    'hljs-link': {
+      color: 'blue',
+    },
+    'hljs-built_in': {
+      color: 'cyan',
+    },
+    'hljs-type': {
+      color: 'cyan',
+    },
+    'hljs-number': {
+      color: 'green',
+    },
+    'hljs-class': {
+      color: 'green',
+    },
+    'hljs-string': {
+      color: 'red',
+    },
+    'hljs-meta-string': {
+      color: 'red',
+    },
+    'hljs-regexp': {
+      color: 'magenta',
+    },
+    'hljs-template-tag': {
+      color: 'magenta',
+    },
+    'hljs-subst': {
+      color: 'black',
+    },
+    'hljs-function': {
+      color: 'black',
+    },
+    'hljs-title': {
+      color: 'black',
+    },
+    'hljs-params': {
+      color: 'black',
+    },
+    'hljs-formula': {
+      color: 'black',
+    },
+    'hljs-comment': {
+      color: 'gray',
+    },
+    'hljs-quote': {
+      color: 'gray',
+    },
+    'hljs-doctag': {
+      color: 'gray',
+    },
+    'hljs-meta': {
+      color: 'gray',
+    },
+    'hljs-meta-keyword': {
+      color: 'gray',
+    },
+    'hljs-tag': {
+      color: 'gray',
+    },
+    'hljs-variable': {
+      color: 'purple',
+    },
+    'hljs-template-variable': {
+      color: 'purple',
+    },
+    'hljs-attr': {
+      color: 'blue',
+    },
+    'hljs-attribute': {
+      color: 'blue',
+    },
+    'hljs-builtin-name': {
+      color: 'blue',
+    },
+    'hljs-section': {
+      color: 'orange',
+    },
+    'hljs-bullet': {
+      color: 'orange',
+    },
+    'hljs-selector-tag': {
+      color: 'orange',
+    },
+    'hljs-selector-id': {
+      color: 'orange',
+    },
+    'hljs-selector-class': {
+      color: 'orange',
+    },
+    'hljs-selector-attr': {
+      color: 'orange',
+    },
+    'hljs-selector-pseudo': {
+      color: 'orange',
+    },
+  },
+  ansiLightColors,
+  lightSemanticColors,
+);

package/dist/ui/themes/ansi.ts

@@ -0,0 +1,159 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { type ColorsTheme, Theme } from './theme.js';
+import { darkSemanticColors } from './semantic-tokens.js';
+
+const ansiColors: ColorsTheme = {
+  type: 'dark',
+  Background: 'black',
+  Foreground: 'white',
+  LightBlue: 'bluebright',
+  AccentBlue: 'blue',
+  AccentPurple: 'magenta',
+  AccentCyan: 'cyan',
+  AccentGreen: 'green',
+  AccentYellow: 'yellow',
+  AccentRed: 'red',
+  DiffAdded: '#003300',
+  DiffRemoved: '#4D0000',
+  Comment: 'gray',
+  Gray: 'gray',
+  GradientColors: ['cyan', 'green'],
+};
+
+export const ANSI: Theme = new Theme(
+  'ANSI',
+  'dark', // Consistent with its color palette base
+  {
+    hljs: {
+      display: 'block',
+      overflowX: 'auto',
+      padding: '0.5em',
+      background: 'black', // Mapped from #1E1E1E
+      color: 'white', // Mapped from #DCDCDC
+    },
+    'hljs-keyword': {
+      color: 'blue', // Mapped from #569CD6
+    },
+    'hljs-literal': {
+      color: 'blue', // Mapped from #569CD6
+    },
+    'hljs-symbol': {
+      color: 'blue', // Mapped from #569CD6
+    },
+    'hljs-name': {
+      color: 'blue', // Mapped from #569CD6
+    },
+    'hljs-link': {
+      color: 'blue', // Mapped from #569CD6
+      // textDecoration is ignored by Theme class
+    },
+    'hljs-built_in': {
+      color: 'cyan', // Mapped from #4EC9B0
+    },
+    'hljs-type': {
+      color: 'cyan', // Mapped from #4EC9B0
+    },
+    'hljs-number': {
+      color: 'green', // Mapped from #B8D7A3
+    },
+    'hljs-class': {
+      color: 'green', // Mapped from #B8D7A3
+    },
+    'hljs-string': {
+      color: 'yellow', // Mapped from #D69D85
+    },
+    'hljs-meta-string': {
+      color: 'yellow', // Mapped from #D69D85
+    },
+    'hljs-regexp': {
+      color: 'red', // Mapped from #9A5334
+    },
+    'hljs-template-tag': {
+      color: 'red', // Mapped from #9A5334
+    },
+    'hljs-subst': {
+      color: 'white', // Mapped from #DCDCDC
+    },
+    'hljs-function': {
+      color: 'white', // Mapped from #DCDCDC
+    },
+    'hljs-title': {
+      color: 'white', // Mapped from #DCDCDC
+    },
+    'hljs-params': {
+      color: 'white', // Mapped from #DCDCDC
+    },
+    'hljs-formula': {
+      color: 'white', // Mapped from #DCDCDC
+    },
+    'hljs-comment': {
+      color: 'green', // Mapped from #57A64A
+      // fontStyle is ignored by Theme class
+    },
+    'hljs-quote': {
+      color: 'green', // Mapped from #57A64A
+      // fontStyle is ignored by Theme class
+    },
+    'hljs-doctag': {
+      color: 'green', // Mapped from #608B4E
+    },
+    'hljs-meta': {
+      color: 'gray', // Mapped from #9B9B9B
+    },
+    'hljs-meta-keyword': {
+      color: 'gray', // Mapped from #9B9B9B
+    },
+    'hljs-tag': {
+      color: 'gray', // Mapped from #9B9B9B
+    },
+    'hljs-variable': {
+      color: 'magenta', // Mapped from #BD63C5
+    },
+    'hljs-template-variable': {
+      color: 'magenta', // Mapped from #BD63C5
+    },
+    'hljs-attr': {
+      color: 'bluebright', // Mapped from #9CDCFE
+    },
+    'hljs-attribute': {
+      color: 'bluebright', // Mapped from #9CDCFE
+    },
+    'hljs-builtin-name': {
+      color: 'bluebright', // Mapped from #9CDCFE
+    },
+    'hljs-section': {
+      color: 'yellow', // Mapped from gold
+    },
+    'hljs-emphasis': {
+      // fontStyle is ignored by Theme class
+    },
+    'hljs-strong': {
+      // fontWeight is ignored by Theme class
+    },
+    'hljs-bullet': {
+      color: 'yellow', // Mapped from #D7BA7D
+    },
+    'hljs-selector-tag': {
+      color: 'yellow', // Mapped from #D7BA7D
+    },
+    'hljs-selector-id': {
+      color: 'yellow', // Mapped from #D7BA7D
+    },
+    'hljs-selector-class': {
+      color: 'yellow', // Mapped from #D7BA7D
+    },
+    'hljs-selector-attr': {
+      color: 'yellow', // Mapped from #D7BA7D
+    },
+    'hljs-selector-pseudo': {
+      color: 'yellow', // Mapped from #D7BA7D
+    },
+  },
+  ansiColors,
+  darkSemanticColors,
+);

package/dist/ui/themes/atom-one-dark.ts

@@ -0,0 +1,147 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { type ColorsTheme, Theme } from './theme.js';
+import { darkSemanticColors } from './semantic-tokens.js';
+
+const atomOneDarkColors: ColorsTheme = {
+  type: 'dark',
+  Background: '#282c34',
+  Foreground: '#abb2bf',
+  LightBlue: '#61aeee',
+  AccentBlue: '#61aeee',
+  AccentPurple: '#c678dd',
+  AccentCyan: '#56b6c2',
+  AccentGreen: '#98c379',
+  AccentYellow: '#e6c07b',
+  AccentRed: '#e06c75',
+  DiffAdded: '#39544E',
+  DiffRemoved: '#562B2F',
+  Comment: '#5c6370',
+  Gray: '#5c6370',
+  GradientColors: ['#61aeee', '#98c379'],
+};
+
+export const AtomOneDark: Theme = new Theme(
+  'Atom One',
+  'dark',
+  {
+    hljs: {
+      display: 'block',
+      overflowX: 'auto',
+      padding: '0.5em',
+      color: atomOneDarkColors.Foreground,
+      background: atomOneDarkColors.Background,
+    },
+    'hljs-comment': {
+      color: atomOneDarkColors.Comment,
+      fontStyle: 'italic',
+    },
+    'hljs-quote': {
+      color: atomOneDarkColors.Comment,
+      fontStyle: 'italic',
+    },
+    'hljs-doctag': {
+      color: atomOneDarkColors.AccentPurple,
+    },
+    'hljs-keyword': {
+      color: atomOneDarkColors.AccentPurple,
+    },
+    'hljs-formula': {
+      color: atomOneDarkColors.AccentPurple,
+    },
+    'hljs-section': {
+      color: atomOneDarkColors.AccentRed,
+    },
+    'hljs-name': {
+      color: atomOneDarkColors.AccentRed,
+    },
+    'hljs-selector-tag': {
+      color: atomOneDarkColors.AccentRed,
+    },
+    'hljs-deletion': {
+      color: atomOneDarkColors.AccentRed,
+    },
+    'hljs-subst': {
+      color: atomOneDarkColors.AccentRed,
+    },
+    'hljs-literal': {
+      color: atomOneDarkColors.AccentCyan,
+    },
+    'hljs-string': {
+      color: atomOneDarkColors.AccentGreen,
+    },
+    'hljs-regexp': {
+      color: atomOneDarkColors.AccentGreen,
+    },
+    'hljs-addition': {
+      color: atomOneDarkColors.AccentGreen,
+    },
+    'hljs-attribute': {
+      color: atomOneDarkColors.AccentGreen,
+    },
+    'hljs-meta-string': {
+      color: atomOneDarkColors.AccentGreen,
+    },
+    'hljs-built_in': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-class .hljs-title': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-attr': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-variable': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-template-variable': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-type': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-selector-class': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-selector-attr': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-selector-pseudo': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-number': {
+      color: atomOneDarkColors.AccentYellow,
+    },
+    'hljs-symbol': {
+      color: atomOneDarkColors.AccentBlue,
+    },
+    'hljs-bullet': {
+      color: atomOneDarkColors.AccentBlue,
+    },
+    'hljs-link': {
+      color: atomOneDarkColors.AccentBlue,
+      textDecoration: 'underline',
+    },
+    'hljs-meta': {
+      color: atomOneDarkColors.AccentBlue,
+    },
+    'hljs-selector-id': {
+      color: atomOneDarkColors.AccentBlue,
+    },
+    'hljs-title': {
+      color: atomOneDarkColors.AccentBlue,
+    },
+    'hljs-emphasis': {
+      fontStyle: 'italic',
+    },
+    'hljs-strong': {
+      fontWeight: 'bold',
+    },
+  },
+  atomOneDarkColors,
+  darkSemanticColors,
+);

package/dist/ui/themes/ayu-light.ts

@@ -0,0 +1,139 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { type ColorsTheme, Theme } from './theme.js';
+import { lightSemanticColors } from './semantic-tokens.js';
+
+const ayuLightColors: ColorsTheme = {
+  type: 'light',
+  Background: '#f8f9fa',
+  Foreground: '#5c6166',
+  LightBlue: '#55b4d4',
+  AccentBlue: '#399ee6',
+  AccentPurple: '#a37acc',
+  AccentCyan: '#4cbf99',
+  AccentGreen: '#86b300',
+  AccentYellow: '#f2ae49',
+  AccentRed: '#f07171',
+  DiffAdded: '#C6EAD8',
+  DiffRemoved: '#FFCCCC',
+  Comment: '#ABADB1',
+  Gray: '#a6aaaf',
+  GradientColors: ['#399ee6', '#86b300'],
+};
+
+export const AyuLight: Theme = new Theme(
+  'Ayu Light',
+  'light',
+  {
+    hljs: {
+      display: 'block',
+      overflowX: 'auto',
+      padding: '0.5em',
+      background: ayuLightColors.Background,
+      color: ayuLightColors.Foreground,
+    },
+    'hljs-comment': {
+      color: ayuLightColors.Comment,
+      fontStyle: 'italic',
+    },
+    'hljs-quote': {
+      color: ayuLightColors.AccentCyan,
+      fontStyle: 'italic',
+    },
+    'hljs-string': {
+      color: ayuLightColors.AccentGreen,
+    },
+    'hljs-constant': {
+      color: ayuLightColors.AccentCyan,
+    },
+    'hljs-number': {
+      color: ayuLightColors.AccentPurple,
+    },
+    'hljs-keyword': {
+      color: ayuLightColors.AccentYellow,
+    },
+    'hljs-selector-tag': {
+      color: ayuLightColors.AccentYellow,
+    },
+    'hljs-attribute': {
+      color: ayuLightColors.AccentYellow,
+    },
+    'hljs-variable': {
+      color: ayuLightColors.Foreground,
+    },
+    'hljs-variable.language': {
+      color: ayuLightColors.LightBlue,
+      fontStyle: 'italic',
+    },
+    'hljs-title': {
+      color: ayuLightColors.AccentBlue,
+    },
+    'hljs-section': {
+      color: ayuLightColors.AccentGreen,
+      fontWeight: 'bold',
+    },
+    'hljs-type': {
+      color: ayuLightColors.LightBlue,
+    },
+    'hljs-class .hljs-title': {
+      color: ayuLightColors.AccentBlue,
+    },
+    'hljs-tag': {
+      color: ayuLightColors.LightBlue,
+    },
+    'hljs-name': {
+      color: ayuLightColors.AccentBlue,
+    },
+    'hljs-builtin-name': {
+      color: ayuLightColors.AccentYellow,
+    },
+    'hljs-meta': {
+      color: ayuLightColors.AccentYellow,
+    },
+    'hljs-symbol': {
+      color: ayuLightColors.AccentRed,
+    },
+    'hljs-bullet': {
+      color: ayuLightColors.AccentYellow,
+    },
+    'hljs-regexp': {
+      color: ayuLightColors.AccentCyan,
+    },
+    'hljs-link': {
+      color: ayuLightColors.LightBlue,
+    },
+    'hljs-deletion': {
+      color: ayuLightColors.AccentRed,
+    },
+    'hljs-addition': {
+      color: ayuLightColors.AccentGreen,
+    },
+    'hljs-emphasis': {
+      fontStyle: 'italic',
+    },
+    'hljs-strong': {
+      fontWeight: 'bold',
+    },
+    'hljs-literal': {
+      color: ayuLightColors.AccentCyan,
+    },
+    'hljs-built_in': {
+      color: ayuLightColors.AccentRed,
+    },
+    'hljs-doctag': {
+      color: ayuLightColors.AccentRed,
+    },
+    'hljs-template-variable': {
+      color: ayuLightColors.AccentCyan,
+    },
+    'hljs-selector-id': {
+      color: ayuLightColors.AccentRed,
+    },
+  },
+  ayuLightColors,
+  lightSemanticColors,
+);