@everymatrix/player-account-gaming-limits-wrapper-2 0.0.367 → 0.0.369
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/README.md +30 -30
- package/dist/player-account-gaming-limits-wrapper-2.js +89 -84
- package/dist/player-account-gaming-limits-wrapper-2.js.map +1 -1
- package/documentation.md +61 -61
- package/index.html +44 -52
- package/index.js +1 -1
- package/package.json +2 -2
- package/public/reset.css +47 -47
- package/rollup.config.js +59 -59
- package/src/PlayerAccountGamingLimitsWrapper_2.svelte +168 -160
- package/src/index.ts +4 -4
- package/stories/PlayerAccountGamingLimitsWrapper_2.stories.js +13 -13
- package/tsconfig.json +6 -6
package/documentation.md
CHANGED
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
# Installation
|
|
2
|
-
|
|
3
|
-
## Installing via NPM
|
|
4
|
-
|
|
5
|
-
Installing the gaming limits wrapper widget via NPM is the recommended way of adding it to your project, if you want to use it in a bundle. Since the widgets are versioned, you can load a specific version - or the latest version - based on your needs, from the `package.json file`, simply by adding it as a dependency and then installing the packages by running `npm install`:
|
|
6
|
-
```json
|
|
7
|
-
"dependencies": {
|
|
8
|
-
"@everymatrix/player-account-gaming-limits-wrapper-2": "^0.0.xxx"
|
|
9
|
-
},
|
|
10
|
-
```
|
|
11
|
-
### Displaying the widget
|
|
12
|
-
|
|
13
|
-
After the widget is imported inside your project either the NPM way or via CND, in order to display the widget you simply need to place the `<player-account-gaming-limits-wrapper-2></player-account-gaming-limits-wrapper-2>` tag (along with the appropriate attributes) on the page or in the specific container you would like to have it displayed. Please see the example below:
|
|
14
|
-
|
|
15
|
-
*note that the values below are hardcoded for the purposes of clarifying what type of data we expect*
|
|
16
|
-
```html
|
|
17
|
-
<player-account-gaming-limits-wrapper-2
|
|
18
|
-
userid="4227961"
|
|
19
|
-
session="07df389b-eaf9-4981-9694-375c391e70ad"
|
|
20
|
-
endpoint="https://betathome-com-stage-api.stage.norway.everymatrix.com"
|
|
21
|
-
currency = 'EUR'
|
|
22
|
-
lang="en"
|
|
23
|
-
|
|
24
|
-
includedlimits = "deposit, wager loss, wager loss deposit"
|
|
25
|
-
tablabels = 'Deposit, Wager, All'
|
|
26
|
-
historyenabled = "true"
|
|
27
|
-
|
|
28
|
-
clientstyling = ''
|
|
29
|
-
clientstylingurl = ''
|
|
30
|
-
>
|
|
31
|
-
</player-account-gaming-limits-wrapper-2>
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
## Parameters of the widget
|
|
35
|
-
___
|
|
36
|
-
| parameter | mandatory | description |
|
|
37
|
-
|---|:---:|---|
|
|
38
|
-
| userid | yes | id of the logged in user |
|
|
39
|
-
| session | yes | session id |
|
|
40
|
-
| endpoint | yes | gm core endpoint |
|
|
41
|
-
| currency | yes | user currency (ex. "EUR") |
|
|
42
|
-
| lang | yes | language code (ex. "en") |
|
|
43
|
-
| includedlimits | yes | Which limits to include in how many tabs. A string with limit codes. Separating limit codes by spaces yields a single page with multiple limits. Separating them by commas yields multiple pages with their respective limits. These can be combined to customize which limits exist on which pages. Valid limit codes: "deposit", "loss", "wager". Example of valid string: "deposit, wager loss, wager loss deposit". This will yield three pages (selectable through tabs). The first page will render a single deposit limit. The second page will render the wager limit and the loss limit. The third page will render all three. If you don't include commas, there will be a single page, and no tabs will be rendered. You can create any number of tabs, but more than 4 generally looks bad on mobile.|
|
|
44
|
-
| tablabels | no | A string with labels separated by commas for the rendered tabs in order to give a different name to each tab. These should be translated during *integration for each language supported by the operator*|
|
|
45
|
-
| historyenabled | no | "true" to enable limit history |
|
|
46
|
-
| clientstyling | no | inline styling string. Ex.:".class{property: value}" |
|
|
47
|
-
| clientstylingurl | no | external css file. Ex.: "/media/examples/link-element-example.css" |
|
|
48
|
-
|
|
49
|
-
## Widget Events
|
|
50
|
-
___
|
|
51
|
-
The widget can send Javascript events to the template website through postMessage(). This one doesn't.
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
1
|
+
# Installation
|
|
2
|
+
|
|
3
|
+
## Installing via NPM
|
|
4
|
+
|
|
5
|
+
Installing the gaming limits wrapper widget via NPM is the recommended way of adding it to your project, if you want to use it in a bundle. Since the widgets are versioned, you can load a specific version - or the latest version - based on your needs, from the `package.json file`, simply by adding it as a dependency and then installing the packages by running `npm install`:
|
|
6
|
+
```json
|
|
7
|
+
"dependencies": {
|
|
8
|
+
"@everymatrix/player-account-gaming-limits-wrapper-2": "^0.0.xxx"
|
|
9
|
+
},
|
|
10
|
+
```
|
|
11
|
+
### Displaying the widget
|
|
12
|
+
|
|
13
|
+
After the widget is imported inside your project either the NPM way or via CND, in order to display the widget you simply need to place the `<player-account-gaming-limits-wrapper-2></player-account-gaming-limits-wrapper-2>` tag (along with the appropriate attributes) on the page or in the specific container you would like to have it displayed. Please see the example below:
|
|
14
|
+
|
|
15
|
+
*note that the values below are hardcoded for the purposes of clarifying what type of data we expect*
|
|
16
|
+
```html
|
|
17
|
+
<player-account-gaming-limits-wrapper-2
|
|
18
|
+
userid="4227961"
|
|
19
|
+
session="07df389b-eaf9-4981-9694-375c391e70ad"
|
|
20
|
+
endpoint="https://betathome-com-stage-api.stage.norway.everymatrix.com"
|
|
21
|
+
currency = 'EUR'
|
|
22
|
+
lang="en"
|
|
23
|
+
|
|
24
|
+
includedlimits = "deposit, wager loss, wager loss deposit"
|
|
25
|
+
tablabels = 'Deposit, Wager, All'
|
|
26
|
+
historyenabled = "true"
|
|
27
|
+
|
|
28
|
+
clientstyling = ''
|
|
29
|
+
clientstylingurl = ''
|
|
30
|
+
>
|
|
31
|
+
</player-account-gaming-limits-wrapper-2>
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Parameters of the widget
|
|
35
|
+
___
|
|
36
|
+
| parameter | mandatory | description |
|
|
37
|
+
|---|:---:|---|
|
|
38
|
+
| userid | yes | id of the logged in user |
|
|
39
|
+
| session | yes | session id |
|
|
40
|
+
| endpoint | yes | gm core endpoint |
|
|
41
|
+
| currency | yes | user currency (ex. "EUR") |
|
|
42
|
+
| lang | yes | language code (ex. "en") |
|
|
43
|
+
| includedlimits | yes | Which limits to include in how many tabs. A string with limit codes. Separating limit codes by spaces yields a single page with multiple limits. Separating them by commas yields multiple pages with their respective limits. These can be combined to customize which limits exist on which pages. Valid limit codes: "deposit", "loss", "wager". Example of valid string: "deposit, wager loss, wager loss deposit". This will yield three pages (selectable through tabs). The first page will render a single deposit limit. The second page will render the wager limit and the loss limit. The third page will render all three. If you don't include commas, there will be a single page, and no tabs will be rendered. You can create any number of tabs, but more than 4 generally looks bad on mobile.|
|
|
44
|
+
| tablabels | no | A string with labels separated by commas for the rendered tabs in order to give a different name to each tab. These should be translated during *integration for each language supported by the operator*|
|
|
45
|
+
| historyenabled | no | "true" to enable limit history |
|
|
46
|
+
| clientstyling | no | inline styling string. Ex.:".class{property: value}" |
|
|
47
|
+
| clientstylingurl | no | external css file. Ex.: "/media/examples/link-element-example.css" |
|
|
48
|
+
|
|
49
|
+
## Widget Events
|
|
50
|
+
___
|
|
51
|
+
The widget can send Javascript events to the template website through postMessage(). This one doesn't.
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
package/index.html
CHANGED
|
@@ -1,52 +1,44 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset='utf-8'>
|
|
5
|
-
<meta name='viewport' content='width=device-width,initial-scale=1'>
|
|
6
|
-
|
|
7
|
-
<title>
|
|
8
|
-
player-account-gaming-limits-wrapper-2
|
|
9
|
-
</title>
|
|
10
|
-
<link rel="stylesheet" href="public/reset.css">
|
|
11
|
-
<script src='dist/player-account-gaming-limits-wrapper-2.js'></script>
|
|
12
|
-
</head>
|
|
13
|
-
|
|
14
|
-
<body>
|
|
15
|
-
<style>
|
|
16
|
-
html,body { margin: 0; padding: 0; height: 100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; }
|
|
17
|
-
.header { display: flex; justify-content: center; align-items: center; padding: 10px 20px; margin-bottom: 20px; background: #42a3e2; box-shadow: 3px 4px 5px 0px rgba(0,0,0, .2); }
|
|
18
|
-
.header__logo svg { height: 50px; width: 50px; margin-right: 5px; }
|
|
19
|
-
.header__name { color: #fff; }
|
|
20
|
-
.header__name span { margin-right: 10px; font-weight: bold; }
|
|
21
|
-
.webcomponent { padding: 10px 20px; }
|
|
22
|
-
</style>
|
|
23
|
-
|
|
24
|
-
<
|
|
25
|
-
<
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
clientstyling = ''
|
|
47
|
-
clientstylingurl = ''
|
|
48
|
-
></player-account-gaming-limits-wrapper-2>
|
|
49
|
-
</div>
|
|
50
|
-
|
|
51
|
-
</body>
|
|
52
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset='utf-8'>
|
|
5
|
+
<meta name='viewport' content='width=device-width,initial-scale=1'>
|
|
6
|
+
|
|
7
|
+
<title>
|
|
8
|
+
player-account-gaming-limits-wrapper-2
|
|
9
|
+
</title>
|
|
10
|
+
<link rel="stylesheet" href="public/reset.css">
|
|
11
|
+
<script src='dist/player-account-gaming-limits-wrapper-2.js'></script>
|
|
12
|
+
</head>
|
|
13
|
+
|
|
14
|
+
<body>
|
|
15
|
+
<style>
|
|
16
|
+
html,body { margin: 0; padding: 0; height: 100%; font-family: "Helvetica Neue", "Helvetica", sans-serif; }
|
|
17
|
+
.header { display: flex; justify-content: center; align-items: center; padding: 10px 20px; margin-bottom: 20px; background: #42a3e2; box-shadow: 3px 4px 5px 0px rgba(0,0,0, .2); }
|
|
18
|
+
.header__logo svg { height: 50px; width: 50px; margin-right: 5px; }
|
|
19
|
+
.header__name { color: #fff; }
|
|
20
|
+
.header__name span { margin-right: 10px; font-weight: bold; }
|
|
21
|
+
.webcomponent { padding: 10px 20px; }
|
|
22
|
+
</style>
|
|
23
|
+
|
|
24
|
+
<div class="webcomponent">
|
|
25
|
+
<player-account-gaming-limits-wrapper-2
|
|
26
|
+
userid="4500790"
|
|
27
|
+
session="cf931f70-0545-42c4-b662-dbd70d3fff85"
|
|
28
|
+
endpoint="https://betathome-com-stage-api.stage.norway.everymatrix.com/"
|
|
29
|
+
apiversion="gmcore"
|
|
30
|
+
currency = 'EUR'
|
|
31
|
+
lang="en"
|
|
32
|
+
|
|
33
|
+
includedlimits = "wager, deposit loss stake"
|
|
34
|
+
tablabels = 'Deposit Limit, Slots Limit, Other'
|
|
35
|
+
historyenabled = "true"
|
|
36
|
+
|
|
37
|
+
clientstyling = ''
|
|
38
|
+
clientstylingurl = ''
|
|
39
|
+
></player-account-gaming-limits-wrapper-2>
|
|
40
|
+
<player-account-gaming-limits-wrapper-2 endpoint="https://betathome-com-stage-api.stage.norway.everymatrix.com/" session="cf931f70-0545-42c4-b662-dbd70d3fff85" userid="4500790" currency="EUR" includedlimits="deposit" tablabels="Deposit" historyenabled="true" lang="en"></player-account-gaming-limits-wrapper-2>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
</body>
|
|
44
|
+
</html>
|
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import './dist/player-account-gaming-limits-wrapper-2.js';
|
|
1
|
+
import './dist/player-account-gaming-limits-wrapper-2.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/player-account-gaming-limits-wrapper-2",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.369",
|
|
4
4
|
"main": "dist/player-account-gaming-limits-wrapper-2.js",
|
|
5
5
|
"svelte": "src/index.ts",
|
|
6
6
|
"scripts": {
|
|
@@ -36,5 +36,5 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "ea5f5a546598be579d9b1f0b547a8b82de54163d"
|
|
40
40
|
}
|
package/public/reset.css
CHANGED
|
@@ -1,48 +1,48 @@
|
|
|
1
|
-
/* http://meyerweb.com/eric/tools/css/reset/
|
|
2
|
-
v2.0 | 20110126
|
|
3
|
-
License: none (public domain)
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
html, body, div, span, applet, object, iframe,
|
|
7
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
8
|
-
a, abbr, acronym, address, big, cite, code,
|
|
9
|
-
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
10
|
-
small, strike, strong, sub, sup, tt, var,
|
|
11
|
-
b, u, i, center,
|
|
12
|
-
dl, dt, dd, ol, ul, li,
|
|
13
|
-
fieldset, form, label, legend,
|
|
14
|
-
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
15
|
-
article, aside, canvas, details, embed,
|
|
16
|
-
figure, figcaption, footer, header, hgroup,
|
|
17
|
-
menu, nav, output, ruby, section, summary,
|
|
18
|
-
time, mark, audio, video {
|
|
19
|
-
margin: 0;
|
|
20
|
-
padding: 0;
|
|
21
|
-
border: 0;
|
|
22
|
-
font-size: 100%;
|
|
23
|
-
font: inherit;
|
|
24
|
-
vertical-align: baseline;
|
|
25
|
-
}
|
|
26
|
-
/* HTML5 display-role reset for older browsers */
|
|
27
|
-
article, aside, details, figcaption, figure,
|
|
28
|
-
footer, header, hgroup, menu, nav, section {
|
|
29
|
-
display: block;
|
|
30
|
-
}
|
|
31
|
-
body {
|
|
32
|
-
line-height: 1;
|
|
33
|
-
}
|
|
34
|
-
ol, ul {
|
|
35
|
-
list-style: none;
|
|
36
|
-
}
|
|
37
|
-
blockquote, q {
|
|
38
|
-
quotes: none;
|
|
39
|
-
}
|
|
40
|
-
blockquote:before, blockquote:after,
|
|
41
|
-
q:before, q:after {
|
|
42
|
-
content: '';
|
|
43
|
-
content: none;
|
|
44
|
-
}
|
|
45
|
-
table {
|
|
46
|
-
border-collapse: collapse;
|
|
47
|
-
border-spacing: 0;
|
|
1
|
+
/* http://meyerweb.com/eric/tools/css/reset/
|
|
2
|
+
v2.0 | 20110126
|
|
3
|
+
License: none (public domain)
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
html, body, div, span, applet, object, iframe,
|
|
7
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
8
|
+
a, abbr, acronym, address, big, cite, code,
|
|
9
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
10
|
+
small, strike, strong, sub, sup, tt, var,
|
|
11
|
+
b, u, i, center,
|
|
12
|
+
dl, dt, dd, ol, ul, li,
|
|
13
|
+
fieldset, form, label, legend,
|
|
14
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
15
|
+
article, aside, canvas, details, embed,
|
|
16
|
+
figure, figcaption, footer, header, hgroup,
|
|
17
|
+
menu, nav, output, ruby, section, summary,
|
|
18
|
+
time, mark, audio, video {
|
|
19
|
+
margin: 0;
|
|
20
|
+
padding: 0;
|
|
21
|
+
border: 0;
|
|
22
|
+
font-size: 100%;
|
|
23
|
+
font: inherit;
|
|
24
|
+
vertical-align: baseline;
|
|
25
|
+
}
|
|
26
|
+
/* HTML5 display-role reset for older browsers */
|
|
27
|
+
article, aside, details, figcaption, figure,
|
|
28
|
+
footer, header, hgroup, menu, nav, section {
|
|
29
|
+
display: block;
|
|
30
|
+
}
|
|
31
|
+
body {
|
|
32
|
+
line-height: 1;
|
|
33
|
+
}
|
|
34
|
+
ol, ul {
|
|
35
|
+
list-style: none;
|
|
36
|
+
}
|
|
37
|
+
blockquote, q {
|
|
38
|
+
quotes: none;
|
|
39
|
+
}
|
|
40
|
+
blockquote:before, blockquote:after,
|
|
41
|
+
q:before, q:after {
|
|
42
|
+
content: '';
|
|
43
|
+
content: none;
|
|
44
|
+
}
|
|
45
|
+
table {
|
|
46
|
+
border-collapse: collapse;
|
|
47
|
+
border-spacing: 0;
|
|
48
48
|
}
|
package/rollup.config.js
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
import svelte from 'rollup-plugin-svelte';
|
|
2
|
-
import commonjs from '@rollup/plugin-commonjs';
|
|
3
|
-
import resolve from '@rollup/plugin-node-resolve';
|
|
4
|
-
import serve from 'rollup-plugin-dev-server';
|
|
5
|
-
import livereload from 'rollup-plugin-livereload';
|
|
6
|
-
import { terser } from 'rollup-plugin-terser';
|
|
7
|
-
import sveltePreprocess from 'svelte-preprocess';
|
|
8
|
-
import typescript from '@rollup/plugin-typescript';
|
|
9
|
-
const production = process.env.NODE_ENV === 'production';
|
|
10
|
-
const dev = process.env.NODE_ENV === 'development';
|
|
11
|
-
|
|
12
|
-
export default {
|
|
13
|
-
input: 'src/index.ts',
|
|
14
|
-
output: {
|
|
15
|
-
sourcemap: true,
|
|
16
|
-
format: 'umd',
|
|
17
|
-
name: 'app',
|
|
18
|
-
file: 'dist/player-account-gaming-limits-wrapper-2.js'
|
|
19
|
-
},
|
|
20
|
-
plugins: [
|
|
21
|
-
svelte({
|
|
22
|
-
preprocess: sveltePreprocess(),
|
|
23
|
-
compilerOptions: {
|
|
24
|
-
// enable run-time checks when not in production
|
|
25
|
-
customElement: true,
|
|
26
|
-
dev: !production
|
|
27
|
-
}
|
|
28
|
-
}),
|
|
29
|
-
commonjs(),
|
|
30
|
-
resolve({
|
|
31
|
-
browser: true,
|
|
32
|
-
dedupe: ['svelte']
|
|
33
|
-
}),
|
|
34
|
-
dev && serve({
|
|
35
|
-
open: true,
|
|
36
|
-
verbose: true,
|
|
37
|
-
allowCrossOrigin: true,
|
|
38
|
-
historyApiFallback: false,
|
|
39
|
-
host: 'localhost',
|
|
40
|
-
port: 5050,
|
|
41
|
-
}),
|
|
42
|
-
dev && livereload({ watch: ['', 'dist'] }),
|
|
43
|
-
typescript({
|
|
44
|
-
sourceMap: !production,
|
|
45
|
-
inlineSources: !production,
|
|
46
|
-
}),
|
|
47
|
-
// If we're building for production (npm run build
|
|
48
|
-
// instead of npm run dev), minify
|
|
49
|
-
production &&
|
|
50
|
-
terser({
|
|
51
|
-
output: {
|
|
52
|
-
comments: "all"
|
|
53
|
-
},
|
|
54
|
-
})
|
|
55
|
-
],
|
|
56
|
-
watch: {
|
|
57
|
-
clearScreen: false
|
|
58
|
-
}
|
|
59
|
-
};
|
|
1
|
+
import svelte from 'rollup-plugin-svelte';
|
|
2
|
+
import commonjs from '@rollup/plugin-commonjs';
|
|
3
|
+
import resolve from '@rollup/plugin-node-resolve';
|
|
4
|
+
import serve from 'rollup-plugin-dev-server';
|
|
5
|
+
import livereload from 'rollup-plugin-livereload';
|
|
6
|
+
import { terser } from 'rollup-plugin-terser';
|
|
7
|
+
import sveltePreprocess from 'svelte-preprocess';
|
|
8
|
+
import typescript from '@rollup/plugin-typescript';
|
|
9
|
+
const production = process.env.NODE_ENV === 'production';
|
|
10
|
+
const dev = process.env.NODE_ENV === 'development';
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
input: 'src/index.ts',
|
|
14
|
+
output: {
|
|
15
|
+
sourcemap: true,
|
|
16
|
+
format: 'umd',
|
|
17
|
+
name: 'app',
|
|
18
|
+
file: 'dist/player-account-gaming-limits-wrapper-2.js'
|
|
19
|
+
},
|
|
20
|
+
plugins: [
|
|
21
|
+
svelte({
|
|
22
|
+
preprocess: sveltePreprocess(),
|
|
23
|
+
compilerOptions: {
|
|
24
|
+
// enable run-time checks when not in production
|
|
25
|
+
customElement: true,
|
|
26
|
+
dev: !production
|
|
27
|
+
}
|
|
28
|
+
}),
|
|
29
|
+
commonjs(),
|
|
30
|
+
resolve({
|
|
31
|
+
browser: true,
|
|
32
|
+
dedupe: ['svelte']
|
|
33
|
+
}),
|
|
34
|
+
dev && serve({
|
|
35
|
+
open: true,
|
|
36
|
+
verbose: true,
|
|
37
|
+
allowCrossOrigin: true,
|
|
38
|
+
historyApiFallback: false,
|
|
39
|
+
host: 'localhost',
|
|
40
|
+
port: 5050,
|
|
41
|
+
}),
|
|
42
|
+
dev && livereload({ watch: ['', 'dist'] }),
|
|
43
|
+
typescript({
|
|
44
|
+
sourceMap: !production,
|
|
45
|
+
inlineSources: !production,
|
|
46
|
+
}),
|
|
47
|
+
// If we're building for production (npm run build
|
|
48
|
+
// instead of npm run dev), minify
|
|
49
|
+
production &&
|
|
50
|
+
terser({
|
|
51
|
+
output: {
|
|
52
|
+
comments: "all"
|
|
53
|
+
},
|
|
54
|
+
})
|
|
55
|
+
],
|
|
56
|
+
watch: {
|
|
57
|
+
clearScreen: false
|
|
58
|
+
}
|
|
59
|
+
};
|