Skip to content

Commit 5dd684d

Browse files
leafOfTreeleafOfTree
committed
Upgrade rollup to 4.22.4 and other plugins and configs
1 parent 3fadc63 commit 5dd684d

12 files changed

+922
-133
lines changed

‎package-lock.json

Lines changed: 859 additions & 94 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
".": {
66
"svelte": "./src/index.svelte"
77
}
8-
},
8+
},
99
"module": "index.mjs",
1010
"main": "index.js",
1111
"version": "1.2.7",
@@ -22,13 +22,13 @@
2222
},
2323
"devDependencies": {
2424
"node-static": "^0.7.11",
25-
"puppeteer": "^23.2.1",
26-
"rollup": "^1.32.1",
25+
"puppeteer": "^23.4.0",
26+
"rollup": "^4.22.4",
2727
"rollup-plugin-livereload": "^1.3.0",
2828
"rollup-plugin-node-resolve": "^4.0.0",
2929
"rollup-plugin-serve": "^1.0.3",
30-
"rollup-plugin-svelte": "^6.1.1",
31-
"svelte": "^3.59.1"
30+
"rollup-plugin-svelte": "^7.2.2",
31+
"svelte": "^4.2.19"
3232
},
3333
"peerDependencies": {
3434
"svelte": "^3.0.0 || ^4.0.0"
@@ -43,8 +43,12 @@
4343
"index.mjs",
4444
"index.js",
4545
"index.d.ts"
46-
],
47-
"publishConfig": {
46+
],
47+
"publishConfig": {
4848
"registry": "https://registry.npmjs.org"
49+
},
50+
"dependencies": {
51+
"@rollup/plugin-node-resolve": "^15.3.0",
52+
"rollup-plugin-css-only": "^4.5.2"
4953
}
5054
}

‎rollup.config.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
1-
import svelte from 'rollup-plugin-svelte';
2-
import resolve from 'rollup-plugin-node-resolve';
3-
import pkg from './package.json';
1+
const svelte = require('rollup-plugin-svelte');
2+
const { nodeResolve } = require('@rollup/plugin-node-resolve');
3+
const pkg = require('./package.json');
44

55
const name = pkg.name
66
.replace(/^(@\S+\/)?(svelte-)?(\S+)/, '$3')
77
.replace(/^\w/, m => m.toUpperCase())
88
.replace(/-\w/g, m => m[1].toUpperCase());
99

