biel-search 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/biel-search/biel-search.css +1 -0
- package/dist/biel-search/biel-search.esm.js +2 -0
- package/dist/biel-search/biel-search.esm.js.map +1 -0
- package/dist/biel-search/index.esm.js +2 -0
- package/dist/biel-search/index.esm.js.map +1 -0
- package/dist/biel-search/p-1b3c90ca.js +3 -0
- package/dist/biel-search/p-1b3c90ca.js.map +1 -0
- package/dist/biel-search/p-e1255160.js +2 -0
- package/dist/biel-search/p-e1255160.js.map +1 -0
- package/dist/biel-search/p-fe900c87.entry.js +3 -0
- package/dist/biel-search/p-fe900c87.entry.js.map +1 -0
- package/dist/cjs/app-globals-3a1e7e63.js +7 -0
- package/dist/cjs/app-globals-3a1e7e63.js.map +1 -0
- package/dist/cjs/biel-bot_8.cjs.entry.js +63952 -0
- package/dist/cjs/biel-bot_8.cjs.entry.js.map +1 -0
- package/dist/cjs/biel-search.cjs.js +27 -0
- package/dist/cjs/biel-search.cjs.js.map +1 -0
- package/dist/cjs/index-05fc01fd.js +1281 -0
- package/dist/cjs/index-05fc01fd.js.map +1 -0
- package/dist/cjs/index.cjs.js +11 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/loader.cjs.js +17 -0
- package/dist/cjs/loader.cjs.js.map +1 -0
- package/dist/collection/collection-manifest.json +19 -0
- package/dist/collection/components/biel-bot/biel-bot.css +189 -0
- package/dist/collection/components/biel-bot/biel-bot.js +338 -0
- package/dist/collection/components/biel-bot/biel-bot.js.map +1 -0
- package/dist/collection/components/biel-button/biel-button.css +63 -0
- package/dist/collection/components/biel-button/biel-button.js +301 -0
- package/dist/collection/components/biel-button/biel-button.js.map +1 -0
- package/dist/collection/components/biel-chat/biel-chat.css +75 -0
- package/dist/collection/components/biel-chat/biel-chat.js +119 -0
- package/dist/collection/components/biel-chat/biel-chat.js.map +1 -0
- package/dist/collection/components/biel-header/biel-header.css +49 -0
- package/dist/collection/components/biel-header/biel-header.js +165 -0
- package/dist/collection/components/biel-header/biel-header.js.map +1 -0
- package/dist/collection/components/biel-input/biel-input.css +55 -0
- package/dist/collection/components/biel-input/biel-input.js +164 -0
- package/dist/collection/components/biel-input/biel-input.js.map +1 -0
- package/dist/collection/components/biel-message/biel-message.css +38 -0
- package/dist/collection/components/biel-message/biel-message.js +98 -0
- package/dist/collection/components/biel-message/biel-message.js.map +1 -0
- package/dist/collection/components/biel-table/biel-table.css +37 -0
- package/dist/collection/components/biel-table/biel-table.js +43 -0
- package/dist/collection/components/biel-table/biel-table.js.map +1 -0
- package/dist/collection/components/code-snippet/code-snippet.css +162 -0
- package/dist/collection/components/code-snippet/code-snippet.js +101 -0
- package/dist/collection/components/code-snippet/code-snippet.js.map +1 -0
- package/dist/collection/index.js +11 -0
- package/dist/collection/index.js.map +1 -0
- package/dist/collection/services/biel-service.js +33 -0
- package/dist/collection/services/biel-service.js.map +1 -0
- package/dist/collection/services/biel-websocket-service.js +64 -0
- package/dist/collection/services/biel-websocket-service.js.map +1 -0
- package/dist/collection/utils/utils.js +4 -0
- package/dist/collection/utils/utils.js.map +1 -0
- package/dist/components/biel-bot.d.ts +11 -0
- package/dist/components/biel-bot.js +8 -0
- package/dist/components/biel-bot.js.map +1 -0
- package/dist/components/biel-button.d.ts +11 -0
- package/dist/components/biel-button.js +152 -0
- package/dist/components/biel-button.js.map +1 -0
- package/dist/components/biel-chat.d.ts +11 -0
- package/dist/components/biel-chat.js +8 -0
- package/dist/components/biel-chat.js.map +1 -0
- package/dist/components/biel-header.d.ts +11 -0
- package/dist/components/biel-header.js +8 -0
- package/dist/components/biel-header.js.map +1 -0
- package/dist/components/biel-input.d.ts +11 -0
- package/dist/components/biel-input.js +8 -0
- package/dist/components/biel-input.js.map +1 -0
- package/dist/components/biel-message.d.ts +11 -0
- package/dist/components/biel-message.js +8 -0
- package/dist/components/biel-message.js.map +1 -0
- package/dist/components/biel-table.d.ts +11 -0
- package/dist/components/biel-table.js +8 -0
- package/dist/components/biel-table.js.map +1 -0
- package/dist/components/code-snippet.d.ts +11 -0
- package/dist/components/code-snippet.js +8 -0
- package/dist/components/code-snippet.js.map +1 -0
- package/dist/components/index.d.ts +33 -0
- package/dist/components/index.js +9 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/p-09743aa7.js +88 -0
- package/dist/components/p-09743aa7.js.map +1 -0
- package/dist/components/p-5a2466bd.js +59456 -0
- package/dist/components/p-5a2466bd.js.map +1 -0
- package/dist/components/p-7b8b1ac3.js +1098 -0
- package/dist/components/p-7b8b1ac3.js.map +1 -0
- package/dist/components/p-8e08748d.js +4158 -0
- package/dist/components/p-8e08748d.js.map +1 -0
- package/dist/components/p-b920c67f.js +239 -0
- package/dist/components/p-b920c67f.js.map +1 -0
- package/dist/components/p-c94c3bd6.js +59 -0
- package/dist/components/p-c94c3bd6.js.map +1 -0
- package/dist/components/p-f4016e6d.js +37 -0
- package/dist/components/p-f4016e6d.js.map +1 -0
- package/dist/components/p-fe8bcdeb.js +86 -0
- package/dist/components/p-fe8bcdeb.js.map +1 -0
- package/dist/esm/app-globals-0f993ce5.js +5 -0
- package/dist/esm/app-globals-0f993ce5.js.map +1 -0
- package/dist/esm/biel-bot_8.entry.js +63941 -0
- package/dist/esm/biel-bot_8.entry.js.map +1 -0
- package/dist/esm/biel-search.js +22 -0
- package/dist/esm/biel-search.js.map +1 -0
- package/dist/esm/index-6ad604ca.js +1252 -0
- package/dist/esm/index-6ad604ca.js.map +1 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/loader.js +13 -0
- package/dist/esm/loader.js.map +1 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.js +1 -0
- package/dist/types/components/biel-bot/biel-bot.d.ts +35 -0
- package/dist/types/components/biel-button/biel-button.d.ts +23 -0
- package/dist/types/components/biel-chat/biel-chat.d.ts +15 -0
- package/dist/types/components/biel-header/biel-header.d.ts +15 -0
- package/dist/types/components/biel-input/biel-input.d.ts +17 -0
- package/dist/types/components/biel-message/biel-message.d.ts +10 -0
- package/dist/types/components/biel-table/biel-table.d.ts +4 -0
- package/dist/types/components/code-snippet/code-snippet.d.ts +10 -0
- package/dist/types/components.d.ts +248 -0
- package/dist/types/index.d.ts +11 -0
- package/dist/types/services/biel-service.d.ts +11 -0
- package/dist/types/services/biel-websocket-service.d.ts +17 -0
- package/dist/types/stencil-public-runtime.d.ts +1674 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/loader/cdn.js +1 -0
- package/loader/index.cjs.js +1 -0
- package/loader/index.d.ts +24 -0
- package/loader/index.es2017.js +1 -0
- package/loader/index.js +2 -0
- package/loader/package.json +11 -0
- package/package.json +55 -0
- package/readme.md +22 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"biel-table.js","sourceRoot":"","sources":["../../../src/components/biel-table/biel-table.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,SAAS;;;;IAIpB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,GAAQ,CACpE,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biel-table',\n styleUrl: 'biel-table.css',\n shadow: true,\n})\nexport class BielTable {\n\n @Prop() tableData: string;\n\n render() {\n return (\n <div class=\"biel-table-container\" innerHTML={this.tableData}></div>\n );\n }\n}\n"]}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
.code-snippet {
|
|
2
|
+
border: 1px solid #303030;
|
|
3
|
+
border-radius: 6px;
|
|
4
|
+
margin: 10px 0;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.code-snippet__header {
|
|
8
|
+
display: flex;
|
|
9
|
+
justify-content: space-between;
|
|
10
|
+
align-items: center;
|
|
11
|
+
padding: 6px 8px;
|
|
12
|
+
background-color: var(--code-snippet-header-bg-color);
|
|
13
|
+
font-size: var(--code-snippet-font-size);
|
|
14
|
+
color: var(--code-snippet-header-text-color);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.copy-button {
|
|
18
|
+
background: none;
|
|
19
|
+
border: none;
|
|
20
|
+
color: var(--code-snippet-header-text-color);
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
font-size: var(--code-snippet-font-size);
|
|
23
|
+
display: flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.copy-button svg {
|
|
28
|
+
margin-right: 5px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.copy-button:focus {
|
|
32
|
+
outline: none;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.copy-button__container {
|
|
36
|
+
display: flex;
|
|
37
|
+
align-items: center;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.code-snippet__content {
|
|
41
|
+
padding: 10px;
|
|
42
|
+
background-color: var(--code-snippet-content-bg-color);
|
|
43
|
+
border-bottom-left-radius: 6px;
|
|
44
|
+
border-bottom-right-radius: 6px;
|
|
45
|
+
overflow-x: auto;
|
|
46
|
+
margin: 0;
|
|
47
|
+
font-family: var(--code-snippet-font-family);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.code-snippet__content::-webkit-scrollbar {
|
|
51
|
+
height: 8px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.code-snippet__content::-webkit-scrollbar-thumb:horizontal {
|
|
55
|
+
background-color: var(--biel-chat-scrollbar-color);
|
|
56
|
+
border-radius: 10px;
|
|
57
|
+
border: 3px solid transparent;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.code-snippet__content::-webkit-scrollbar-thumb:hover {
|
|
61
|
+
background-color: var(--biel-chat-scrollbar-hover-color);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/*!
|
|
65
|
+
Theme: GitHub Dark
|
|
66
|
+
Description: Dark theme as seen on github.com
|
|
67
|
+
Author: github.com
|
|
68
|
+
Maintainer: @Hirse
|
|
69
|
+
Updated: 2021-05-15
|
|
70
|
+
|
|
71
|
+
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
72
|
+
Current colors taken from GitHub's CSS
|
|
73
|
+
*/
|
|
74
|
+
|
|
75
|
+
.hljs {
|
|
76
|
+
color: #c9d1d9;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.hljs-doctag,
|
|
80
|
+
.hljs-keyword,
|
|
81
|
+
.hljs-meta .hljs-keyword,
|
|
82
|
+
.hljs-template-tag,
|
|
83
|
+
.hljs-template-variable,
|
|
84
|
+
.hljs-type,
|
|
85
|
+
.hljs-variable.language_ {
|
|
86
|
+
color: #ff7b72
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.hljs-title,
|
|
90
|
+
.hljs-title.class_,
|
|
91
|
+
.hljs-title.class_.inherited__,
|
|
92
|
+
.hljs-title.function_ {
|
|
93
|
+
color: #d2a8ff
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.hljs-attr,
|
|
97
|
+
.hljs-attribute,
|
|
98
|
+
.hljs-literal,
|
|
99
|
+
.hljs-meta,
|
|
100
|
+
.hljs-number,
|
|
101
|
+
.hljs-operator,
|
|
102
|
+
.hljs-variable,
|
|
103
|
+
.hljs-selector-attr,
|
|
104
|
+
.hljs-selector-class,
|
|
105
|
+
.hljs-selector-id {
|
|
106
|
+
color: #79c0ff
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.hljs-regexp,
|
|
110
|
+
.hljs-string,
|
|
111
|
+
.hljs-meta .hljs-string {
|
|
112
|
+
color: #a5d6ff
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.hljs-built_in,
|
|
116
|
+
.hljs-symbol {
|
|
117
|
+
color: #ffa657
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.hljs-comment,
|
|
121
|
+
.hljs-code,
|
|
122
|
+
.hljs-formula {
|
|
123
|
+
color: #8b949e
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.hljs-name,
|
|
127
|
+
.hljs-quote,
|
|
128
|
+
.hljs-selector-tag,
|
|
129
|
+
.hljs-selector-pseudo {
|
|
130
|
+
color: #7ee787
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.hljs-subst {
|
|
134
|
+
color: #c9d1d9
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
.hljs-section {
|
|
138
|
+
color: #1f6feb;
|
|
139
|
+
font-weight: bold
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.hljs-bullet {
|
|
143
|
+
color: #f2cc60
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.hljs-emphasis {
|
|
147
|
+
color: #c9d1d9;
|
|
148
|
+
font-style: italic
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.hljs-strong {
|
|
152
|
+
color: #c9d1d9;
|
|
153
|
+
font-weight: bold
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.hljs-addition {
|
|
157
|
+
color: #aff5b4;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.hljs-deletion {
|
|
161
|
+
color: #ffdcd7;
|
|
162
|
+
}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
|
+
import hljs from "highlight.js";
|
|
3
|
+
export class CodeSnippet {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.code = undefined;
|
|
6
|
+
this.copyButtonText = "Copy";
|
|
7
|
+
this.copiedButtonText = "Copied!";
|
|
8
|
+
this.copied = false;
|
|
9
|
+
}
|
|
10
|
+
componentDidLoad() {
|
|
11
|
+
this.el.shadowRoot.querySelectorAll('pre code').forEach((block) => {
|
|
12
|
+
hljs.highlightElement(block);
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
copyCode() {
|
|
16
|
+
navigator.clipboard.writeText(this.code);
|
|
17
|
+
this.copied = true;
|
|
18
|
+
setTimeout(() => {
|
|
19
|
+
this.copied = false;
|
|
20
|
+
}, 2000);
|
|
21
|
+
}
|
|
22
|
+
render() {
|
|
23
|
+
return (h("div", { key: '2b9c9b80c6cb4155ac2bc93e47c4b7c243ab05c5', class: "code-snippet" }, h("div", { key: 'f0f2a73288733f807b3d5234884d0b1426c2aba0', class: "code-snippet__header" }, h("span", { key: 'c0b1dd7cc1670cad3597aa358e8650acb99bf360' }, "Code"), h("button", { key: '2cbd0994aeb7d3fddfb709cc173109aa93723270', class: "copy-button", onClick: () => this.copyCode() }, this.copied ? (h("span", { class: "copy-button__container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-check" }, h("polyline", { points: "20 6 9 17 4 12" })), this.copiedButtonText)) : (h("span", { class: "copy-button__container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-copy" }, h("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), h("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })), this.copyButtonText)))), h("pre", { key: '5c10d568ca3df9bcf23adfe399e61a6821e1380f', class: "code-snippet__content" }, h("code", { key: '12afa0cd932328167246a6c7f8c103b02e488af3' }, this.code))));
|
|
24
|
+
}
|
|
25
|
+
static get is() { return "code-snippet"; }
|
|
26
|
+
static get encapsulation() { return "shadow"; }
|
|
27
|
+
static get originalStyleUrls() {
|
|
28
|
+
return {
|
|
29
|
+
"$": ["code-snippet.css"]
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
static get styleUrls() {
|
|
33
|
+
return {
|
|
34
|
+
"$": ["code-snippet.css"]
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
static get properties() {
|
|
38
|
+
return {
|
|
39
|
+
"code": {
|
|
40
|
+
"type": "string",
|
|
41
|
+
"mutable": false,
|
|
42
|
+
"complexType": {
|
|
43
|
+
"original": "string",
|
|
44
|
+
"resolved": "string",
|
|
45
|
+
"references": {}
|
|
46
|
+
},
|
|
47
|
+
"required": false,
|
|
48
|
+
"optional": false,
|
|
49
|
+
"docs": {
|
|
50
|
+
"tags": [],
|
|
51
|
+
"text": ""
|
|
52
|
+
},
|
|
53
|
+
"attribute": "code",
|
|
54
|
+
"reflect": false
|
|
55
|
+
},
|
|
56
|
+
"copyButtonText": {
|
|
57
|
+
"type": "string",
|
|
58
|
+
"mutable": false,
|
|
59
|
+
"complexType": {
|
|
60
|
+
"original": "string",
|
|
61
|
+
"resolved": "string",
|
|
62
|
+
"references": {}
|
|
63
|
+
},
|
|
64
|
+
"required": false,
|
|
65
|
+
"optional": false,
|
|
66
|
+
"docs": {
|
|
67
|
+
"tags": [],
|
|
68
|
+
"text": ""
|
|
69
|
+
},
|
|
70
|
+
"attribute": "copy-button-text",
|
|
71
|
+
"reflect": false,
|
|
72
|
+
"defaultValue": "\"Copy\""
|
|
73
|
+
},
|
|
74
|
+
"copiedButtonText": {
|
|
75
|
+
"type": "string",
|
|
76
|
+
"mutable": false,
|
|
77
|
+
"complexType": {
|
|
78
|
+
"original": "string",
|
|
79
|
+
"resolved": "string",
|
|
80
|
+
"references": {}
|
|
81
|
+
},
|
|
82
|
+
"required": false,
|
|
83
|
+
"optional": false,
|
|
84
|
+
"docs": {
|
|
85
|
+
"tags": [],
|
|
86
|
+
"text": ""
|
|
87
|
+
},
|
|
88
|
+
"attribute": "copied-button-text",
|
|
89
|
+
"reflect": false,
|
|
90
|
+
"defaultValue": "\"Copied!\""
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
static get states() {
|
|
95
|
+
return {
|
|
96
|
+
"copied": {}
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
static get elementRef() { return "el"; }
|
|
100
|
+
}
|
|
101
|
+
//# sourceMappingURL=code-snippet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"code-snippet.js","sourceRoot":"","sources":["../../../src/components/code-snippet/code-snippet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,IAAI,MAAM,cAAc,CAAC;AAOhC,MAAM,OAAO,WAAW;;;8BAEW,MAAM;gCACJ,SAAS;sBAEjB,KAAK;;IAIhC,gBAAgB;QACd,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAChE,IAAI,CAAC,gBAAgB,CAAC,KAAoB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ;QACN,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACxC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,cAAc;YACvB,4DAAK,KAAK,EAAC,sBAAsB;gBAC/B,sEAAiB;gBACjB,+DAAQ,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,IACvD,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,YAAM,KAAK,EAAC,wBAAwB;oBAClC,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,EAAC,KAAK,EAAC,uBAAuB;wBAAC,gBAAU,MAAM,EAAC,gBAAgB,GAAY,CAAM;oBACrQ,IAAI,CAAC,gBAAgB,CACjB,CACR,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,wBAAwB;oBAClC,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO,EAAC,KAAK,EAAC,sBAAsB;wBAAC,YAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,GAAQ;wBAAA,YAAM,CAAC,EAAC,yDAAyD,GAAQ,CAAM;oBAC9V,IAAI,CAAC,cAAc,CACf,CACR,CACM,CACL;YACN,4DAAK,KAAK,EAAC,uBAAuB;gBAChC,+DAAO,IAAI,CAAC,IAAI,CAAQ,CACpB,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Prop, State, h } from '@stencil/core';\nimport hljs from 'highlight.js';\n\n@Component({\n tag: 'code-snippet',\n styleUrl: 'code-snippet.css',\n shadow: true,\n})\nexport class CodeSnippet {\n @Prop() code: string;\n @Prop() copyButtonText: string = \"Copy\";\n @Prop() copiedButtonText: string = \"Copied!\";\n\n @State() copied: boolean = false;\n\n @Element() el: HTMLElement;\n\n componentDidLoad() {\n this.el.shadowRoot.querySelectorAll('pre code').forEach((block) => {\n hljs.highlightElement(block as HTMLElement);\n });\n }\n\n copyCode() {\n navigator.clipboard.writeText(this.code)\n this.copied = true;\n setTimeout(() => {\n this.copied = false;\n }, 2000);\n }\n\n render() {\n return (\n <div class=\"code-snippet\">\n <div class=\"code-snippet__header\">\n <span>Code</span>\n <button class=\"copy-button\" onClick={() => this.copyCode()}>\n {this.copied ? (\n <span class=\"copy-button__container\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-check\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>\n {this.copiedButtonText}\n </span>\n ) : (\n <span class=\"copy-button__container\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>\n {this.copyButtonText}\n </span>\n )}\n </button>\n </div>\n <pre class=\"code-snippet__content\">\n <code>{this.code}</code>\n </pre>\n </div>\n );\n }\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview entry point for your component library
|
|
3
|
+
*
|
|
4
|
+
* This is the entry point for your component library. Use this file to export utilities,
|
|
5
|
+
* constants or data structure that accompany your components.
|
|
6
|
+
*
|
|
7
|
+
* DO NOT use this file to export your components. Instead, use the recommended approaches
|
|
8
|
+
* to consume components of this package as outlined in the `README.md`.
|
|
9
|
+
*/
|
|
10
|
+
export { format } from './utils/utils';
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport { format } from './utils/utils';\nexport type * from './components.d.ts';\n"]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
const BASE_URL = "https://app.biel.ai/api/v1";
|
|
2
|
+
export class BielService {
|
|
3
|
+
constructor(project, errorMessage404, errorMessage403, errorMessageDefault) {
|
|
4
|
+
this.project = project;
|
|
5
|
+
this.errorMessage404 = errorMessage404;
|
|
6
|
+
this.errorMessage403 = errorMessage403;
|
|
7
|
+
this.errorMessageDefault = errorMessageDefault;
|
|
8
|
+
}
|
|
9
|
+
async getProjectDetails() {
|
|
10
|
+
try {
|
|
11
|
+
const response = await fetch(`${BASE_URL}/projects/${this.project}`);
|
|
12
|
+
if (response.status === 404) {
|
|
13
|
+
return this.errorMessage404;
|
|
14
|
+
}
|
|
15
|
+
if (response.status === 403) {
|
|
16
|
+
return this.errorMessage403;
|
|
17
|
+
}
|
|
18
|
+
if (!response.ok) {
|
|
19
|
+
return this.errorMessageDefault;
|
|
20
|
+
}
|
|
21
|
+
const data = await response.json();
|
|
22
|
+
return {
|
|
23
|
+
whitelabel: data.whitelabel,
|
|
24
|
+
initialMessage: data.initial_message
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
catch (error) {
|
|
28
|
+
console.error('Error fetching project details:', error);
|
|
29
|
+
return this.errorMessageDefault;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=biel-service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"biel-service.js","sourceRoot":"","sources":["../../src/services/biel-service.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,4BAA4B,CAAC;AAE9C,MAAM,OAAO,WAAW;IAMtB,YAAY,OAAe,EAAE,eAAuB,EAAE,eAAuB,EAAE,mBAA2B;QACtG,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IACnD,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,QAAQ,aAAa,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;YAErE,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC9B,CAAC;YAED,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gBAC5B,OAAO,IAAI,CAAC,eAAe,CAAC;YAC9B,CAAC;YAED,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,IAAI,CAAC,mBAAmB,CAAC;YAClC,CAAC;YAED,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,OAAO;gBACL,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,cAAc,EAAE,IAAI,CAAC,eAAe;aACrC,CAAC;QACJ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,iCAAiC,EAAE,KAAK,CAAC,CAAC;YACxD,OAAO,IAAI,CAAC,mBAAmB,CAAC;QAClC,CAAC;IACH,CAAC;CACF","sourcesContent":["const BASE_URL = \"https://app.biel.ai/api/v1\";\n\nexport class BielService {\n private project: string;\n private errorMessage404: string;\n private errorMessage403: string;\n private errorMessageDefault: string;\n\n constructor(project: string, errorMessage404: string, errorMessage403: string, errorMessageDefault: string) {\n this.project = project;\n this.errorMessage404 = errorMessage404;\n this.errorMessage403 = errorMessage403;\n this.errorMessageDefault = errorMessageDefault;\n }\n\n async getProjectDetails(): Promise<{ whitelabel: boolean, initialMessage: string } | string> {\n try {\n const response = await fetch(`${BASE_URL}/projects/${this.project}`);\n\n if (response.status === 404) {\n return this.errorMessage404;\n }\n\n if (response.status === 403) {\n return this.errorMessage403;\n }\n\n if (!response.ok) {\n return this.errorMessageDefault;\n }\n\n const data = await response.json();\n return {\n whitelabel: data.whitelabel,\n initialMessage: data.initial_message\n };\n } catch (error) {\n console.error('Error fetching project details:', error);\n return this.errorMessageDefault;\n }\n }\n}\n"]}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
const WS_URL = 'ws://app.biel.ai/ws/messages';
|
|
2
|
+
export class BielWebSocketService {
|
|
3
|
+
constructor(projectId, errorMessage) {
|
|
4
|
+
this.messageHandlers = [];
|
|
5
|
+
this.isConnected = false;
|
|
6
|
+
this.chatId = '';
|
|
7
|
+
this.projectId = projectId;
|
|
8
|
+
this.errorMessage = errorMessage;
|
|
9
|
+
this.connect();
|
|
10
|
+
}
|
|
11
|
+
connect() {
|
|
12
|
+
this.ws = new WebSocket(`${WS_URL}/${this.projectId}/`);
|
|
13
|
+
this.ws.onopen = () => {
|
|
14
|
+
this.isConnected = true;
|
|
15
|
+
};
|
|
16
|
+
this.ws.onmessage = (event) => {
|
|
17
|
+
const message = JSON.parse(event.data);
|
|
18
|
+
if (!this.chatId && message.chatId) {
|
|
19
|
+
this.chatId = message.chatId;
|
|
20
|
+
}
|
|
21
|
+
if (message.from) {
|
|
22
|
+
this.loadingEndHandler();
|
|
23
|
+
this.messageHandlers.forEach(handler => handler(message));
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
this.ws.onclose = () => {
|
|
27
|
+
this.isConnected = false;
|
|
28
|
+
};
|
|
29
|
+
this.ws.onerror = (error) => {
|
|
30
|
+
console.error('WebSocket error:', error);
|
|
31
|
+
this.isConnected = false;
|
|
32
|
+
this.loadingEndHandler();
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
sendMessage(message) {
|
|
36
|
+
const payload = {
|
|
37
|
+
projectId: this.projectId,
|
|
38
|
+
chatId: this.chatId,
|
|
39
|
+
url: window.location.href,
|
|
40
|
+
from: 'user',
|
|
41
|
+
message: message,
|
|
42
|
+
};
|
|
43
|
+
if (this.isConnected) {
|
|
44
|
+
this.ws.send(JSON.stringify(payload));
|
|
45
|
+
this.loadingStartHandler();
|
|
46
|
+
}
|
|
47
|
+
else {
|
|
48
|
+
this.messageHandlers.forEach(handler => handler({ message: this.errorMessage, from: 'ai' }));
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
closeSocket() {
|
|
52
|
+
this.ws.close();
|
|
53
|
+
}
|
|
54
|
+
onMessage(handler) {
|
|
55
|
+
this.messageHandlers.push(handler);
|
|
56
|
+
}
|
|
57
|
+
onLoadingStart(handler) {
|
|
58
|
+
this.loadingStartHandler = handler;
|
|
59
|
+
}
|
|
60
|
+
onLoadingEnd(handler) {
|
|
61
|
+
this.loadingEndHandler = handler;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=biel-websocket-service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"biel-websocket-service.js","sourceRoot":"","sources":["../../src/services/biel-websocket-service.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,8BAA8B,CAAC;AAE9C,MAAM,OAAO,oBAAoB;IAU/B,YAAY,SAAiB,EAAE,YAAoB;QAR3C,oBAAe,GAA+B,EAAE,CAAC;QACjD,gBAAW,GAAY,KAAK,CAAC;QAE7B,WAAM,GAAW,EAAE,CAAC;QAM1B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,EAAE,GAAG,IAAI,SAAS,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;QAExD,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;gBACnC,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAC/B,CAAC;YACD,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;gBACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACzB,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC,CAAC;QAEF,IAAI,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;YAC1B,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC;YACzC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC;IAEM,WAAW,CAAC,OAAe;QAChC,MAAM,OAAO,GAAG;YACd,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;YACzB,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,OAAO;SACjB,CAAC;QACF,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC/F,CAAC;IACH,CAAC;IAEM,WAAW;QAChB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC;IAEM,SAAS,CAAC,OAA+B;QAC9C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAEM,cAAc,CAAC,OAAmB;QACvC,IAAI,CAAC,mBAAmB,GAAG,OAAO,CAAC;IACrC,CAAC;IAEM,YAAY,CAAC,OAAmB;QACrC,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC;IACnC,CAAC;CACF","sourcesContent":["const WS_URL = 'ws://app.biel.ai/ws/messages';\n\nexport class BielWebSocketService {\n private ws: WebSocket;\n private messageHandlers: ((message: any) => void)[] = [];\n private isConnected: boolean = false;\n private projectId: string;\n private chatId: string = '';\n private errorMessage: string;\n private loadingStartHandler: () => void;\n private loadingEndHandler: () => void;\n\n constructor(projectId: string, errorMessage: string) {\n this.projectId = projectId;\n this.errorMessage = errorMessage;\n this.connect();\n }\n\n private connect(): void {\n this.ws = new WebSocket(`${WS_URL}/${this.projectId}/`);\n\n this.ws.onopen = () => {\n this.isConnected = true;\n };\n\n this.ws.onmessage = (event) => {\n const message = JSON.parse(event.data);\n if (!this.chatId && message.chatId) {\n this.chatId = message.chatId;\n }\n if (message.from) {\n this.loadingEndHandler();\n this.messageHandlers.forEach(handler => handler(message));\n }\n };\n\n this.ws.onclose = () => {\n this.isConnected = false;\n };\n\n this.ws.onerror = (error) => {\n console.error('WebSocket error:', error);\n this.isConnected = false;\n this.loadingEndHandler();\n };\n }\n\n public sendMessage(message: string): void {\n const payload = {\n projectId: this.projectId,\n chatId: this.chatId,\n url: window.location.href,\n from: 'user',\n message: message,\n };\n if (this.isConnected) {\n this.ws.send(JSON.stringify(payload));\n this.loadingStartHandler();\n } else {\n this.messageHandlers.forEach(handler => handler({ message: this.errorMessage, from: 'ai' }));\n }\n }\n\n public closeSocket(): void {\n this.ws.close();\n }\n\n public onMessage(handler: (message: any) => void): void {\n this.messageHandlers.push(handler);\n }\n\n public onLoadingStart(handler: () => void): void {\n this.loadingStartHandler = handler;\n }\n\n public onLoadingEnd(handler: () => void): void {\n this.loadingEndHandler = handler;\n }\n}\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,MAAc,EAAE,IAAY;IAChE,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AACjF,CAAC","sourcesContent":["export function format(first: string, middle: string, last: string): string {\n return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BielBot extends Components.BielBot, HTMLElement {}
|
|
4
|
+
export const BielBot: {
|
|
5
|
+
prototype: BielBot;
|
|
6
|
+
new (): BielBot;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"biel-bot.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BielButton extends Components.BielButton, HTMLElement {}
|
|
4
|
+
export const BielButton: {
|
|
5
|
+
prototype: BielButton;
|
|
6
|
+
new (): BielButton;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h, d as Host } from './p-7b8b1ac3.js';
|
|
2
|
+
import { d as defineCustomElement$8 } from './p-b920c67f.js';
|
|
3
|
+
import { d as defineCustomElement$7 } from './p-fe8bcdeb.js';
|
|
4
|
+
import { d as defineCustomElement$6 } from './p-c94c3bd6.js';
|
|
5
|
+
import { d as defineCustomElement$5 } from './p-09743aa7.js';
|
|
6
|
+
import { d as defineCustomElement$4 } from './p-8e08748d.js';
|
|
7
|
+
import { d as defineCustomElement$3 } from './p-f4016e6d.js';
|
|
8
|
+
import { d as defineCustomElement$2 } from './p-5a2466bd.js';
|
|
9
|
+
|
|
10
|
+
const bielButtonCss = ".biel-button-content{cursor:pointer;max-width:fit-content;z-index:var(-biel-button-z-index)}.biel-button-content--light{align-items:center;background-color:var(--biel-button-light-bg-color);border-radius:var(--biel-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--biel-button-light-text-color);display:flex;font-family:var(--feedback-font-family);font-size:var(--biel-button-text-font-size);font-weight:var(--biel-button-text-font-weight);padding:8px 15px}.biel-button-content--dark{align-items:center;background-color:var(--biel-button-dark-bg-color);border-radius:var(--biel-button-border-radius);box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-sizing:border-box;color:var(--biel-button-dark-text-color);display:flex;font-family:var(--feedback-font-family);font-weight:var(--biel-button-text-font-weight);font-size:var(--biel-button-text-font-size);padding:8px 15px}.biel-button-content--bottom-right{bottom:10px;position:fixed;right:10px}.biel-button-content--center-right{position:fixed;transform:rotate(-90deg) translateY(-50%);top:50%}.biel-button-content--center-right.biel-button-content--dark,.biel-button-content--center-right.biel-button-content--light{border-radius:4px;border-bottom-left-radius:0px;border-bottom-right-radius:0px}.biel-button-content-icon{height:16px;margin-right:5px;width:16px}.biel-button-content--center-right .biel-button-content-icon{rotate:90deg}";
|
|
11
|
+
const BielButtonStyle0 = bielButtonCss;
|
|
12
|
+
|
|
13
|
+
const BielButton$1 = /*@__PURE__*/ proxyCustomElement(class BielButton extends H {
|
|
14
|
+
constructor() {
|
|
15
|
+
super();
|
|
16
|
+
this.__registerHost();
|
|
17
|
+
this.__attachShadow();
|
|
18
|
+
this.customFont = false;
|
|
19
|
+
this.project = '';
|
|
20
|
+
this.buttonStyle = 'default';
|
|
21
|
+
this.buttonPosition = 'default';
|
|
22
|
+
this.modalPosition = 'center';
|
|
23
|
+
this.hideIcon = false;
|
|
24
|
+
this.hideExpandButton = false;
|
|
25
|
+
this.expandModal = false;
|
|
26
|
+
this.errorMessage404 = "Oops! We could not find the provided project ID.";
|
|
27
|
+
this.errorMessage403 = "Oops! The request URL does not match the one defined for this project.";
|
|
28
|
+
this.errorMessageDefault = "Oops! Please try again later.";
|
|
29
|
+
this.footerText = "This AI is experimental. Always verify the answers before using them.";
|
|
30
|
+
}
|
|
31
|
+
connectedCallback() {
|
|
32
|
+
this.bielBot = document.createElement('biel-bot');
|
|
33
|
+
const props = [
|
|
34
|
+
'modalPosition',
|
|
35
|
+
'customFont',
|
|
36
|
+
'project',
|
|
37
|
+
'hideExpandButton',
|
|
38
|
+
'expandModal',
|
|
39
|
+
'errorMessage404',
|
|
40
|
+
'errorMessage403',
|
|
41
|
+
'errorMessageDefault',
|
|
42
|
+
'footerText',
|
|
43
|
+
];
|
|
44
|
+
props.forEach(prop => {
|
|
45
|
+
this.bielBot[prop] = this[prop];
|
|
46
|
+
});
|
|
47
|
+
document.body.appendChild(this.bielBot);
|
|
48
|
+
}
|
|
49
|
+
disconnectedCallback() {
|
|
50
|
+
document.body.removeChild(this.bielBot);
|
|
51
|
+
}
|
|
52
|
+
isSafariBrowser() {
|
|
53
|
+
const isSafari = /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent);
|
|
54
|
+
return isSafari;
|
|
55
|
+
}
|
|
56
|
+
componentDidLoad() {
|
|
57
|
+
if (this.buttonPosition === 'center-right') {
|
|
58
|
+
const buttonContent = this.el.shadowRoot.querySelector('.biel-button-content');
|
|
59
|
+
let adjustment = 0;
|
|
60
|
+
if (this.isSafariBrowser()) {
|
|
61
|
+
adjustment = 10;
|
|
62
|
+
}
|
|
63
|
+
buttonContent.style.right = `${(buttonContent.offsetWidth + adjustment) / 2 * -1}px`;
|
|
64
|
+
}
|
|
65
|
+
if (!this.customFont) {
|
|
66
|
+
this.loadInterFont();
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
loadInterFont() {
|
|
70
|
+
const link = document.createElement('link');
|
|
71
|
+
link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';
|
|
72
|
+
link.rel = 'stylesheet';
|
|
73
|
+
document.head.appendChild(link);
|
|
74
|
+
}
|
|
75
|
+
showModal() {
|
|
76
|
+
this.bielBot.showModal = true;
|
|
77
|
+
}
|
|
78
|
+
render() {
|
|
79
|
+
return (h(Host, { key: 'fefafe4081c2545a927f0dc153e516105376faf1' }, h("a", { key: 'ccf704b7d06b0a3a67c8c4d172b1a6eff24515c4', class: `biel-button-content biel-button-content--${this.buttonStyle} biel-button-content--${this.buttonPosition}`, onClick: () => this.showModal() }, !this.hideIcon && this.buttonStyle === 'dark' && (h("span", { key: '26f7e3ea098c8ba800c97d80aeaa984b7a7f7c46', class: "biel-button-content-icon" }, h("svg", { key: '9d9a30872f17b34432c26f422021712abce413bd', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-edit-3" }, h("path", { key: '8ba714fb2be9051b44be5d1488db23f5031152fc', d: "M12 20h9" }), h("path", { key: '54c3fb22298ae18acd5ba9d322e9ac783dc997a8', d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })))), !this.hideIcon && this.buttonStyle === 'light' && (h("span", { key: '8a6b0039b86c4694c61cb0106e665dbcb4970b7d', class: "biel-button-content-icon" }, h("svg", { key: 'f343877b86e6c68b20b1372d6c5e3a992f8153ac', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#0070F4", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "feather feather-edit-3" }, h("path", { key: '3928d5d90384fee101d555191604455fd11e08da', d: "M12 20h9" }), h("path", { key: 'b33b4b21494843c23528082329a09b798623d5fb', d: "M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" })))), h("slot", { key: '47b3047e7de5e47a6d337649c24bd9a3b71ed23b' }))));
|
|
80
|
+
}
|
|
81
|
+
get el() { return this; }
|
|
82
|
+
static get style() { return BielButtonStyle0; }
|
|
83
|
+
}, [1, "biel-button", {
|
|
84
|
+
"customFont": [4, "custom-font"],
|
|
85
|
+
"project": [1],
|
|
86
|
+
"buttonStyle": [1, "button-style"],
|
|
87
|
+
"buttonPosition": [1, "button-position"],
|
|
88
|
+
"modalPosition": [1, "modal-position"],
|
|
89
|
+
"hideIcon": [4, "hide-icon"],
|
|
90
|
+
"hideExpandButton": [4, "hide-expand-button"],
|
|
91
|
+
"expandModal": [4, "expand-modal"],
|
|
92
|
+
"errorMessage404": [1, "error-message-4-0-4"],
|
|
93
|
+
"errorMessage403": [1, "error-message-4-0-3"],
|
|
94
|
+
"errorMessageDefault": [1, "error-message-default"],
|
|
95
|
+
"footerText": [1, "footer-text"]
|
|
96
|
+
}]);
|
|
97
|
+
function defineCustomElement$1() {
|
|
98
|
+
if (typeof customElements === "undefined") {
|
|
99
|
+
return;
|
|
100
|
+
}
|
|
101
|
+
const components = ["biel-button", "biel-bot", "biel-chat", "biel-header", "biel-input", "biel-message", "biel-table", "code-snippet"];
|
|
102
|
+
components.forEach(tagName => { switch (tagName) {
|
|
103
|
+
case "biel-button":
|
|
104
|
+
if (!customElements.get(tagName)) {
|
|
105
|
+
customElements.define(tagName, BielButton$1);
|
|
106
|
+
}
|
|
107
|
+
break;
|
|
108
|
+
case "biel-bot":
|
|
109
|
+
if (!customElements.get(tagName)) {
|
|
110
|
+
defineCustomElement$8();
|
|
111
|
+
}
|
|
112
|
+
break;
|
|
113
|
+
case "biel-chat":
|
|
114
|
+
if (!customElements.get(tagName)) {
|
|
115
|
+
defineCustomElement$7();
|
|
116
|
+
}
|
|
117
|
+
break;
|
|
118
|
+
case "biel-header":
|
|
119
|
+
if (!customElements.get(tagName)) {
|
|
120
|
+
defineCustomElement$6();
|
|
121
|
+
}
|
|
122
|
+
break;
|
|
123
|
+
case "biel-input":
|
|
124
|
+
if (!customElements.get(tagName)) {
|
|
125
|
+
defineCustomElement$5();
|
|
126
|
+
}
|
|
127
|
+
break;
|
|
128
|
+
case "biel-message":
|
|
129
|
+
if (!customElements.get(tagName)) {
|
|
130
|
+
defineCustomElement$4();
|
|
131
|
+
}
|
|
132
|
+
break;
|
|
133
|
+
case "biel-table":
|
|
134
|
+
if (!customElements.get(tagName)) {
|
|
135
|
+
defineCustomElement$3();
|
|
136
|
+
}
|
|
137
|
+
break;
|
|
138
|
+
case "code-snippet":
|
|
139
|
+
if (!customElements.get(tagName)) {
|
|
140
|
+
defineCustomElement$2();
|
|
141
|
+
}
|
|
142
|
+
break;
|
|
143
|
+
} });
|
|
144
|
+
}
|
|
145
|
+
defineCustomElement$1();
|
|
146
|
+
|
|
147
|
+
const BielButton = BielButton$1;
|
|
148
|
+
const defineCustomElement = defineCustomElement$1;
|
|
149
|
+
|
|
150
|
+
export { BielButton, defineCustomElement };
|
|
151
|
+
|
|
152
|
+
//# sourceMappingURL=biel-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"biel-button.js","mappings":"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","names":["BielButton"],"sources":["src/components/biel-button/biel-button.css?tag=biel-button&encapsulation=shadow","src/components/biel-button/biel-button.tsx"],"sourcesContent":[".biel-button-content {\n cursor: pointer;\n max-width: fit-content;\n z-index: var(-biel-button-z-index);\n}\n\n.biel-button-content--light{\n align-items: center;\n background-color: var(--biel-button-light-bg-color);\n border-radius: var(--biel-button-border-radius);\n box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n box-sizing: border-box;\n color: var(--biel-button-light-text-color);\n display: flex;\n font-family: var(--feedback-font-family);\n font-size: var(--biel-button-text-font-size);\n font-weight: var(--biel-button-text-font-weight);\n padding: 8px 15px;\n}\n\n.biel-button-content--dark{\n align-items: center;\n background-color: var(--biel-button-dark-bg-color);\n border-radius: var(--biel-button-border-radius);\n box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\n box-sizing: border-box;\n color: var(--biel-button-dark-text-color);\n display: flex;\n font-family: var(--feedback-font-family);\n font-weight: var(--biel-button-text-font-weight);\n font-size: var(--biel-button-text-font-size);\n padding: 8px 15px;\n}\n\n.biel-button-content--bottom-right{\n bottom: 10px;\n position: fixed;\n right: 10px;\n}\n\n.biel-button-content--center-right{\n position: fixed;\n transform: rotate(-90deg) translateY(-50%);\n top: 50%;\n}\n\n.biel-button-content--center-right.biel-button-content--dark,\n.biel-button-content--center-right.biel-button-content--light {\n border-radius: 4px;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0px;\n}\n\n\n.biel-button-content-icon {\n height: 16px;\n margin-right: 5px;\n width: 16px;\n}\n\n.biel-button-content--center-right .biel-button-content-icon {\n rotate: 90deg;\n}","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biel-button',\n styleUrl: 'biel-button.css',\n shadow: true,\n})\nexport class BielButton {\n\n bielBot: any;\n @Element() el: HTMLElement;\n @Prop() customFont: boolean = false;\n @Prop() project: string = '';\n @Prop() buttonStyle: string = 'default';\n @Prop() buttonPosition: string = 'default';\n @Prop() modalPosition: string = 'center';\n @Prop() hideIcon: boolean = false;\n @Prop() hideExpandButton: boolean = false;\n @Prop() expandModal: boolean = false;\n @Prop() errorMessage404: string = \"Oops! We could not find the provided project ID.\";\n @Prop() errorMessage403: string = \"Oops! The request URL does not match the one defined for this project.\";\n @Prop() errorMessageDefault: string = \"Oops! Please try again later.\";\n @Prop() footerText: string = \"This AI is experimental. Always verify the answers before using them.\";\n\n connectedCallback() {\n this.bielBot = document.createElement('biel-bot');\n const props = [\n 'modalPosition',\n 'customFont',\n 'project',\n 'hideExpandButton',\n 'expandModal',\n 'errorMessage404',\n 'errorMessage403',\n 'errorMessageDefault',\n 'footerText',\n ];\n\n props.forEach(prop => {\n this.bielBot[prop] = this[prop];\n });\n\n document.body.appendChild(this.bielBot);\n }\n\n disconnectedCallback() {\n document.body.removeChild(this.bielBot);\n }\n\n isSafariBrowser() {\n const isSafari = /safari/i.test(navigator.userAgent) && !/chrome/i.test(navigator.userAgent);\n return isSafari;\n }\n\n componentDidLoad() {\n if (this.buttonPosition === 'center-right') {\n const buttonContent = this.el.shadowRoot.querySelector('.biel-button-content') as HTMLElement;\n let adjustment = 0;\n if (this.isSafariBrowser()) {\n adjustment = 10;\n }\n buttonContent.style.right = `${(buttonContent.offsetWidth + adjustment) / 2 * -1}px`;\n }\n if (!this.customFont) {\n this.loadInterFont();\n }\n }\n\n loadInterFont() {\n const link = document.createElement('link');\n link.href = 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap';\n link.rel = 'stylesheet';\n document.head.appendChild(link);\n }\n\n showModal() {\n this.bielBot.showModal = true;\n }\n\n render() {\n return (\n <Host>\n <a class={`biel-button-content biel-button-content--${this.buttonStyle} biel-button-content--${this.buttonPosition}`} onClick={() => this.showModal()}>\n {!this.hideIcon && this.buttonStyle === 'dark' && (\n <span class=\"biel-button-content-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>\n </span>\n )}\n {!this.hideIcon && this.buttonStyle === 'light' && (\n <span class=\"biel-button-content-icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0070F4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>\n </span>\n )}\n <slot />\n </a>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface BielChat extends Components.BielChat, HTMLElement {}
|
|
4
|
+
export const BielChat: {
|
|
5
|
+
prototype: BielChat;
|
|
6
|
+
new (): BielChat;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|