@gitlab/duo-ui 0.1.0 → 0.3.0

package/dist/components/chat/components/duo_chat_message/insert_code_snippet_element.js

@@ -0,0 +1,56 @@
+import { createButton } from './buttons_utils';
+
+function _assertClassBrand(e, t, n) {
+  if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+  throw new TypeError("Private element is not present on this object");
+}
+function _checkPrivateRedeclaration(e, t) {
+  if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+function _classPrivateFieldGet2(s, a) {
+  return s.get(_assertClassBrand(s, a));
+}
+function _classPrivateFieldInitSpec(e, t, a) {
+  _checkPrivateRedeclaration(e, t), t.set(e, a);
+}
+function _classPrivateFieldSet2(s, a, r) {
+  return s.set(_assertClassBrand(s, a), r), r;
+}
+
+const CODE_MARKDOWN_CLASS = 'js-markdown-code';
+var _actionButton = /*#__PURE__*/new WeakMap();
+var _codeBlock = /*#__PURE__*/new WeakMap();
+var _handleClick = /*#__PURE__*/new WeakMap();
+class InsertCodeSnippetElement extends HTMLElement {
+  constructor(codeBlock) {
+    super();
+    _classPrivateFieldInitSpec(this, _actionButton, void 0);
+    _classPrivateFieldInitSpec(this, _codeBlock, void 0);
+    _classPrivateFieldInitSpec(this, _handleClick, () => {
+      if (_classPrivateFieldGet2(_codeBlock, this)) {
+        _classPrivateFieldGet2(_codeBlock, this).dispatchEvent(new CustomEvent('insert-code-snippet', {
+          bubbles: true,
+          cancelable: true,
+          detail: {
+            code: _classPrivateFieldGet2(_codeBlock, this).textContent.trim()
+          }
+        }));
+      }
+    });
+    _classPrivateFieldSet2(_actionButton, this, createButton());
+
+    // we handle two possible cases here:
+    // 1. we use constructor parameter if the element is created in Javscript and inserted in the document
+    // 2. we find the wrapping element containing code if the element is received from the server
+    _classPrivateFieldSet2(_codeBlock, this, codeBlock !== null && codeBlock !== void 0 ? codeBlock : this.closest(`.${CODE_MARKDOWN_CLASS}`));
+  }
+  connectedCallback() {
+    this.appendChild(_classPrivateFieldGet2(_actionButton, this));
+    _classPrivateFieldGet2(_actionButton, this).addEventListener('click', _classPrivateFieldGet2(_handleClick, this));
+  }
+  disconnectedCallback() {
+    _classPrivateFieldGet2(_actionButton, this).removeEventListener('click', _classPrivateFieldGet2(_handleClick, this));
+  }
+}
+
+export { InsertCodeSnippetElement };

package/dist/components/chat/components/duo_chat_message/utils.js

@@ -0,0 +1,8 @@
+const concatUntilEmpty = arr => {
+  if (!arr) return '';
+  let end = arr.findIndex(el => !el);
+  if (end < 0) end = arr.length;
+  return arr.slice(0, end).join('');
+};
+
+export { concatUntilEmpty };

package/dist/components/chat/components/duo_chat_message_sources/duo_chat_message_sources.js

@@ -0,0 +1,106 @@
+import { translatePlural } from '@gitlab/ui/dist/utils/i18n';
+import { GlIcon, GlLink } from '@gitlab/ui';
+import { DOCUMENTATION_SOURCE_TYPES } from '../../constants';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+const i18n = {
+  MESSAGE_SOURCE: function () {
+    let count = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+    return translatePlural('GlDuoChatMessageSources.messageSources', 'Source', 'Sources')(count);
+  }
+};
+var script = {
+  name: 'GlDuoChatMessageSources',
+  components: {
+    GlIcon,
+    GlLink
+  },
+  props: {
+    /**
+     * The Array of the message sources.
+     */
+    sources: {
+      type: Array,
+      required: true
+    }
+  },
+  computed: {
+    sourceLabel() {
+      return i18n.MESSAGE_SOURCE(this.sources.length);
+    }
+  },
+  methods: {
+    getSourceIcon(sourceType) {
+      const currentSourceType = Object.values(DOCUMENTATION_SOURCE_TYPES).find(_ref => {
+        let {
+          value
+        } = _ref;
+        return value === sourceType;
+      });
+      return (currentSourceType === null || currentSourceType === void 0 ? void 0 : currentSourceType.icon) || 'document';
+    },
+    getSourceTitle(_ref2) {
+      let {
+        title,
+        source_type: sourceType,
+        stage,
+        group,
+        date,
+        author
+      } = _ref2;
+      if (title) {
+        return title;
+      }
+      if (sourceType === DOCUMENTATION_SOURCE_TYPES.DOC.value) {
+        if (stage && group) {
+          return `${stage} / ${group}`;
+        }
+      }
+      if (sourceType === DOCUMENTATION_SOURCE_TYPES.BLOG.value) {
+        if (date && author) {
+          return `${date} / ${author}`;
+        }
+      }
+      return this.sourceLabel;
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-mr-3 gl-mt-4 gl-text-gray-600",attrs:{"data-testid":"duo-chat-message-sources"}},[(_vm.sources.length)?_c('span',[_vm._v(_vm._s(_vm.sourceLabel)+":")]):_vm._e(),_vm._v(" "),_c('ul',{staticClass:"gl-m-0 gl-list-none gl-p-0"},_vm._l((_vm.sources),function(source,index){return _c('li',{key:index,staticClass:"gl-flex gl-items-center gl-pt-3",attrs:{"data-testid":"source-list-item"}},[(source.source_type)?_c('gl-icon',{staticClass:"gl-mr-2 gl-shrink-0",attrs:{"name":_vm.getSourceIcon(source.source_type)}}):_vm._e(),_vm._v(" "),_c('gl-link',{attrs:{"href":source.source_url}},[_vm._v(_vm._s(_vm.getSourceTitle(source)))])],1)}),0)])};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;
+export { i18n };

package/dist/components/chat/components/duo_chat_predefined_prompts/duo_chat_predefined_prompts.js

@@ -0,0 +1,64 @@
+import { GlButton } from '@gitlab/ui';
+import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
+
+var script = {
+  name: 'GlDuoChatPredefinedPrompts',
+  components: {
+    GlButton
+  },
+  props: {
+    /**
+     * Array of predefined prompts to display. Every prompt should be a string which will be converted into a prompt when clicked.
+     */
+    prompts: {
+      type: Array,
+      required: true
+    }
+  },
+  methods: {
+    handleClick(prompt) {
+      /**
+       * Emits the prompt string that was clicked.
+       */
+      this.$emit('click', prompt);
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-text-right"},_vm._l((_vm.prompts),function(prompt,index){return _c('div',{key:("question-" + index),staticClass:"gl-mt-3"},[_c('gl-button',{attrs:{"category":"secondary","variant":"confirm"},on:{"click":function($event){return _vm.handleClick(prompt)}}},[_c('span',{staticClass:"gl-whitespace-normal"},[_vm._v(_vm._s(prompt))])])],1)}),0)};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+  /* style inject shadow dom */
+  
+
+  
+  const __vue_component__ = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    false,
+    undefined,
+    undefined,
+    undefined
+  );
+
+export default __vue_component__;

package/dist/components/chat/constants.js

@@ -0,0 +1,30 @@
+const CHAT_RESET_MESSAGE = '/reset';
+const CHAT_CLEAR_MESSAGE = '/clear';
+const CHAT_INCLUDE_MESSAGE = '/include';
+const LOADING_TRANSITION_DURATION = 7500;
+const DOCUMENTATION_SOURCE_TYPES = {
+  HANDBOOK: {
+    value: 'handbook',
+    icon: 'book'
+  },
+  DOC: {
+    value: 'doc',
+    icon: 'documents'
+  },
+  BLOG: {
+    value: 'blog',
+    icon: 'list-bulleted'
+  }
+};
+const MESSAGE_MODEL_ROLES = {
+  user: 'user',
+  system: 'system',
+  assistant: 'assistant'
+};
+const SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED = true;
+
+// TODO this should be a shared util in GitLab UI
+const badgeTypes = ['experiment', 'beta', null];
+const badgeTypeValidator = value => badgeTypes.includes(value);
+
+export { CHAT_CLEAR_MESSAGE, CHAT_INCLUDE_MESSAGE, CHAT_RESET_MESSAGE, DOCUMENTATION_SOURCE_TYPES, LOADING_TRANSITION_DURATION, MESSAGE_MODEL_ROLES, SELECTED_CONTEXT_ITEMS_DEFAULT_COLLAPSED, badgeTypeValidator, badgeTypes };