mirror of
https://github.com/modernweb-dev/rocket.git
synced 2026-03-23 00:41:19 +00:00
Compare commits
2 Commits
check-html
...
@rocket/cl
| Author | SHA1 | Date | |
|---|---|---|---|
|
2a5fc08f35 | ||
|
|
43a7ca10c3 |
@@ -1,5 +1,11 @@
|
|||||||
# @rocket/cli
|
# @rocket/cli
|
||||||
|
|
||||||
|
## 0.9.1
|
||||||
|
|
||||||
|
### Patch Changes
|
||||||
|
|
||||||
|
- 43a7ca1: Responsive images need to respect a set pathPrefix
|
||||||
|
|
||||||
## 0.9.0
|
## 0.9.0
|
||||||
|
|
||||||
### Minor Changes
|
### Minor Changes
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@rocket/cli",
|
"name": "@rocket/cli",
|
||||||
"version": "0.9.0",
|
"version": "0.9.1",
|
||||||
"publishConfig": {
|
"publishConfig": {
|
||||||
"access": "public"
|
"access": "public"
|
||||||
},
|
},
|
||||||
@@ -67,7 +67,7 @@
|
|||||||
"@web/dev-server": "^0.1.4",
|
"@web/dev-server": "^0.1.4",
|
||||||
"@web/dev-server-rollup": "^0.3.2",
|
"@web/dev-server-rollup": "^0.3.2",
|
||||||
"@web/rollup-plugin-copy": "^0.2.0",
|
"@web/rollup-plugin-copy": "^0.2.0",
|
||||||
"check-html-links": "^0.2.2",
|
"check-html-links": "^0.2.3",
|
||||||
"command-line-args": "^5.1.1",
|
"command-line-args": "^5.1.1",
|
||||||
"command-line-usage": "^6.1.1",
|
"command-line-usage": "^6.1.1",
|
||||||
"fs-extra": "^9.0.1",
|
"fs-extra": "^9.0.1",
|
||||||
|
|||||||
@@ -2,6 +2,7 @@
|
|||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const EleventyImage = require('@11ty/eleventy-img');
|
const EleventyImage = require('@11ty/eleventy-img');
|
||||||
|
const urlFilter = require('@11ty/eleventy/src/Filters/Url.js');
|
||||||
const { SaxEventType, SAXParser } = require('sax-wasm');
|
const { SaxEventType, SAXParser } = require('sax-wasm');
|
||||||
const { getComputedConfig } = require('../public/computedConfig.cjs');
|
const { getComputedConfig } = require('../public/computedConfig.cjs');
|
||||||
|
|
||||||
@@ -140,7 +141,7 @@ async function responsiveImages(images, { inputPath, outputDir, imagePresets = {
|
|||||||
|
|
||||||
const metadata = await EleventyImage(filePath, {
|
const metadata = await EleventyImage(filePath, {
|
||||||
outputDir: path.join(outputDir, 'images'),
|
outputDir: path.join(outputDir, 'images'),
|
||||||
urlPath: '/images/',
|
urlPath: urlFilter('/images/'),
|
||||||
...presetSettings,
|
...presetSettings,
|
||||||
});
|
});
|
||||||
const lowsrc = metadata.jpeg[0];
|
const lowsrc = metadata.jpeg[0];
|
||||||
|
|||||||
@@ -102,6 +102,30 @@ describe('RocketCli e2e', () => {
|
|||||||
);
|
);
|
||||||
const assetHtml = await readStartOutput(cli, 'use-assets/index.html');
|
const assetHtml = await readStartOutput(cli, 'use-assets/index.html');
|
||||||
expect(assetHtml).to.equal('<link rel="stylesheet" href="/_merged_assets/some.css">');
|
expect(assetHtml).to.equal('<link rel="stylesheet" href="/_merged_assets/some.css">');
|
||||||
|
const imageHtml = await readStartOutput(cli, 'image/index.html');
|
||||||
|
expect(imageHtml).to.equal(
|
||||||
|
[
|
||||||
|
'<p>',
|
||||||
|
' <figure>',
|
||||||
|
' <picture>',
|
||||||
|
'<source type="image/avif" srcset="/images/dd502010-600.avif 600w, /images/dd502010-900.avif 900w" sizes="100vw">',
|
||||||
|
'<source type="image/jpeg" srcset="/images/dd502010-600.jpeg 600w, /images/dd502010-900.jpeg 900w" sizes="100vw">',
|
||||||
|
' <img',
|
||||||
|
' alt="My Image Alternative Text" rocket-image="responsive"',
|
||||||
|
' src="/images/dd502010-600.jpeg"',
|
||||||
|
' ',
|
||||||
|
' ',
|
||||||
|
' width="600"',
|
||||||
|
' height="316"',
|
||||||
|
' loading="lazy"',
|
||||||
|
' decoding="async"',
|
||||||
|
' />',
|
||||||
|
' </picture>',
|
||||||
|
' <figcaption>My Image Description</figcaption>',
|
||||||
|
'</figure>',
|
||||||
|
' </p>',
|
||||||
|
].join('\n'),
|
||||||
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('can add a pathPrefix that will be used in the build command', async () => {
|
it('can add a pathPrefix that will be used in the build command', async () => {
|
||||||
@@ -119,6 +143,25 @@ describe('RocketCli e2e', () => {
|
|||||||
expect(assetHtml).to.equal(
|
expect(assetHtml).to.equal(
|
||||||
'<html><head><link rel="stylesheet" href="../41297ffa.css">\n\n</head><body>\n\n</body></html>',
|
'<html><head><link rel="stylesheet" href="../41297ffa.css">\n\n</head><body>\n\n</body></html>',
|
||||||
);
|
);
|
||||||
|
const imageHtml = await readBuildOutput(cli, 'image/index.html');
|
||||||
|
expect(imageHtml).to.equal(
|
||||||
|
[
|
||||||
|
'<html><head>',
|
||||||
|
'</head><body><p>',
|
||||||
|
' </p><figure>',
|
||||||
|
' <picture>',
|
||||||
|
'<source type="image/avif" srcset="../e64e2277.avif 600w, ../37453c88.avif 900w" sizes="100vw">',
|
||||||
|
'<source type="image/jpeg" srcset="../d0f18b5a.jpeg 600w, ../81998598.jpeg 900w" sizes="100vw">',
|
||||||
|
' <img alt="My Image Alternative Text" rocket-image="responsive" src="../d0f18b5a.jpeg" width="600" height="316" loading="lazy" decoding="async">',
|
||||||
|
' </picture>',
|
||||||
|
' <figcaption>My Image Description</figcaption>',
|
||||||
|
'</figure>',
|
||||||
|
' <p></p>',
|
||||||
|
'',
|
||||||
|
'',
|
||||||
|
'</body></html>',
|
||||||
|
].join('\n'),
|
||||||
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
it('smoke test for link checking', async () => {
|
it('smoke test for link checking', async () => {
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
@@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
layout: layout-raw
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
@@ -25,6 +25,7 @@ const config = {
|
|||||||
}),
|
}),
|
||||||
],
|
],
|
||||||
// serviceWorkerName: 'sw.js',
|
// serviceWorkerName: 'sw.js',
|
||||||
|
// pathPrefix: '/_site/',
|
||||||
|
|
||||||
// emptyOutputDir: false,
|
// emptyOutputDir: false,
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user