Less
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-sass-alias/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Sass
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/prod-prerender-json/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Less
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-less-nested-alias/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Less
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-sass-file-error/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Sass
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-sass-nested-alias/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Sass
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/directory-import/public/index.js: -------------------------------------------------------------------------------- 1 | import files from 'dir:./foo'; 2 | 3 | const list = document.querySelector('ul'); 4 | 5 | files.forEach(file => { 6 | const el = document.createElement('li'); 7 | el.textContent = file; 8 | list.appendChild(el); 9 | }); 10 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/hmr-css/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Test
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/prerender-additional-links/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Less
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-less-resolve-error/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Less
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-sass-alias-relative/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Sass
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-sass-resolve-error/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Sass
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/hmr-css-no-public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Test
10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/package-exports/node_modules/exports-fallbacks-importfirst/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "exports-fallbacks-importfirst", 3 | "exports": { 4 | "import": "./import.js", 5 | "module": "./module.js", 6 | "require": "./require.js", 7 | "default": "./default.js" 8 | } 9 | } -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-less-import-hash/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Less
10 |
11 |
12 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/hmr-index/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Less
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-less-nested-alias-relative/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Less
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/exports/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |it doesn't work
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/plugin-enforce/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |Sass
2 | 3 | 4 | 5 | 6 |Sass
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/css/profile/index.js:
--------------------------------------------------------------------------------
1 | import styles from './style.module.css';
2 |
3 | export default function Profile({ username }) {
4 | return (
5 | Profile
7 |This is the profile page for {username}.
8 |
7 |
10 | );
11 | }
12 |
--------------------------------------------------------------------------------
/examples/demo/public/pages/files/index.js:
--------------------------------------------------------------------------------
1 | import jpg from './img.jpg';
2 |
3 | export default function Files() {
4 | return (
5 | Inside: {inside}
8 |Outside: {value}
9 |
6 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/examples/demo/public/pages/environment/style.css:
--------------------------------------------------------------------------------
1 | table {
2 | margin: 4rem;
3 | border-collapse: collapse;
4 | border-spacing: 0;
5 | }
6 |
7 | td,
8 | th {
9 | padding: 0.5rem 0.75rem;
10 | border: 0.0625rem solid #d0d0d0;
11 | text-align: left;
12 | }
13 |
14 | tbody tr:nth-child(even) {
15 | background: #eee;
16 | }
17 |
--------------------------------------------------------------------------------
/packages/create-wmr/tpl/public/pages/about/index.js:
--------------------------------------------------------------------------------
1 | import styles from './style.module.css';
2 |
3 | const About = ({ query }) => (
4 | Files
7 |
8 | jpg: {jpg}
9 |
10 |
11 |
About
6 |A page all about this website.
7 |{JSON.stringify(query)}
8 | Less
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/css-less-nested-relative/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Less
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/hmr/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |hello there
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/prod-prerender-json/index.js: -------------------------------------------------------------------------------- 1 | import foo from './foo.json'; 2 | 3 | export function prerender() { 4 | const html = `
5 |
`;
8 | return { html, links: ['/'], head: { title: `Page: ${location.pathname}` } };
9 | }
10 |
--------------------------------------------------------------------------------
/examples/demo/public/pages/compat.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'preact/hooks';
2 | import Calendar from 'react-calendar';
3 | import 'react-calendar/dist/Calendar.css';
4 |
5 | export default function CompatDemo() {
6 | const [value, onChange] = useState(new Date());
7 | return page = ${location.pathname}
6 |JSON: ${JSON.stringify(foo)}
7 |Less
11 |
12 |
13 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/import-absolute/wmr.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | module.exports = function (config) {
4 | config.plugins.push({
5 | name: 'root-resolve',
6 | resolveId(spec, importer) {
7 | if (!spec.startsWith('~/')) return;
8 | return path.resolve(config.cwd, spec.substring(2));
9 | }
10 | });
11 | };
12 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/prerender-external/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Sass
2 | 3 | 4 | 5 | 6 |Sass
12 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/public/components/footer.js:
--------------------------------------------------------------------------------
1 | export function Footer() {
2 | return (
3 |
12 | );
13 | }
14 |
--------------------------------------------------------------------------------
/packages/preact-iso/index.js:
--------------------------------------------------------------------------------
1 | export { Router, LocationProvider, useLocation, Route, useRoute } from './router.js';
2 | export { default as lazy, ErrorBoundary } from './lazy.js';
3 | export { default as hydrate } from './hydrate.js';
4 |
5 | export function prerender(vnode, options) {
6 | return import('./prerender.js').then(m => m.default(vnode, options));
7 | }
8 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/css-module-reserved/index.js:
--------------------------------------------------------------------------------
1 | import styles, { foo } from './foo.module.css';
2 |
3 | document.querySelector('.foo')?.classList.add(styles.foo);
4 | document.querySelector('.new')?.classList.add(styles.new);
5 | document.querySelector('.debugger')?.classList.add(styles.debugger);
6 | document.querySelector('.const')?.classList.add(foo);
7 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/transformations/jsx-member.expected.js:
--------------------------------------------------------------------------------
1 | import { html as $$html } from '/@npm/htm/preact';
2 | const Ctx = {
3 | Foo: function Foo() {
4 | return $$html``;
5 | }
6 | };
7 |
8 | export default function Demo() {
9 | return (
10 | $$html`<${Ctx.Foo} value=${{ foo: 123 }}>
11 |
12 | `
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/packages/nomodule-plugin/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # @wmrjs/nomodule
2 |
3 | ## 0.2.0
4 | ### Minor Changes
5 |
6 |
7 |
8 | - [`5f54c76`](https://github.com/preactjs/wmr/commit/5f54c76d4bb558ba335aeaf61208263f2e0b2d7c) [#495](https://github.com/preactjs/wmr/pull/495) Thanks [@marvinhagemeister](https://github.com/marvinhagemeister)! - Move plugins from @wmr-plugins org to @wmrjs
9 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/markdown/wmr.config.mjs:
--------------------------------------------------------------------------------
1 | export default {
2 | plugins: [
3 | {
4 | name: 'markdown-plugin',
5 | resolveId(id) {
6 | if (/\.md$/.test(id)) {
7 | return id;
8 | }
9 | },
10 | load(id) {
11 | if (/\.md$/.test(id)) {
12 | return `export default "it works"`;
13 | }
14 | }
15 | }
16 | ]
17 | };
18 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/plugin-config-falsy/wmr.config.mjs:
--------------------------------------------------------------------------------
1 | export default {
2 | middleware: [false, undefined, null, 0],
3 | plugins: [
4 | false,
5 | undefined,
6 | null,
7 | 0,
8 | {
9 | name: 'foo',
10 | configResolved() {
11 | return {
12 | middleware: [false, undefined, null, 0]
13 | };
14 | }
15 | }
16 | ]
17 | };
18 |
--------------------------------------------------------------------------------
/docs/public/content/_config.yml:
--------------------------------------------------------------------------------
1 | # https://jekyllrb.com/docs/collections/#manually-ordering-documents
2 | collections:
3 | docs:
4 | order:
5 | - { heading: 'Prologue' }
6 | - index
7 | - cli
8 | - configuration
9 | - plugins
10 | - prerendering
11 | - web-workers
12 | - { heading: 'API' }
13 | - plugin-api
14 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/commonjs/foo.cjs:
--------------------------------------------------------------------------------
1 | const other = require('./mixed.js');
2 |
3 | console.log(other);
4 |
5 | let collected = {};
6 | for (let i in other) collected[i] = other[i];
7 | collected.default = other.default;
8 |
9 | document.querySelector('#cjsimport').textContent = JSON.stringify(collected);
10 |
11 | exports.a = 'one';
12 | exports.b = 'two';
13 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/css-sass-import-hash-html/public/index.html:
--------------------------------------------------------------------------------
1 | Sass
2 | 3 | 4 | 5 | 6 |Sass
12 |
13 |
14 |
--------------------------------------------------------------------------------
/packages/directory-plugin/example/public/pages/about.js:
--------------------------------------------------------------------------------
1 | export default function About() {
2 | return (
3 | About Page
5 |6 | This is the about page (pages/about.js). 7 |
8 | 11 |Hello
5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /packages/sw-plugin/example/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |Home
9 |This is the home page.
10 | 11 | 12 |
8 |
15 | );
16 | }
17 |
18 | export default Home;
19 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/overwrite-loader-url/index.js:
--------------------------------------------------------------------------------
1 | import svg from 'my-url:./foo.svg';
2 | import svg2 from 'url:./foo.svg';
3 | import svg3 from './foo.svg';
4 |
5 | const app = document.querySelector('#app');
6 | if (app) {
7 | const addText = s => {
8 | const txt = document.createElement('p');
9 | txt.append(s);
10 | app.append(txt);
11 | };
12 |
13 | addText('my-url: ' + svg);
14 | addText('url: ' + svg2);
15 | addText('fallback: ' + svg3);
16 | }
17 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/worker-multi/index.js:
--------------------------------------------------------------------------------
1 | const foo = new Worker(new URL('./foo.worker.js', import.meta.url));
2 | const bar = new Worker(new URL('./foo.worker.js', import.meta.url));
3 |
4 | foo.addEventListener('message', e => {
5 | document.querySelector('h1').textContent = e.data;
6 | });
7 | bar.addEventListener('message', e => {
8 | document.querySelector('h2').textContent = e.data;
9 | });
10 |
11 | foo.postMessage('hello');
12 | bar.postMessage('hello');
13 |
--------------------------------------------------------------------------------
/packages/create-wmr/tpl/public/header.js:
--------------------------------------------------------------------------------
1 | import { useLocation } from 'preact-iso';
2 |
3 | export default function Header() {
4 | const { url } = useLocation();
5 | return (
6 | {FOO}
9 |Home
10 |{count}
11 |12 | Increment 13 |
14 |hello
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/css-sass-absolute/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |hello
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /docs/public/assets/teatime.svg: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /examples/demo/public/pages/class-fields.js: -------------------------------------------------------------------------------- 1 | import { Component } from 'preact'; 2 | 3 | export default class ClassFields extends Component { 4 | state = { 5 | value: 1 6 | }; 7 | 8 | onClick = () => { 9 | this.setState(prev => ({ value: prev.value + 1 })); 10 | }; 11 | 12 | render() { 13 | return ( 14 |
15 |
20 | );
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/plugin-resolve/wmr.config.mjs:
--------------------------------------------------------------------------------
1 | export default function foo() {
2 | let resolved = '';
3 | return {
4 | plugins: [
5 | {
6 | name: 'resolve-id',
7 | resolveId(id) {
8 | if (/foo/.test(id)) {
9 | resolved = id;
10 | return id;
11 | }
12 | },
13 | load(id) {
14 | if (/foo/.test(id)) {
15 | return `export const value = ${JSON.stringify(resolved.replace('\0', ''))}`;
16 | }
17 | }
18 | }
19 | ]
20 | };
21 | }
22 |
--------------------------------------------------------------------------------
/examples/demo/public/pages/json.js:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from 'preact/hooks';
2 | import json from './foo.json';
3 |
4 | export function JSONView() {
5 | const [fetched, setFetched] = useState(null);
6 |
7 | useEffect(() => {
8 | fetch('./pages/foo.json')
9 | .then(r => r.json())
10 | .then(r => setFetched(r));
11 | }, []);
12 |
13 | return (
14 | 16 | State: {this.state.value} 17 |
18 | 19 |
15 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/virtual-id-at/wmr.config.mjs:
--------------------------------------------------------------------------------
1 | export default function () {
2 | const ID = 'virtual:windi.css';
3 | const VIRTUAL_ID = '/@windicss/windi.css';
4 |
5 | return {
6 | plugins: [
7 | {
8 | name: 'virtual-id-plugin',
9 | resolveId(id) {
10 | if (id === ID) {
11 | return VIRTUAL_ID;
12 | }
13 | },
14 | load(id) {
15 | if (id === VIRTUAL_ID) {
16 | return `h1 { color: red; }`;
17 | }
18 | }
19 | }
20 | ]
21 | };
22 | }
23 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/plugin-resolve-prefix/wmr.config.mjs:
--------------------------------------------------------------------------------
1 | export default function foo() {
2 | let resolved = '';
3 | return {
4 | plugins: [
5 | {
6 | name: 'resolve-id',
7 | resolveId(id) {
8 | if (/foo/.test(id)) {
9 | resolved = id;
10 | return id;
11 | }
12 | },
13 | load(id) {
14 | if (/foo/.test(id)) {
15 | return `export const value = ${JSON.stringify(resolved.replace('\0', ''))}`;
16 | }
17 | }
18 | }
19 | ]
20 | };
21 | }
22 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/transformations/jsx-comment.expected.js:
--------------------------------------------------------------------------------
1 | import { html as $$html } from '/@npm/htm/preact';
2 | // prettier-ignore
3 | export const a = $$html``
10 |
11 | // prettier-ignore
12 | export const b = $$html``
19 |
20 | const Foo = () => null;
21 | // prettier-ignore
22 | export const c = $$html`import: {JSON.stringify(json)}
16 |fetch: {JSON.stringify(fetched)}
17 |
28 | <${Foo} foo=${2} />
29 |
`
30 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/pwa/public/style.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | margin: 0;
4 | min-height: 100%;
5 | font-family: system-ui, sans-serif;
6 | }
7 |
8 | header {
9 | display: flex;
10 | background: #ddd;
11 | }
12 |
13 | header > nav {
14 | flex: 1;
15 | display: flex;
16 | }
17 |
18 | header > nav a {
19 | padding: 10px;
20 | color: #673ab8;
21 | text-decoration: none;
22 | }
23 |
24 | header > nav a:hover {
25 | background-color: #f1e9ff;
26 | }
27 |
28 | .app > section {
29 | padding: 20px;
30 | }
31 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/alias/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import compat from 'preact/compat';
4 | import { options } from 'preact';
5 |
6 | window.React = React;
7 | window.ReactDOM = ReactDOM;
8 | window.preactCompat = compat;
9 |
10 | options.vnode = vnode => {
11 | if (vnode.type === 'div') {
12 | vnode.props.children = 'preact was used to render';
13 | }
14 | };
15 |
16 | ReactDOM.render(React.createElement('div', null, 'react was used to render'), document.body);
17 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/pwa/public/index.js:
--------------------------------------------------------------------------------
1 | import { render } from 'preact';
2 | import Home from './home.js';
3 |
4 | export function App() {
5 | return (
6 |
7 |
8 |
11 |
12 |
14 | );
15 | }
16 |
17 | render({title || 'About'}
14 |My name is Jason.
15 |{JSON.stringify(query)}
16 | page = ${location.pathname}
`; 5 | return { 6 | html, 7 | links: PAGES, 8 | head: { 9 | lang: 'de', 10 | elements: [ 11 | { type: 'link', props: { rel: 'icon', href: `data:,favicon-for-${location.pathname}` } }, 12 | { type: 'meta', props: { property: 'og:title', content: 'Become an SEO Expert' } } 13 | ], 14 | title: `Page: ${location.pathname}` 15 | } 16 | }; 17 | } 18 | -------------------------------------------------------------------------------- /packages/wmr/test/fixtures/alias-deprecated/public/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import compat from 'preact/compat'; 4 | import { options } from 'preact'; 5 | 6 | window.React = React; 7 | window.ReactDOM = ReactDOM; 8 | window.preactCompat = compat; 9 | 10 | options.vnode = vnode => { 11 | if (vnode.type === 'div') { 12 | vnode.props.children = 'preact was used to render'; 13 | } 14 | }; 15 | 16 | ReactDOM.render(React.createElement('div', null, 'react was used to render'), document.body); 17 | -------------------------------------------------------------------------------- /docs/global.d.ts: -------------------------------------------------------------------------------- 1 | interface ContentHeading { 2 | heading: string; 3 | } 4 | interface ContentItem { 5 | name: string; 6 | nav?: string; 7 | title?: string; 8 | description?: string; 9 | image?: string; 10 | slug?: string; 11 | [key: string]: string; 12 | } 13 | 14 | declare module 'content:*' { 15 | const Data: Array
27 |
29 |
--------------------------------------------------------------------------------
/packages/nomodule-plugin/README.md:
--------------------------------------------------------------------------------
1 | # `@wmrjs/nomodule`
2 |
3 | WMR outputs modern JavaScript bundles by default.
4 | This plugin creates legacy versions of your bundles using [@babel/preset-env](https://babeljs.io/docs/en/babel-preset-env) and serves those versions to older browsers.
5 |
6 | New browsers get the new stuff, old browsers get the old stuff.
7 |
8 | ## Usage
9 |
10 | Add this to your `wmr.config.js`:
11 |
12 | ```js
13 | import nomodule from '@wmrjs/nomodule';
14 |
15 | export function build(config) {
16 | nomodule(config);
17 | }
18 | ```
19 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/virtual-id/wmr.config.mjs:
--------------------------------------------------------------------------------
1 | export default function () {
2 | const ID = 'virtual-id';
3 | const ID2 = '@virtual-id';
4 |
5 | return {
6 | plugins: [
7 | {
8 | name: 'virtual-id-plugin',
9 | resolveId(id) {
10 | if (id === ID || id === ID2) {
11 | return id;
12 | }
13 | },
14 | load(id) {
15 | if (id === ID) {
16 | return `export const it = "it"`;
17 | } else if (id === ID2) {
18 | return `export const works = "works"`;
19 | }
20 | }
21 | }
22 | ]
23 | };
24 | }
25 |
--------------------------------------------------------------------------------
/packages/wmr/test/fixtures/pwa/public/home.js:
--------------------------------------------------------------------------------
1 | import { useState } from 'preact/hooks';
2 |
3 | export default function Home() {
4 | const [count, setCount] = useState(0);
5 |
6 | return (
7 | Home
9 |This is the home page.
10 | 13 | 14 | 17 || Name {foo} | 10 |Value | 11 |
|---|---|
| {key} | 20 |{String(process.env[key])} | 21 |
{FOO}
11 | 14 |