Page Not Found
10 |11 | Visit{" "} 12 | 13 | start.solidjs.com 14 | {" "} 15 | to learn how to build SolidStart apps. 16 |
17 |
22 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 | {{content-for "body-footer"}} {{content-for "test-body-footer"}}
35 |
36 |
37 |
--------------------------------------------------------------------------------
/apps/ember-test-app/tests/integration/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simonihmig/responsive-image/77a55448b3d1cea1c7ebdd446b848a07cbc3d8f9/apps/ember-test-app/tests/integration/.gitkeep
--------------------------------------------------------------------------------
/apps/ember-test-app/tests/integration/helpers/responsive-image-fastly-test.gts:
--------------------------------------------------------------------------------
1 | import { module, test } from 'qunit';
2 | import { setupRenderingTest } from 'ember-qunit';
3 | import { render } from '@ember/test-helpers';
4 | import responsiveImageFastly from '@responsive-image/ember/helpers/responsive-image-fastly';
5 | import type { ImageData } from '@responsive-image/ember';
6 |
7 | module('Integration | Helper | responsive-image-fastly', function (hooks) {
8 | setupRenderingTest(hooks);
9 |
10 | let data: ImageData | undefined;
11 | const dump = (argument: ImageData) => {
12 | data = argument;
13 | };
14 |
15 | test('it supports default image types', async function (assert) {
16 | await render(
17 | {{dump (responsiveImageFastly "image.webp")}},
18 | );
19 |
20 | assert.deepEqual(data?.imageTypes, 'auto');
21 | });
22 |
23 | test('it returns correct upload image URLs', async function (assert) {
24 | await render(
25 | {{dump (responsiveImageFastly "image.webp")}},
26 | );
27 |
28 | assert.strictEqual(
29 | data?.imageUrlFor(100, 'avif'),
30 | 'https://www.fastly.io/image.webp?format=avif&width=100',
31 | );
32 | });
33 | });
34 |
--------------------------------------------------------------------------------
/apps/ember-test-app/tests/test-helper.ts:
--------------------------------------------------------------------------------
1 | import Application from 'ember-test-app/app';
2 | import config from 'ember-test-app/config/environment';
3 | import * as QUnit from 'qunit';
4 | import { setApplication } from '@ember/test-helpers';
5 | import { setup } from 'qunit-dom';
6 | import { loadTests } from 'ember-qunit/test-loader';
7 | import { start, setupEmberOnerrorValidation } from 'ember-qunit';
8 |
9 | setApplication(Application.create(config.APP));
10 |
11 | setup(QUnit.assert);
12 | setupEmberOnerrorValidation();
13 | loadTests();
14 | start();
15 |
--------------------------------------------------------------------------------
/apps/ember-test-app/tests/unit/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simonihmig/responsive-image/77a55448b3d1cea1c7ebdd446b848a07cbc3d8f9/apps/ember-test-app/tests/unit/.gitkeep
--------------------------------------------------------------------------------
/apps/ember-test-app/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@tsconfig/ember/tsconfig.json",
3 | "compilerOptions": {
4 | // The combination of `baseUrl` with `paths` allows Ember's classic package
5 | // layout, which is not resolveable with the Node resolution algorithm, to
6 | // work with TypeScript.
7 | "baseUrl": ".",
8 | "paths": {
9 | "ember-test-app/tests/*": ["tests/*"],
10 | "ember-test-app/*": ["app/*"],
11 | "*": ["types/*"]
12 | },
13 | "types": ["ember-source/types"]
14 | },
15 | // "include": ["app/**/*", "tests/**/*", "types/**/*"],
16 | "glint": {
17 | "environment": ["ember-loose", "ember-template-imports"]
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/apps/ember-test-app/types/glint.d.ts:
--------------------------------------------------------------------------------
1 | import '@glint/environment-ember-loose';
2 | import AddonRegistry from '@responsive-image/ember/template-registry';
3 | import type Helper from '@ember/component/helper';
4 |
5 | declare module '@glint/environment-ember-loose/registry' {
6 | export default interface Registry extends AddonRegistry {
7 | 'page-title': new () => Helper<{
8 | Args: { Positional: [string] };
9 | Return: void;
10 | }>;
11 | dump: new () => Helper<{
12 | Args: { Positional: [unknown] };
13 | Return: void;
14 | }>;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/apps/ember-test-app/types/global.d.ts:
--------------------------------------------------------------------------------
1 | // Types for compiled templates
2 | declare module 'ember-test-app/templates/*' {
3 | import { TemplateFactory } from 'ember-cli-htmlbars';
4 | const tmpl: TemplateFactory;
5 | export default tmpl;
6 | }
7 |
8 | // To make TS understand our image imports, we have to tag them using a `responsive` query parameter, that has to come *last*!
9 | // We cannot use something like `*.jpg*` that works with queries, as TS only supports a single wildcard.
10 | // See https://github.com/microsoft/TypeScript/issues/38638
11 | declare module '*responsive' {
12 | import { ImageData } from '@responsive-image/ember';
13 | const value: ImageData;
14 | export default value;
15 | }
16 |
--------------------------------------------------------------------------------
/apps/ember-vite/.editorconfig:
--------------------------------------------------------------------------------
1 | # EditorConfig helps developers define and maintain consistent
2 | # coding styles between different editors and IDEs
3 | # editorconfig.org
4 |
5 | root = true
6 |
7 | [*]
8 | end_of_line = lf
9 | charset = utf-8
10 | trim_trailing_whitespace = true
11 | insert_final_newline = true
12 | indent_style = space
13 | indent_size = 2
14 |
15 | [*.hbs]
16 | insert_final_newline = false
17 |
18 | [*.{diff,md}]
19 | trim_trailing_whitespace = false
20 |
--------------------------------------------------------------------------------
/apps/ember-vite/.ember-cli:
--------------------------------------------------------------------------------
1 | {
2 | /**
3 | Setting `isTypeScriptProject` to true will force the blueprint generators to generate TypeScript
4 | rather than JavaScript by default, when a TypeScript version of a given blueprint is available.
5 | */
6 | "isTypeScriptProject": false
7 | }
8 |
--------------------------------------------------------------------------------
/apps/ember-vite/.github/workflows/ci.yml:
--------------------------------------------------------------------------------
1 | name: CI
2 |
3 | on:
4 | push:
5 | branches:
6 | - main
7 | - master
8 | pull_request: {}
9 |
10 | concurrency:
11 | group: ci-${{ github.head_ref || github.ref }}
12 | cancel-in-progress: true
13 |
14 | jobs:
15 | lint:
16 | name: "Lint"
17 | runs-on: ubuntu-latest
18 | timeout-minutes: 10
19 |
20 | steps:
21 | - uses: actions/checkout@v4
22 | - uses: pnpm/action-setup@v4
23 | with:
24 | version: 9
25 | - name: Install Node
26 | uses: actions/setup-node@v4
27 | with:
28 | node-version: 18
29 | cache: pnpm
30 | - name: Install Dependencies
31 | run: pnpm install --frozen-lockfile
32 | - name: Lint
33 | run: pnpm lint
34 |
35 | test:
36 | name: "Test"
37 | runs-on: ubuntu-latest
38 | timeout-minutes: 10
39 |
40 | steps:
41 | - uses: actions/checkout@v4
42 | - uses: pnpm/action-setup@v4
43 | with:
44 | version: 9
45 | - name: Install Node
46 | uses: actions/setup-node@v4
47 | with:
48 | node-version: 18
49 | cache: pnpm
50 | - name: Install Dependencies
51 | run: pnpm install --frozen-lockfile
52 | - name: Run Tests
53 | run: pnpm test
54 |
--------------------------------------------------------------------------------
/apps/ember-vite/.gitignore:
--------------------------------------------------------------------------------
1 | # compiled output
2 | /dist/
3 | /tmp/
4 |
5 | # dependencies
6 | /node_modules/
7 |
8 | # misc
9 | /.env*
10 | /.pnp*
11 | /.eslintcache
12 | /coverage/
13 | /npm-debug.log*
14 | /testem.log
15 | /yarn-error.log
16 |
17 | # ember-try
18 | /.node_modules.ember-try/
19 | /npm-shrinkwrap.json.ember-try
20 | /package.json.ember-try
21 | /package-lock.json.ember-try
22 | /yarn.lock.ember-try
23 |
24 | # broccoli-debug
25 | /DEBUG/
26 |
27 | # Playwright
28 | /test-results/
29 | /playwright-report/
30 | /blob-report/
31 | /playwright/.cache/
32 |
--------------------------------------------------------------------------------
/apps/ember-vite/.prettierignore:
--------------------------------------------------------------------------------
1 | # unconventional js
2 | /blueprints/*/files/
3 |
4 | # compiled output
5 | /dist/
6 |
7 | # misc
8 | /coverage/
9 | !.*
10 | .*/
11 |
12 | # ember-try
13 | /.node_modules.ember-try/
14 |
--------------------------------------------------------------------------------
/apps/ember-vite/.prettierrc.cjs:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | module.exports = {
4 | plugins: ['prettier-plugin-ember-template-tag'],
5 | singleQuote: true,
6 | overrides: [
7 | {
8 | files: ['*.js', '*.ts', '*.cjs', '.mjs', '.cts', '.mts', '.cts'],
9 | options: {
10 | trailingComma: 'es5',
11 | },
12 | },
13 | {
14 | files: ['*.html'],
15 | options: {
16 | singleQuote: false,
17 | },
18 | },
19 | {
20 | files: ['*.json'],
21 | options: {
22 | singleQuote: false,
23 | },
24 | },
25 | {
26 | files: ['*.hbs'],
27 | options: {
28 | singleQuote: false,
29 | },
30 | },
31 | {
32 | files: ['*.gjs', '*.gts'],
33 | options: {
34 | templateSingleQuote: false,
35 | trailingComma: 'es5',
36 | },
37 | },
38 | ],
39 | };
40 |
--------------------------------------------------------------------------------
/apps/ember-vite/.stylelintignore:
--------------------------------------------------------------------------------
1 | # unconventional files
2 | /blueprints/*/files/
3 |
4 | # compiled output
5 | /dist/
6 |
7 | # addons
8 | /.node_modules.ember-try/
9 |
--------------------------------------------------------------------------------
/apps/ember-vite/.stylelintrc.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | module.exports = {
4 | extends: ['stylelint-config-standard', 'stylelint-prettier/recommended'],
5 | };
6 |
--------------------------------------------------------------------------------
/apps/ember-vite/.template-lintrc.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | module.exports = {
4 | extends: 'recommended',
5 | };
6 |
--------------------------------------------------------------------------------
/apps/ember-vite/.watchmanconfig:
--------------------------------------------------------------------------------
1 | {
2 | "ignore_dirs": ["dist"]
3 | }
4 |
--------------------------------------------------------------------------------
/apps/ember-vite/README.md:
--------------------------------------------------------------------------------
1 | # ember-vite
2 |
3 | Demo app and acceptance tests for Ember + Embroider + Vite.
4 |
5 | ## Prerequisites
6 |
7 | You will need the following things properly installed on your computer.
8 |
9 | - [Git](https://git-scm.com/)
10 | - [Node.js](https://nodejs.org/)
11 | - [pnpm](https://pnpm.io/)
12 | - [Ember CLI](https://cli.emberjs.com/release/)
13 | - [Google Chrome](https://google.com/chrome/)
14 |
15 | ## Installation
16 |
17 | - `git clone
23 |
24 |
25 |
22 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 | {{content-for "body-footer"}} {{content-for "test-body-footer"}}
35 |
36 |
37 |
--------------------------------------------------------------------------------
/apps/ember-webpack/tests/test-helper.ts:
--------------------------------------------------------------------------------
1 | import Application from 'ember-webpack/app';
2 | import config from 'ember-webpack/config/environment';
3 | import * as QUnit from 'qunit';
4 | import { setApplication } from '@ember/test-helpers';
5 | import { setup } from 'qunit-dom';
6 | import { loadTests } from 'ember-qunit/test-loader';
7 | import { start, setupEmberOnerrorValidation } from 'ember-qunit';
8 |
9 | setApplication(Application.create(config.APP));
10 |
11 | setup(QUnit.assert);
12 | setupEmberOnerrorValidation();
13 | loadTests();
14 | start();
15 |
--------------------------------------------------------------------------------
/apps/ember-webpack/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@tsconfig/ember/tsconfig.json",
3 | "compilerOptions": {
4 | // The combination of `baseUrl` with `paths` allows Ember's classic package
5 | // layout, which is not resolveable with the Node resolution algorithm, to
6 | // work with TypeScript.
7 | "baseUrl": ".",
8 | "paths": {
9 | "ember-webpack/tests/*": ["tests/*"],
10 | "ember-webpack/*": ["app/*"],
11 | "*": ["types/*"]
12 | },
13 | "types": ["ember-source/types", "node"]
14 | },
15 | // "include": ["app/**/*", "tests/**/*", "types/**/*"],
16 | "glint": {
17 | "environment": ["ember-loose", "ember-template-imports"]
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/apps/ember-webpack/types/glint.d.ts:
--------------------------------------------------------------------------------
1 | import '@glint/environment-ember-loose';
2 | import AddonRegistry from '@responsive-image/ember/template-registry';
3 | import type Helper from '@ember/component/helper';
4 |
5 | declare module '@glint/environment-ember-loose/registry' {
6 | export default interface Registry extends AddonRegistry {
7 | 'page-title': new () => Helper<{
8 | Args: { Positional: [string] };
9 | Return: void;
10 | }>;
11 | dump: new () => Helper<{
12 | Args: { Positional: [unknown] };
13 | Return: void;
14 | }>;
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/apps/ember-webpack/types/global.d.ts:
--------------------------------------------------------------------------------
1 | // Types for compiled templates
2 | declare module 'ember-webpack/templates/*' {
3 | import { TemplateFactory } from 'ember-cli-htmlbars';
4 | const tmpl: TemplateFactory;
5 | export default tmpl;
6 | }
7 |
8 | // To make TS understand our image imports, we have to tag them using a `responsive` query parameter, that has to come *last*!
9 | // We cannot use something like `*.jpg*` that works with queries, as TS only supports a single wildcard.
10 | // See https://github.com/microsoft/TypeScript/issues/38638
11 | declare module '*responsive' {
12 | import { ImageData } from '@responsive-image/ember';
13 | const value: ImageData;
14 | export default value;
15 | }
16 |
--------------------------------------------------------------------------------
/apps/react-vite/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
26 | playwright-report/
27 | test-results/
28 |
--------------------------------------------------------------------------------
/apps/react-vite/eslint.config.js:
--------------------------------------------------------------------------------
1 | import js from '@eslint/js'
2 | import globals from 'globals'
3 | import reactHooks from 'eslint-plugin-react-hooks'
4 | import reactRefresh from 'eslint-plugin-react-refresh'
5 | import tseslint from 'typescript-eslint'
6 |
7 | export default tseslint.config(
8 | { ignores: ['dist'] },
9 | {
10 | extends: [js.configs.recommended, ...tseslint.configs.recommended],
11 | files: ['**/*.{ts,tsx}'],
12 | languageOptions: {
13 | ecmaVersion: 2020,
14 | globals: globals.browser,
15 | },
16 | plugins: {
17 | 'react-hooks': reactHooks,
18 | 'react-refresh': reactRefresh,
19 | },
20 | rules: {
21 | ...reactHooks.configs.recommended.rules,
22 | 'react-refresh/only-export-components': [
23 | 'warn',
24 | { allowConstantExport: true },
25 | ],
26 | },
27 | },
28 | )
29 |
--------------------------------------------------------------------------------
/apps/react-vite/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
23 |
24 |
25 | {children}
16 | {scripts}
17 |
18 |
19 | )}
20 | />
21 | ));
22 |
--------------------------------------------------------------------------------
/apps/solid-start/src/global.d.ts:
--------------------------------------------------------------------------------
1 | /// %sveltekit.body%
11 |
12 |
13 |
--------------------------------------------------------------------------------
/apps/svelte-kit/src/images/aurora.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simonihmig/responsive-image/77a55448b3d1cea1c7ebdd446b848a07cbc3d8f9/apps/svelte-kit/src/images/aurora.jpg
--------------------------------------------------------------------------------
/apps/svelte-kit/src/lib/index.ts:
--------------------------------------------------------------------------------
1 | // place files you want to import through the `$lib` alias in this folder.
2 |
--------------------------------------------------------------------------------
/apps/svelte-kit/src/types/global.d.ts:
--------------------------------------------------------------------------------
1 | // To make TS understand our image imports, we have to tag them using a `responsive` query parameter, that has to come *last*!
2 | // We cannot use something like `*.jpg*` that works with queries, as TS only supports a single wildcard.
3 | // See https://github.com/microsoft/TypeScript/issues/38638
4 | declare module '*responsive' {
5 | import { ImageData } from '@responsive-image/core';
6 | const value: ImageData;
7 | export default value;
8 | }
9 |
--------------------------------------------------------------------------------
/apps/svelte-kit/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/simonihmig/responsive-image/77a55448b3d1cea1c7ebdd446b848a07cbc3d8f9/apps/svelte-kit/static/favicon.png
--------------------------------------------------------------------------------
/apps/svelte-kit/svelte.config.js:
--------------------------------------------------------------------------------
1 | import adapter from '@sveltejs/adapter-auto';
2 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
3 |
4 | /** @type {import('@sveltejs/kit').Config} */
5 | const config = {
6 | // Consult https://svelte.dev/docs/kit/integrations
7 | // for more information about preprocessors
8 | preprocess: vitePreprocess(),
9 |
10 | kit: {
11 | // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
12 | // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
13 | // See https://svelte.dev/docs/kit/adapters for more information about adapters.
14 | adapter: adapter(),
15 | },
16 | };
17 |
18 | export default config;
19 |
--------------------------------------------------------------------------------
/apps/svelte-kit/tests/responsive-image.spec.ts:
--------------------------------------------------------------------------------
1 | import { runTests } from '@responsive-image/internals/playwright';
2 |
3 | runTests();
4 |
--------------------------------------------------------------------------------
/apps/svelte-kit/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./.svelte-kit/tsconfig.json",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "checkJs": true,
6 | "esModuleInterop": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "resolveJsonModule": true,
9 | "skipLibCheck": true,
10 | "sourceMap": true,
11 | "strict": true,
12 | "moduleResolution": "bundler",
13 | "types": ["node"]
14 | },
15 | "include": ["playwright.config.ts"]
16 | // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
17 | // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
18 | //
19 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
20 | // from the referenced tsconfig.json - TypeScript does not merge them in
21 | }
22 |
--------------------------------------------------------------------------------
/apps/svelte-kit/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import { setupPlugins } from '@responsive-image/vite-plugin';
3 | import { defineConfig } from 'vite';
4 |
5 | export default defineConfig({
6 | plugins: [
7 | sveltekit(),
8 | setupPlugins({
9 | include: /^[^?]+\.jpg\?.*responsive.*$/,
10 | }),
11 | ],
12 | preview: {
13 | port: 4202,
14 | },
15 | });
16 |
--------------------------------------------------------------------------------
/apps/wc-lit/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
26 | # Playwright
27 | /test-results/
28 | /playwright-report/
29 | /blob-report/
30 | /playwright/.cache/
31 |
--------------------------------------------------------------------------------
/apps/wc-lit/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # wc-lit
2 |
3 | ## 0.0.1-beta.0
4 |
5 | ### Patch Changes
6 |
7 | - Updated dependencies [[`fee0cb5`](https://github.com/simonihmig/responsive-image/commit/fee0cb5a6deb05556f556f1a5f25549fa9e05598), [`da0f40c`](https://github.com/simonihmig/responsive-image/commit/da0f40cfd1cfeca1b4005d6359a40b01c4f66b7d), [`8588cc6`](https://github.com/simonihmig/responsive-image/commit/8588cc6f8ed200c49353f7bd3652dd70e11aa9e2), [`486695e`](https://github.com/simonihmig/responsive-image/commit/486695e083446f6a9c7deda5c086fbb641cee967), [`92f957f`](https://github.com/simonihmig/responsive-image/commit/92f957fcc18fa9485a3f9591b77ca61ff3dd48dc), [`05815c0`](https://github.com/simonihmig/responsive-image/commit/05815c0095c2d3f00d7dcc2028a7a224dad5e349), [`55c502c`](https://github.com/simonihmig/responsive-image/commit/55c502c7da6e0fe86e0ffb2c5ec2f3d39e82679d)]:
8 | - @responsive-image/wc@1.0.0-beta.1
9 | - @responsive-image/core@1.0.0-beta.2
10 | - @responsive-image/cdn@1.0.0-beta.3
11 |
--------------------------------------------------------------------------------
/apps/wc-lit/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |