@kestra-io/ui-libs 0.0.78 → 0.0.80

package/src/components/plugins/SchemaToHtml.vue

@@ -1,261 +1,116 @@
 <template>
     <div class="bd-markdown">
-        <div class="doc-alert alert alert-warning" role="alert" v-if="page.deprecated">
-            <p>⚠ Deprecated</p>
+        <div class="doc-alert alert alert-info" role="alert" v-if="schema.properties?.$beta">
+            <p>
+                This plugin is currently in beta. While it is considered safe for use, please be aware that its API could change in ways that are not compatible with earlier versions in future releases, or it might become unsupported.
+            </p>
         </div>
 
-        <SchemaToCode language="yaml" :code="`type: &quot;${getPageName()}&quot;`" />
-        <p v-if="page.title">
-            <span style="font-size:1.5em;" v-html="replaceText(page.title)" />
+        <SchemaToCode :highlighter="highlighter" language="yaml" :code="`type: &quot;${pluginType}&quot;`" />
+        <p v-if="schema.properties?.title">
+            <span style="font-size:1.5em;" v-html="replaceText(schema.properties.title)" />
         </p>
-        <slot v-if="page.description" :content="page.description" name="markdown" />
-        <h2 id="examples" v-if="page.body.children['examples']">
-            <a href="#examples">Examples</a>
-        </h2>
-        <template
-            v-for="(example, index) in page?.body?.children?.['examples'] ?? []"
-            :key="index"
-        >
-            <slot v-if="example.title" :content="example.title" name="markdown" />
-            <SchemaToCode :language="example.lang" :code="generateExampleCode(example)" v-if="example.code" />
+
+        <slot v-if="schema.properties?.description" :content="schema.properties.description" name="markdown" />
+
+        <template v-if="schema.properties?.['$examples']">
+            <h2 id="examples">
+                <a href="#examples">Examples</a>
+            </h2>
+            <template
+                v-for="(example, index) in schema.properties['$examples']"
+                :key="index"
+            >
+                <slot v-if="example.title" :content="example.title" name="markdown" />
+                <SchemaToCode :highlighter="highlighter" :language="example.lang ?? 'yaml'" :code="generateExampleCode(example)" v-if="example.code" />
+            </template>
         </template>