10-
export default {
10+
module.exports = {
1111
input: 'src/index.svelte',
1212
output: [
1313
{ file: pkg.module, 'format': 'es' },
1414
{ file: pkg.main, 'format': 'umd', name }
1515
],
1616
plugins: [
1717
svelte(),
18-
resolve()
18+
nodeResolve()
1919
]
2020
};

‎test/Tabs.svelte

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<ul>
99
{#each items as item}
1010
<li class={activeTabValue === item.value ? 'active' : ''}>
11-
<span on:click={handleClick(item.value)}>{item.label}</span>
11+
<button on:click={handleClick(item.value)}>{item.label}</button>
1212
</li>
1313
{/each}
1414
</ul>
@@ -39,7 +39,7 @@
3939
margin-bottom: -1px;
4040
}
4141
42-
span {
42+
button {
4343
border: 1px solid transparent;
4444
border-top-left-radius: 0.25rem;
4545
border-top-right-radius: 0.25rem;
@@ -48,11 +48,11 @@
4848
cursor: pointer;
4949
}
5050
51-
span:hover {
51+
button:hover {
5252
border-color: #e9ecef #e9ecef #dee2e6;
5353
}
5454
55-
li.active > span {
55+
li.active > button {
5656
color: #495057;
5757
background-color: #fff;
5858
border-color: #dee2e6 #dee2e6 #fff;

‎test/assets/asset-PkJ9WuxE

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
.box.svelte-udxn10.svelte-udxn10{margin-bottom:10px;padding:40px;border:1px solid #dee2e6;border-radius:0 0 .5rem .5rem;border-top:0}ul.svelte-udxn10.svelte-udxn10{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none;border-bottom:1px solid #dee2e6}li.svelte-udxn10.svelte-udxn10{margin-bottom:-1px}span.svelte-udxn10.svelte-udxn10{border:1px solid transparent;border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;display:block;padding:0.5rem 1rem;cursor:pointer}span.svelte-udxn10.svelte-udxn10:hover{border-color:#e9ecef #e9ecef #dee2e6}li.active.svelte-udxn10>span.svelte-udxn10{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
2+
div.svelte-ynrwa7{background:#eee}
3+
img.svelte-repcjo,video.svelte-repcjo{display:block;margin:12px;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1)}.preload.svelte-repcjo{min-height:900px}.container.svelte-repcjo{width:80vh;height:70vh;overflow-y:scroll;margin:auto;position:relative}.text-content.svelte-repcjo{height:300px}
4+
img.svelte-repcjo,video.svelte-repcjo{display:block;margin:12px;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1)}.preload.svelte-repcjo{min-height:900px}.container.svelte-repcjo{width:80vh;height:70vh;overflow-y:scroll;margin:auto;position:relative}.text-content.svelte-repcjo{height:300px}
5+
.container.svelte-1vele4z{font-size:200%}
6+
img.svelte-cvjytg,video.svelte-cvjytg{display:block;margin:12px;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1)}.preload.svelte-cvjytg{min-height:900px}.container.svelte-cvjytg{width:80vh;height:70vh;overflow-y:scroll;margin:auto;position:relative}.text-content.svelte-cvjytg{height:300px}
7+
h1.svelte-cty3eu{width:80vh;margin:auto;margin-bottom:6vh}

‎test/auto/assets/asset-CGhGcI1s

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
div.svelte-ynrwa7{background:#eee}
2+
img.svelte-qbxjzk{display:block;margin:12px;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1)}h1.svelte-qbxjzk{width:70vh;margin:auto;margin-bottom:6vh}.container.svelte-qbxjzk{width:70vh;height:70vh;overflow-y:scroll;margin:auto;position:relative}.preload.svelte-qbxjzk{min-height:900px}.text-content.svelte-qbxjzk{height:300px}

‎test/auto/index.css

Lines changed: 2 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎test/auto/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8" >
55
<title>Svelte-lazy test</title>
6+
<link href="./index.css" rel="stylesheet" >
67
</head>
78
<body>
89
<script src="./index.js"></script>

‎test/auto/rollup.config.js

Lines changed: 14 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,23 @@
1-
import svelte from 'rollup-plugin-svelte';
2-
import resolve from 'rollup-plugin-node-resolve';
3-
import livereload from 'rollup-plugin-livereload';
4-
import serve from 'rollup-plugin-serve';
1+
const svelte = require('rollup-plugin-svelte');
2+
const { nodeResolve } = require('@rollup/plugin-node-resolve');
3+
const livereload = require('rollup-plugin-livereload');
4+
const serve = require('rollup-plugin-serve');
5+
const css = require('rollup-plugin-css-only')
56

67
const production = !process.env.ROLLUP_WATCH;
78

8-
export default {
9+
module.exports = {
910
input: 'test/auto/main.js',
10-
output: [
11-
{ file: 'test/auto/index.js', format: 'iife', name: 'app' },
12-
],
11+
output: [{ file: 'test/auto/index.js', format: 'iife', name: 'app' }],
1312
plugins: [
1413
svelte(),
15-
resolve({ browser: true }),
14+
nodeResolve({ browser: true }),
15+
css({ output: 'index.css' }),
1616
!production && livereload('test'),
17-
!production && serve({
18-
open: true,
19-
contentBase: 'test',
20-
}),
17+
!production &&
18+
serve({
19+
open: true,
20+
contentBase: 'test',
21+
}),
2122
],
2223
};

‎test/index.css

Lines changed: 7 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎test/index.html

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,8 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" >
5-
6-
<br>
7-
8-
<title></title>
5+
<title>svelte-lazy test</title>
6+
<link href="./index.css" rel="stylesheet" >
97
</head>
108
<body>
119
<script src="./index.js"></script>

‎test/rollup.config.js

Lines changed: 8 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,20 @@
1-
import svelte from 'rollup-plugin-svelte';
2-
import resolve from 'rollup-plugin-node-resolve';
3-
import livereload from 'rollup-plugin-livereload';
4-
import serve from 'rollup-plugin-serve';
1+
const svelte = require('rollup-plugin-svelte');
2+
const { nodeResolve } = require('@rollup/plugin-node-resolve');
3+
const livereload = require('rollup-plugin-livereload');
4+
const serve = require('rollup-plugin-serve');
5+
const css = require('rollup-plugin-css-only')
56

67
const production = !process.env.ROLLUP_WATCH;
78

8-
export default {
9+
module.exports = {
910
input: 'test/main.js',
1011
output: [
1112
{ file: 'test/index.js', format: 'iife', name: 'app' },
1213
],
1314
plugins: [
1415
svelte(),
15-
resolve({ browser: true }),
16+
nodeResolve({ browser: true }),
17+
css({ output: 'index.css' }),
1618
!production && livereload('test'),
1719
!production && serve({
1820
open: true,

0 commit comments

Comments
 (0)