-        <template v-for="(pageBlock, key) in page?.body?.children ?? []" :key="key">
-            <template v-if="key !== 'examples'">
-                <h2 :id="key">
-                    <a :href="`#${key}`">{{ capitalizeFirstLetter(key) }}</a>
-                </h2>
-                <template v-if="key !== 'definitions'">
-                    <template v-for="(property, propertyKey) in sortSchemaByRequired(pageBlock)" :key="propertyKey">
-                        <h3 :id="property.name ?? propertyKey">
-                            <a :href="`#${property.name ?? propertyKey}`">
-                                <code>{{ property.name ?? propertyKey }}</code>
-                            </a>
-                        </h3>
-                        <div
-                            class="doc-alert alert alert-warning"
-                            role="alert"
-                            v-if="property['$deprecated']"
-                        >
-                            <p>⚠ Deprecated</p>
-                        </div>
-                        <ul>
-                            <li>
-                                <strong>Type: </strong>
-                                <a
-                                    aria-current="page"
-                                    v-if="property['$ref']"
-                                    :href="generateTaskHref(property['$ref'])"
-                                    class="router-link-active router-link-exact-active"
-                                >
-                                    <mark class="type-mark type-mark-default">
-                                        {{ property['$ref']?.split('.').reverse()[0] }}
-                                    </mark>
-                                </a>
-                                <mark v-else-if="property.type" class="type-mark type-mark-default">
-                                    {{ property.type }}
-                                </mark>
-                                <ul v-else-if="property.anyOf">
-                                    <li v-for="(anyOf, index) in property.anyOf" :key="index">
-                                        <mark class="type-mark type-mark-default">{{ anyOf.type }}</mark>
-                                    </li>
-                                </ul>
-                            </li>
-                            <li v-if="property.items ?? property.additionalProperties">
-                                <strong>SubType: </strong>
-                                <template v-if="property.items">
-                                    <a
-                                        aria-current="page"
-                                        v-if="property.items['$ref']"
-                                        :href="generateTaskHref(property.items['$ref'])"
-                                        class="router-link-active router-link-exact-active"
-                                    >
-                                        <mark class="type-mark type-mark-default">
-                                            {{ property.items['$ref'].split('.').reverse()[0] }}
-                                        </mark>
-                                    </a>
-                                    <mark v-else class="type-mark type-mark-default">
-                                        {{ property.items.type ?? 'string' }}
-                                    </mark>
-                                </template>
-                                <mark v-else-if="property.additionalProperties.type" class="type-mark type-mark-default">
-                                    <template v-if="property.additionalProperties.items">
-                                        {{ property.additionalProperties.items.type ?? 'string' }}
-                                    </template>
-                                    <template v-else-if="property.additionalProperties.type">
-                                        {{ property.additionalProperties.type }}
-                                    </template>
-                                </mark>
-                            </li>
-                            <li>
-                                <strong>Dynamic: </strong>{{
-                                    property['$dynamic'] === true ? "✔️" :
-                                    (property['$dynamic'] === false ? "❌" : "❓") }}
-                            </li>
-                            <li>
-                                <strong>Required: </strong> {{
-                                    property['$required'] === true ? "✔️" :
-                                    (property['$required'] === false ? "❌" : "❓") }}
-                            </li>
-                            <li v-if="property.default !== undefined">
-                                <strong>Default: </strong>
-                                <code>{{ property.default }}</code>
-                            </li>
-                            <li v-if="property.format">
-                                <strong>Format: </strong>
-                                <code> {{ property.format }} </code>
-                            </li>
-                            <li v-if="property.minItems">
-                                <strong>Min items: </strong>
-                                <code> {{ property.minItems }} </code>
-                            </li>
-                            <li v-if="property.minLength">
-                                <strong>Min length: </strong>
-                                <code>{{ property.minLength }}</code>
-                            </li>
-                            <li v-if="property.enum">
-                                <strong>Possible Values:</strong>
-                                <ul>
-                                    <li v-for="(possibleValue, index) in property.enum" :key="index">
-                                        <code>{{ possibleValue }}</code>
-                                    </li>
-                                </ul>
-                            </li>
-                        </ul>
 
-                        <div class="nested-fw-bolder">
-                            <slot v-if="property.title" :content="property.title" name="markdown">
-                                <template v-html="replaceText(property.title)" />
-                            </slot>
-                        </div>
-                        <blockquote v-if="property.description" class="blockquote">
-                            <slot :content="property.description" name="markdown">
-                                <template v-html="replaceText(property.description)" />
-                            </slot>
-                        </blockquote>
-                    </template>
-                </template>
-                <template v-else-if="pageBlock">
-                    <template
-                        v-for="(item, childrenBlockKey) in pageBlock"
-                        :key="childrenBlockKey"
-                    >
-                        <h3 :id="childrenBlockKey">
-                            <a :href="`#${childrenBlockKey}`">
-                                <code>{{ childrenBlockKey }}</code>
-                            </a>
-                        </h3>
-                        <h4
-                            id="properties-1"
-                            v-if="item.properties"
-                        >
-                            <a href="#properties-1">Properties</a>
-                        </h4>
-                        <template
-                            v-for="(definition, propertyKey) in item.properties ?? []"
-                            :key="propertyKey"
-                        >
-                            <h5 :id="definition.name ?? propertyKey">
-                                <a :href="`#${definition.name ?? propertyKey}`">
-                                    <code>{{ definition.name ?? propertyKey }}</code>
-                                </a>
-                            </h5>
-                            <ul>
-                                <li>
-                                    <strong>Type: </strong>
-                                    <a
-                                        aria-current="page"
-                                        v-if="definition['$ref']"
-                                        :href="generateTaskHref(definition['$ref'])"
-                                        class="router-link-active router-link-exact-active"
-                                    >
-                                        <mark class="type-mark type-mark-default">
-                                            {{ definition['$ref']?.split('.').reverse()[0] }}
-                                        </mark>
-                                    </a>
-                                    <mark v-else-if="definition.type" class="type-mark type-mark-default">
-                                        {{ definition.type }}
-                                    </mark>
-                                    <ul v-else-if="definition.anyOf">
-                                        <li v-for="(anyOf, index) in definition.anyOf" :key="index">
-                                            <mark class="type-mark type-mark-default">{{ anyOf.type }}</mark>
-                                        </li>
-                                    </ul>
-                                </li>
-                                <li v-if="definition.items">
-                                    <strong>SubType: </strong>
-                                    <template v-if="definition.items">
-                                        <a
-                                            aria-current="page"
-                                            v-if="definition.items['$ref']"
-                                            :href="generateTaskHref(definition.items['$ref'])"
-                                            class="router-link-active router-link-exact-active"
-                                        >
-                                            <mark class="type-mark type-mark-default">
-                                                {{ definition.items['$ref'].split('.').reverse()[0] }}
-                                            </mark>
-                                        </a>
-                                        <mark v-else class="type-mark type-mark-default">
-                                            {{ definition.items.type ?? 'string' }}
-                                        </mark>
-                                    </template>
-                                    <mark v-else-if="definition.additionalProperties.type" class="type-mark type-mark-default">
-                                        <template v-if="definition.additionalProperties.items">
-                                            {{ definition.additionalProperties.items.type ?? 'string' }}
-                                        </template>
-                                        <template v-else-if="definition.additionalProperties.type">
-                                            {{ definition.additionalProperties.type }}
-                                        </template>
-                                    </mark>
-                                </li>
-                                <li>
-                                    <strong>Dynamic: </strong>
-                                    {{ definition['$dynamic'] === true ? "✔️" :
-                                        (definition['$dynamic'] === false ? "❌" : "❓") }}
-                                </li>
-                                <li>
-                                    <strong>Required: </strong>
-                                    {{
-                                        definition['$required'] === true ? "✔️" :
-                                        (definition['$required'] === false ? "❌" : "❓") }}
-                                </li>
-                                <li v-if="definition.default !== undefined">
-                                    <strong>Default: </strong>
-                                    <code>{{ definition.default }}</code>
-                                </li>
-                                <li v-if="definition.format">
-                                    <strong>Format: </strong>
-                                    <code> {{ definition.format }} </code>
-                                </li>
-                                <li v-if="definition.minItems">
-                                    <strong>Min items: </strong>
-                                    <code> {{ definition.minItems }} </code>
-                                </li>
-                                <li v-if="definition.minLength">
-                                    <strong>Min length: </strong>
-                                    <code>{{ definition.minLength }}</code>
-                                </li>
-                                <li v-if="definition.enum">
-                                    <strong>Possible Values:</strong>
-                                    <ul>
-                                        <li v-for="(possibleValue, index) in definition.enum" :key="index">
-                                            <code>{{ possibleValue }}</code>
-                                        </li>
-                                    </ul>
-                                </li>
-                            </ul>
-                            <div class="nested-fw-bolder">
-                                <slot v-if="definition.title" :content="definition.title" name="markdown">
-                                    <template v-html="replaceText(definition.title)" />
-                                </slot>
-                            </div>
-                            <blockquote class="blockquote">
-                                <slot v-if="definition.description" :content="definition.description" name="markdown">
-                                    <template v-html="replaceText(definition.description)" />
-                                </slot>
-                            </blockquote>
+        <template v-if="schema.properties?.properties">
+            <h2 id="properties">
+                <a href="#properties">Properties</a>
+            </h2>
+
+            <template v-for="(property, propertyKey) in sortSchemaByRequired(schema.properties.properties)" :key="propertyKey">
+                <h3 :id="propertyKey">
+                    <a :href="`#${propertyKey}`">
+                        <code>{{ propertyKey }}</code>
+                    </a>
+                </h3>
+                <div
+                    class="doc-alert alert alert-info"
+                    role="alert"
+                    v-if="property['$beta']"
+                >
+                    <p>This property is currently in beta. While it is considered safe for use, please be aware that its API could change in ways that are not compatible with earlier versions in future releases, or it might become unsupported.</p>
+                </div>
+                <ul>
+                    <PropertyDetail :property="property" :text-sanitizer="replaceText">
+                        <template #markdown="{content}">
+                            <slot :content="content" name="markdown" />
                         </template>
+                    </PropertyDetail>
+                </ul>
+            </template>
+        </template>
+
+        <template v-if="schema.outputs?.properties">
+            <h2 id="outputs">
+                <a href="#outputs">Outputs</a>
+            </h2>
+
+            <template v-for="(output, outputKey) in sortSchemaByRequired(schema.outputs.properties)" :key="outputKey">
+                <h3 :id="outputKey">
+                    <a :href="`#${outputKey}`">
+                        <code>{{ outputKey }}</code>
+                    </a>
+                </h3>
+                <div
+                    class="doc-alert alert alert-warning"
+                    role="alert"
+                    v-if="output['$deprecated']"
+                >
+                    <p>⚠ Deprecated</p>
+                </div>
+                <div
+                    class="doc-alert alert alert-info"
+                    role="alert"
+                    v-if="output['$beta']"
+                >
+                    <p>This property is currently in beta. While it is considered safe for use, please be aware that its API could change in ways that are not compatible with earlier versions in future releases, or it might become unsupported.</p>
+                </div>
+                <ul>
+                    <PropertyDetail :show-dynamic="false" :property="output" :text-sanitizer="replaceText" />
+                </ul>
+            </template>
+        </template>
+
+        <template v-if="schema.definitions">
+            <h2 id="definitions">
+                <a href="#definitions">Definitions</a>
+            </h2>
+
+            <template v-for="(definition, definitionKey) in schema.definitions" :key="definitionKey">
+                <h3 :id="definitionKey">
+                    <a :href="`#${definitionKey}`">
+                        <code>{{ definitionKey }}</code>
+                    </a>
+                </h3>
+                <h4 :id="'properties-' + definitionKey" v-if="(definition.properties?.length ?? 0) > 0">
+                    <a :href="`#properties-${definitionKey}`">
+                        Properties
+                    </a>
+                </h4>
+                <ul>
+                    <template v-for="(property, propertyKey) in sortSchemaByRequired(definition.properties)" :key="propertyKey">
+                        <h5 :id="definitionKey + '-' + propertyKey" v-if="definition.properties">
+                            <code>
+                                {{ propertyKey }}
+                            </code>
+                        </h5>
+                        <PropertyDetail :property="property" :text-sanitizer="replaceText" />
                     </template>
-                </template>
+                </ul>
             </template>
         </template>
     </div>
@@ -263,24 +118,26 @@
 
 <script setup>
     import SchemaToCode from "./SchemaToCode.vue";
+    import {createHighlighterCore} from "shiki/core";
+    import githubDark from "shiki/themes/github-dark.mjs";
+    import yaml from "shiki/langs/yaml.mjs";
+    import python from "shiki/langs/python.mjs";
+    import javascript from "shiki/langs/javascript.mjs";
     import {computed} from "vue";
+    import PropertyDetail from "./PropertyDetail.vue";
+    import {createJavaScriptRegexEngine} from "shiki/engine/javascript";
 
     const props = defineProps({
-        page: {
+        schema: {
             type: Object,
             required: true,
         },
-        getPageName: {
-            type: Function,
+        pluginType: {
+            type: String,
             required: true,
         }
     });
 
-
-    function capitalizeFirstLetter(str) {
-        return str.charAt(0).toUpperCase() + str.slice(1);
-    }
-
     const replaceText = (str) => {
         str = str?.split("```")[0]?.replace(/`([^`]*)`/g, "<code>$1</code>");
         str = str?.replace(
@@ -296,14 +153,8 @@
         return str?.split("```")[0];
     };
 
-    const generateTaskHref = (href) => {
-        if (href) {
-            const taskHref = href?.split("/");
-            return `#${taskHref[taskHref?.length - 1]}`;
-        }
-    };
     computed(() => {
-        const textBlocks = props.page?.description.split("\n\n");
+        const textBlocks = props.schema?.description.split("\n\n");
         let content = "";
         textBlocks.forEach((text) => {
             const newText = replaceText(text);
@@ -370,24 +221,34 @@
 
     const generateExampleCode = (example) => {
         if (!example?.full) {
-            const firstCode = `id: "${props.getPageName()?.split(".").reverse()[0]?.toLowerCase()}"\ntype: "${props.getPageName()}"\n`;
-            return firstCode.concat(example.code)
+            const fullCode = `id: "${props.pluginType.split(".").reverse()[0]?.toLowerCase()}"\ntype: "${props.pluginType}"\n`;
+            return fullCode.concat(example.code)
         }
 
         return example.code;
     }
+
+    const highlighter = await createHighlighterCore({
+        themes: [
+            githubDark
+        ],
+        langs: [
+            yaml,
+            python,
+            javascript
+        ],
+        engine: createJavaScriptRegexEngine(),
+    });
 </script>
 
 <style lang="scss" scoped>
     .bd-markdown {
-        p {
-            code{
-                background: #161617;
-                border: 1px solid #252526;
-                border-radius: var(--bs-border-radius);
-                color: #b9b9ba;
-                padding: 0 .25rem;
-            }
+        code{
+            background: #161617;
+            border: 1px solid #252526;
+            border-radius: var(--bs-border-radius);
+            color: #b9b9ba;
+            padding: 0 .25rem;
         }
     }
 </style>

package/src/scss/bootstrap-overload.scss

@@ -55,6 +55,6 @@ $theme-colors: $custom-colors;
     }
 }
 
-.nested-fw-bolder * {
-    font-weight: bolder !important;
+.nested-fw-bold * {
+    font-weight: bold !important;
 }

package/src/utils/state.js

@@ -7,7 +7,6 @@ import StopCircle from "vue-material-design-icons/StopCircle.vue";
 import SkipPreviousCircle from "vue-material-design-icons/SkipPreviousCircle.vue";
 import AlertCircle from "vue-material-design-icons/AlertCircle.vue";
 import DotsVerticalCircle from "vue-material-design-icons/DotsVerticalCircle.vue";
-// import {cssVariable} from "./global"
 
 const STATE = Object.freeze({
     CREATED: {

package/dist/github-dark-DenFmJkN.js

@@ -1,4 +0,0 @@
-const e = Object.freeze(JSON.parse('{"colors":{"activityBar.activeBorder":"#f9826c","activityBar.background":"#24292e","activityBar.border":"#1b1f23","activityBar.foreground":"#e1e4e8","activityBar.inactiveForeground":"#6a737d","activityBarBadge.background":"#0366d6","activityBarBadge.foreground":"#fff","badge.background":"#044289","badge.foreground":"#c8e1ff","breadcrumb.activeSelectionForeground":"#d1d5da","breadcrumb.focusForeground":"#e1e4e8","breadcrumb.foreground":"#959da5","breadcrumbPicker.background":"#2b3036","button.background":"#176f2c","button.foreground":"#dcffe4","button.hoverBackground":"#22863a","button.secondaryBackground":"#444d56","button.secondaryForeground":"#fff","button.secondaryHoverBackground":"#586069","checkbox.background":"#444d56","checkbox.border":"#1b1f23","debugToolBar.background":"#2b3036","descriptionForeground":"#959da5","diffEditor.insertedTextBackground":"#28a74530","diffEditor.removedTextBackground":"#d73a4930","dropdown.background":"#2f363d","dropdown.border":"#1b1f23","dropdown.foreground":"#e1e4e8","dropdown.listBackground":"#24292e","editor.background":"#24292e","editor.findMatchBackground":"#ffd33d44","editor.findMatchHighlightBackground":"#ffd33d22","editor.focusedStackFrameHighlightBackground":"#2b6a3033","editor.foldBackground":"#58606915","editor.foreground":"#e1e4e8","editor.inactiveSelectionBackground":"#3392FF22","editor.lineHighlightBackground":"#2b3036","editor.linkedEditingBackground":"#3392FF22","editor.selectionBackground":"#3392FF44","editor.selectionHighlightBackground":"#17E5E633","editor.selectionHighlightBorder":"#17E5E600","editor.stackFrameHighlightBackground":"#C6902625","editor.wordHighlightBackground":"#17E5E600","editor.wordHighlightBorder":"#17E5E699","editor.wordHighlightStrongBackground":"#17E5E600","editor.wordHighlightStrongBorder":"#17E5E666","editorBracketHighlight.foreground1":"#79b8ff","editorBracketHighlight.foreground2":"#ffab70","editorBracketHighlight.foreground3":"#b392f0","editorBracketHighlight.foreground4":"#79b8ff","editorBracketHighlight.foreground5":"#ffab70","editorBracketHighlight.foreground6":"#b392f0","editorBracketMatch.background":"#17E5E650","editorBracketMatch.border":"#17E5E600","editorCursor.foreground":"#c8e1ff","editorError.foreground":"#f97583","editorGroup.border":"#1b1f23","editorGroupHeader.tabsBackground":"#1f2428","editorGroupHeader.tabsBorder":"#1b1f23","editorGutter.addedBackground":"#28a745","editorGutter.deletedBackground":"#ea4a5a","editorGutter.modifiedBackground":"#2188ff","editorIndentGuide.activeBackground":"#444d56","editorIndentGuide.background":"#2f363d","editorLineNumber.activeForeground":"#e1e4e8","editorLineNumber.foreground":"#444d56","editorOverviewRuler.border":"#1b1f23","editorWarning.foreground":"#ffea7f","editorWhitespace.foreground":"#444d56","editorWidget.background":"#1f2428","errorForeground":"#f97583","focusBorder":"#005cc5","foreground":"#d1d5da","gitDecoration.addedResourceForeground":"#34d058","gitDecoration.conflictingResourceForeground":"#ffab70","gitDecoration.deletedResourceForeground":"#ea4a5a","gitDecoration.ignoredResourceForeground":"#6a737d","gitDecoration.modifiedResourceForeground":"#79b8ff","gitDecoration.submoduleResourceForeground":"#6a737d","gitDecoration.untrackedResourceForeground":"#34d058","input.background":"#2f363d","input.border":"#1b1f23","input.foreground":"#e1e4e8","input.placeholderForeground":"#959da5","list.activeSelectionBackground":"#39414a","list.activeSelectionForeground":"#e1e4e8","list.focusBackground":"#044289","list.hoverBackground":"#282e34","list.hoverForeground":"#e1e4e8","list.inactiveFocusBackground":"#1d2d3e","list.inactiveSelectionBackground":"#282e34","list.inactiveSelectionForeground":"#e1e4e8","notificationCenterHeader.background":"#24292e","notificationCenterHeader.foreground":"#959da5","notifications.background":"#2f363d","notifications.border":"#1b1f23","notifications.foreground":"#e1e4e8","notificationsErrorIcon.foreground":"#ea4a5a","notificationsInfoIcon.foreground":"#79b8ff","notificationsWarningIcon.foreground":"#ffab70","panel.background":"#1f2428","panel.border":"#1b1f23","panelInput.border":"#2f363d","panelTitle.activeBorder":"#f9826c","panelTitle.activeForeground":"#e1e4e8","panelTitle.inactiveForeground":"#959da5","peekViewEditor.background":"#1f242888","peekViewEditor.matchHighlightBackground":"#ffd33d33","peekViewResult.background":"#1f2428","peekViewResult.matchHighlightBackground":"#ffd33d33","pickerGroup.border":"#444d56","pickerGroup.foreground":"#e1e4e8","progressBar.background":"#0366d6","quickInput.background":"#24292e","quickInput.foreground":"#e1e4e8","scrollbar.shadow":"#0008","scrollbarSlider.activeBackground":"#6a737d88","scrollbarSlider.background":"#6a737d33","scrollbarSlider.hoverBackground":"#6a737d44","settings.headerForeground":"#e1e4e8","settings.modifiedItemIndicator":"#0366d6","sideBar.background":"#1f2428","sideBar.border":"#1b1f23","sideBar.foreground":"#d1d5da","sideBarSectionHeader.background":"#1f2428","sideBarSectionHeader.border":"#1b1f23","sideBarSectionHeader.foreground":"#e1e4e8","sideBarTitle.foreground":"#e1e4e8","statusBar.background":"#24292e","statusBar.border":"#1b1f23","statusBar.debuggingBackground":"#931c06","statusBar.debuggingForeground":"#fff","statusBar.foreground":"#d1d5da","statusBar.noFolderBackground":"#24292e","statusBarItem.prominentBackground":"#282e34","statusBarItem.remoteBackground":"#24292e","statusBarItem.remoteForeground":"#d1d5da","tab.activeBackground":"#24292e","tab.activeBorder":"#24292e","tab.activeBorderTop":"#f9826c","tab.activeForeground":"#e1e4e8","tab.border":"#1b1f23","tab.hoverBackground":"#24292e","tab.inactiveBackground":"#1f2428","tab.inactiveForeground":"#959da5","tab.unfocusedActiveBorder":"#24292e","tab.unfocusedActiveBorderTop":"#1b1f23","tab.unfocusedHoverBackground":"#24292e","terminal.ansiBlack":"#586069","terminal.ansiBlue":"#2188ff","terminal.ansiBrightBlack":"#959da5","terminal.ansiBrightBlue":"#79b8ff","terminal.ansiBrightCyan":"#56d4dd","terminal.ansiBrightGreen":"#85e89d","terminal.ansiBrightMagenta":"#b392f0","terminal.ansiBrightRed":"#f97583","terminal.ansiBrightWhite":"#fafbfc","terminal.ansiBrightYellow":"#ffea7f","terminal.ansiCyan":"#39c5cf","terminal.ansiGreen":"#34d058","terminal.ansiMagenta":"#b392f0","terminal.ansiRed":"#ea4a5a","terminal.ansiWhite":"#d1d5da","terminal.ansiYellow":"#ffea7f","terminal.foreground":"#d1d5da","terminal.tab.activeBorder":"#f9826c","terminalCursor.background":"#586069","terminalCursor.foreground":"#79b8ff","textBlockQuote.background":"#24292e","textBlockQuote.border":"#444d56","textCodeBlock.background":"#2f363d","textLink.activeForeground":"#c8e1ff","textLink.foreground":"#79b8ff","textPreformat.foreground":"#d1d5da","textSeparator.foreground":"#586069","titleBar.activeBackground":"#24292e","titleBar.activeForeground":"#e1e4e8","titleBar.border":"#1b1f23","titleBar.inactiveBackground":"#1f2428","titleBar.inactiveForeground":"#959da5","tree.indentGuidesStroke":"#2f363d","welcomePage.buttonBackground":"#2f363d","welcomePage.buttonHoverBackground":"#444d56"},"displayName":"GitHub Dark","name":"github-dark","semanticHighlighting":true,"tokenColors":[{"scope":["comment","punctuation.definition.comment","string.comment"],"settings":{"foreground":"#6a737d"}},{"scope":["constant","entity.name.constant","variable.other.constant","variable.other.enummember","variable.language"],"settings":{"foreground":"#79b8ff"}},{"scope":["entity","entity.name"],"settings":{"foreground":"#b392f0"}},{"scope":"variable.parameter.function","settings":{"foreground":"#e1e4e8"}},{"scope":"entity.name.tag","settings":{"foreground":"#85e89d"}},{"scope":"keyword","settings":{"foreground":"#f97583"}},{"scope":["storage","storage.type"],"settings":{"foreground":"#f97583"}},{"scope":["storage.modifier.package","storage.modifier.import","storage.type.java"],"settings":{"foreground":"#e1e4e8"}},{"scope":["string","punctuation.definition.string","string punctuation.section.embedded source"],"settings":{"foreground":"#9ecbff"}},{"scope":"support","settings":{"foreground":"#79b8ff"}},{"scope":"meta.property-name","settings":{"foreground":"#79b8ff"}},{"scope":"variable","settings":{"foreground":"#ffab70"}},{"scope":"variable.other","settings":{"foreground":"#e1e4e8"}},{"scope":"invalid.broken","settings":{"fontStyle":"italic","foreground":"#fdaeb7"}},{"scope":"invalid.deprecated","settings":{"fontStyle":"italic","foreground":"#fdaeb7"}},{"scope":"invalid.illegal","settings":{"fontStyle":"italic","foreground":"#fdaeb7"}},{"scope":"invalid.unimplemented","settings":{"fontStyle":"italic","foreground":"#fdaeb7"}},{"scope":"carriage-return","settings":{"background":"#f97583","content":"^M","fontStyle":"italic underline","foreground":"#24292e"}},{"scope":"message.error","settings":{"foreground":"#fdaeb7"}},{"scope":"string variable","settings":{"foreground":"#79b8ff"}},{"scope":["source.regexp","string.regexp"],"settings":{"foreground":"#dbedff"}},{"scope":["string.regexp.character-class","string.regexp constant.character.escape","string.regexp source.ruby.embedded","string.regexp string.regexp.arbitrary-repitition"],"settings":{"foreground":"#dbedff"}},{"scope":"string.regexp constant.character.escape","settings":{"fontStyle":"bold","foreground":"#85e89d"}},{"scope":"support.constant","settings":{"foreground":"#79b8ff"}},{"scope":"support.variable","settings":{"foreground":"#79b8ff"}},{"scope":"meta.module-reference","settings":{"foreground":"#79b8ff"}},{"scope":"punctuation.definition.list.begin.markdown","settings":{"foreground":"#ffab70"}},{"scope":["markup.heading","markup.heading entity.name"],"settings":{"fontStyle":"bold","foreground":"#79b8ff"}},{"scope":"markup.quote","settings":{"foreground":"#85e89d"}},{"scope":"markup.italic","settings":{"fontStyle":"italic","foreground":"#e1e4e8"}},{"scope":"markup.bold","settings":{"fontStyle":"bold","foreground":"#e1e4e8"}},{"scope":["markup.underline"],"settings":{"fontStyle":"underline"}},{"scope":["markup.strikethrough"],"settings":{"fontStyle":"strikethrough"}},{"scope":"markup.inline.raw","settings":{"foreground":"#79b8ff"}},{"scope":["markup.deleted","meta.diff.header.from-file","punctuation.definition.deleted"],"settings":{"background":"#86181d","foreground":"#fdaeb7"}},{"scope":["markup.inserted","meta.diff.header.to-file","punctuation.definition.inserted"],"settings":{"background":"#144620","foreground":"#85e89d"}},{"scope":["markup.changed","punctuation.definition.changed"],"settings":{"background":"#c24e00","foreground":"#ffab70"}},{"scope":["markup.ignored","markup.untracked"],"settings":{"background":"#79b8ff","foreground":"#2f363d"}},{"scope":"meta.diff.range","settings":{"fontStyle":"bold","foreground":"#b392f0"}},{"scope":"meta.diff.header","settings":{"foreground":"#79b8ff"}},{"scope":"meta.separator","settings":{"fontStyle":"bold","foreground":"#79b8ff"}},{"scope":"meta.output","settings":{"foreground":"#79b8ff"}},{"scope":["brackethighlighter.tag","brackethighlighter.curly","brackethighlighter.round","brackethighlighter.square","brackethighlighter.angle","brackethighlighter.quote"],"settings":{"foreground":"#d1d5da"}},{"scope":"brackethighlighter.unmatched","settings":{"foreground":"#fdaeb7"}},{"scope":["constant.other.reference.link","string.other.link"],"settings":{"fontStyle":"underline","foreground":"#dbedff"}}],"type":"dark"}'));
-export {
-  e as default
-};