Compare commits
No commits in common. "main" and "0.1.0" have entirely different histories.
143
LICENSE
143
LICENSE
|
@ -1,5 +1,5 @@
|
||||||
GNU AFFERO GENERAL PUBLIC LICENSE
|
GNU GENERAL PUBLIC LICENSE
|
||||||
Version 3, 19 November 2007
|
Version 3, 29 June 2007
|
||||||
|
|
||||||
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
|
Copyright (C) 2007 Free Software Foundation, Inc. <https://fsf.org/>
|
||||||
Everyone is permitted to copy and distribute verbatim copies
|
Everyone is permitted to copy and distribute verbatim copies
|
||||||
|
@ -7,15 +7,17 @@
|
||||||
|
|
||||||
Preamble
|
Preamble
|
||||||
|
|
||||||
The GNU Affero General Public License is a free, copyleft license for
|
The GNU General Public License is a free, copyleft license for
|
||||||
software and other kinds of works, specifically designed to ensure
|
software and other kinds of works.
|
||||||
cooperation with the community in the case of network server software.
|
|
||||||
|
|
||||||
The licenses for most software and other practical works are designed
|
The licenses for most software and other practical works are designed
|
||||||
to take away your freedom to share and change the works. By contrast,
|
to take away your freedom to share and change the works. By contrast,
|
||||||
our General Public Licenses are intended to guarantee your freedom to
|
the GNU General Public License is intended to guarantee your freedom to
|
||||||
share and change all versions of a program--to make sure it remains free
|
share and change all versions of a program--to make sure it remains free
|
||||||
software for all its users.
|
software for all its users. We, the Free Software Foundation, use the
|
||||||
|
GNU General Public License for most of our software; it applies also to
|
||||||
|
any other work released this way by its authors. You can apply it to
|
||||||
|
your programs, too.
|
||||||
|
|
||||||
When we speak of free software, we are referring to freedom, not
|
When we speak of free software, we are referring to freedom, not
|
||||||
price. Our General Public Licenses are designed to make sure that you
|
price. Our General Public Licenses are designed to make sure that you
|
||||||
|
@ -24,34 +26,44 @@ them if you wish), that you receive source code or can get it if you
|
||||||
want it, that you can change the software or use pieces of it in new
|
want it, that you can change the software or use pieces of it in new
|
||||||
free programs, and that you know you can do these things.
|
free programs, and that you know you can do these things.
|
||||||
|
|
||||||
Developers that use our General Public Licenses protect your rights
|
To protect your rights, we need to prevent others from denying you
|
||||||
with two steps: (1) assert copyright on the software, and (2) offer
|
these rights or asking you to surrender the rights. Therefore, you have
|
||||||
you this License which gives you legal permission to copy, distribute
|
certain responsibilities if you distribute copies of the software, or if
|
||||||
and/or modify the software.
|
you modify it: responsibilities to respect the freedom of others.
|
||||||
|
|
||||||
A secondary benefit of defending all users' freedom is that
|
For example, if you distribute copies of such a program, whether
|
||||||
improvements made in alternate versions of the program, if they
|
gratis or for a fee, you must pass on to the recipients the same
|
||||||
receive widespread use, become available for other developers to
|
freedoms that you received. You must make sure that they, too, receive
|
||||||
incorporate. Many developers of free software are heartened and
|
or can get the source code. And you must show them these terms so they
|
||||||
encouraged by the resulting cooperation. However, in the case of
|
know their rights.
|
||||||
software used on network servers, this result may fail to come about.
|
|
||||||
The GNU General Public License permits making a modified version and
|
|
||||||
letting the public access it on a server without ever releasing its
|
|
||||||
source code to the public.
|
|
||||||
|
|
||||||
The GNU Affero General Public License is designed specifically to
|
Developers that use the GNU GPL protect your rights with two steps:
|
||||||
ensure that, in such cases, the modified source code becomes available
|
(1) assert copyright on the software, and (2) offer you this License
|
||||||
to the community. It requires the operator of a network server to
|
giving you legal permission to copy, distribute and/or modify it.
|
||||||
provide the source code of the modified version running there to the
|
|
||||||
users of that server. Therefore, public use of a modified version, on
|
|
||||||
a publicly accessible server, gives the public access to the source
|
|
||||||
code of the modified version.
|
|
||||||
|
|
||||||
An older license, called the Affero General Public License and
|
For the developers' and authors' protection, the GPL clearly explains
|
||||||
published by Affero, was designed to accomplish similar goals. This is
|
that there is no warranty for this free software. For both users' and
|
||||||
a different license, not a version of the Affero GPL, but Affero has
|
authors' sake, the GPL requires that modified versions be marked as
|
||||||
released a new version of the Affero GPL which permits relicensing under
|
changed, so that their problems will not be attributed erroneously to
|
||||||
this license.
|
authors of previous versions.
|
||||||
|
|
||||||
|
Some devices are designed to deny users access to install or run
|
||||||
|
modified versions of the software inside them, although the manufacturer
|
||||||
|
can do so. This is fundamentally incompatible with the aim of
|
||||||
|
protecting users' freedom to change the software. The systematic
|
||||||
|
pattern of such abuse occurs in the area of products for individuals to
|
||||||
|
use, which is precisely where it is most unacceptable. Therefore, we
|
||||||
|
have designed this version of the GPL to prohibit the practice for those
|
||||||
|
products. If such problems arise substantially in other domains, we
|
||||||
|
stand ready to extend this provision to those domains in future versions
|
||||||
|
of the GPL, as needed to protect the freedom of users.
|
||||||
|
|
||||||
|
Finally, every program is threatened constantly by software patents.
|
||||||
|
States should not allow patents to restrict development and use of
|
||||||
|
software on general-purpose computers, but in those that do, we wish to
|
||||||
|
avoid the special danger that patents applied to a free program could
|
||||||
|
make it effectively proprietary. To prevent this, the GPL assures that
|
||||||
|
patents cannot be used to render the program non-free.
|
||||||
|
|
||||||
The precise terms and conditions for copying, distribution and
|
The precise terms and conditions for copying, distribution and
|
||||||
modification follow.
|
modification follow.
|
||||||
|
@ -60,7 +72,7 @@ modification follow.
|
||||||
|
|
||||||
0. Definitions.
|
0. Definitions.
|
||||||
|
|
||||||
"This License" refers to version 3 of the GNU Affero General Public License.
|
"This License" refers to version 3 of the GNU General Public License.
|
||||||
|
|
||||||
"Copyright" also means copyright-like laws that apply to other kinds of
|
"Copyright" also means copyright-like laws that apply to other kinds of
|
||||||
works, such as semiconductor masks.
|
works, such as semiconductor masks.
|
||||||
|
@ -537,45 +549,35 @@ to collect a royalty for further conveying from those to whom you convey
|
||||||
the Program, the only way you could satisfy both those terms and this
|
the Program, the only way you could satisfy both those terms and this
|
||||||
License would be to refrain entirely from conveying the Program.
|
License would be to refrain entirely from conveying the Program.
|
||||||
|
|
||||||
13. Remote Network Interaction; Use with the GNU General Public License.
|
13. Use with the GNU Affero General Public License.
|
||||||
|
|
||||||
Notwithstanding any other provision of this License, if you modify the
|
|
||||||
Program, your modified version must prominently offer all users
|
|
||||||
interacting with it remotely through a computer network (if your version
|
|
||||||
supports such interaction) an opportunity to receive the Corresponding
|
|
||||||
Source of your version by providing access to the Corresponding Source
|
|
||||||
from a network server at no charge, through some standard or customary
|
|
||||||
means of facilitating copying of software. This Corresponding Source
|
|
||||||
shall include the Corresponding Source for any work covered by version 3
|
|
||||||
of the GNU General Public License that is incorporated pursuant to the
|
|
||||||
following paragraph.
|
|
||||||
|
|
||||||
Notwithstanding any other provision of this License, you have
|
Notwithstanding any other provision of this License, you have
|
||||||
permission to link or combine any covered work with a work licensed
|
permission to link or combine any covered work with a work licensed
|
||||||
under version 3 of the GNU General Public License into a single
|
under version 3 of the GNU Affero General Public License into a single
|
||||||
combined work, and to convey the resulting work. The terms of this
|
combined work, and to convey the resulting work. The terms of this
|
||||||
License will continue to apply to the part which is the covered work,
|
License will continue to apply to the part which is the covered work,
|
||||||
but the work with which it is combined will remain governed by version
|
but the special requirements of the GNU Affero General Public License,
|
||||||
3 of the GNU General Public License.
|
section 13, concerning interaction through a network will apply to the
|
||||||
|
combination as such.
|
||||||
|
|
||||||
14. Revised Versions of this License.
|
14. Revised Versions of this License.
|
||||||
|
|
||||||
The Free Software Foundation may publish revised and/or new versions of
|
The Free Software Foundation may publish revised and/or new versions of
|
||||||
the GNU Affero General Public License from time to time. Such new versions
|
the GNU General Public License from time to time. Such new versions will
|
||||||
will be similar in spirit to the present version, but may differ in detail to
|
be similar in spirit to the present version, but may differ in detail to
|
||||||
address new problems or concerns.
|
address new problems or concerns.
|
||||||
|
|
||||||
Each version is given a distinguishing version number. If the
|
Each version is given a distinguishing version number. If the
|
||||||
Program specifies that a certain numbered version of the GNU Affero General
|
Program specifies that a certain numbered version of the GNU General
|
||||||
Public License "or any later version" applies to it, you have the
|
Public License "or any later version" applies to it, you have the
|
||||||
option of following the terms and conditions either of that numbered
|
option of following the terms and conditions either of that numbered
|
||||||
version or of any later version published by the Free Software
|
version or of any later version published by the Free Software
|
||||||
Foundation. If the Program does not specify a version number of the
|
Foundation. If the Program does not specify a version number of the
|
||||||
GNU Affero General Public License, you may choose any version ever published
|
GNU General Public License, you may choose any version ever published
|
||||||
by the Free Software Foundation.
|
by the Free Software Foundation.
|
||||||
|
|
||||||
If the Program specifies that a proxy can decide which future
|
If the Program specifies that a proxy can decide which future
|
||||||
versions of the GNU Affero General Public License can be used, that proxy's
|
versions of the GNU General Public License can be used, that proxy's
|
||||||
public statement of acceptance of a version permanently authorizes you
|
public statement of acceptance of a version permanently authorizes you
|
||||||
to choose that version for the Program.
|
to choose that version for the Program.
|
||||||
|
|
||||||
|
@ -633,29 +635,40 @@ the "copyright" line and a pointer to where the full notice is found.
|
||||||
Copyright (C) <year> <name of author>
|
Copyright (C) <year> <name of author>
|
||||||
|
|
||||||
This program is free software: you can redistribute it and/or modify
|
This program is free software: you can redistribute it and/or modify
|
||||||
it under the terms of the GNU Affero General Public License as published
|
it under the terms of the GNU General Public License as published by
|
||||||
by the Free Software Foundation, either version 3 of the License, or
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
(at your option) any later version.
|
(at your option) any later version.
|
||||||
|
|
||||||
This program is distributed in the hope that it will be useful,
|
This program is distributed in the hope that it will be useful,
|
||||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
GNU Affero General Public License for more details.
|
GNU General Public License for more details.
|
||||||
|
|
||||||
You should have received a copy of the GNU Affero General Public License
|
You should have received a copy of the GNU General Public License
|
||||||
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
Also add information on how to contact you by electronic and paper mail.
|
Also add information on how to contact you by electronic and paper mail.
|
||||||
|
|
||||||
If your software can interact with users remotely through a computer
|
If the program does terminal interaction, make it output a short
|
||||||
network, you should also make sure that it provides a way for users to
|
notice like this when it starts in an interactive mode:
|
||||||
get its source. For example, if your program is a web application, its
|
|
||||||
interface could display a "Source" link that leads users to an archive
|
<program> Copyright (C) <year> <name of author>
|
||||||
of the code. There are many ways you could offer source, and different
|
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||||
solutions will be better for different programs; see section 13 for the
|
This is free software, and you are welcome to redistribute it
|
||||||
specific requirements.
|
under certain conditions; type `show c' for details.
|
||||||
|
|
||||||
|
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||||
|
parts of the General Public License. Of course, your program's commands
|
||||||
|
might be different; for a GUI interface, you would use an "about box".
|
||||||
|
|
||||||
You should also get your employer (if you work as a programmer) or school,
|
You should also get your employer (if you work as a programmer) or school,
|
||||||
if any, to sign a "copyright disclaimer" for the program, if necessary.
|
if any, to sign a "copyright disclaimer" for the program, if necessary.
|
||||||
For more information on this, and how to apply and follow the GNU AGPL, see
|
For more information on this, and how to apply and follow the GNU GPL, see
|
||||||
<https://www.gnu.org/licenses/>.
|
<https://www.gnu.org/licenses/>.
|
||||||
|
|
||||||
|
The GNU General Public License does not permit incorporating your program
|
||||||
|
into proprietary programs. If your program is a subroutine library, you
|
||||||
|
may consider it more useful to permit linking proprietary applications with
|
||||||
|
the library. If this is what you want to do, use the GNU Lesser General
|
||||||
|
Public License instead of this License. But first, please read
|
||||||
|
<https://www.gnu.org/licenses/why-not-lgpl.html>.
|
||||||
|
|
26
README.md
26
README.md
|
@ -1,7 +1,27 @@
|
||||||
# Preact 🧵 Components
|
# Gram
|
||||||
|
|
||||||
> **Holllo's Preact component library.**
|
> Opinionated component library using [HTM] & [Preact].
|
||||||
|
|
||||||
|
[HTM]: https://github.com/developit/htm
|
||||||
|
[Preact]: https://preactjs.com/
|
||||||
|
|
||||||
|
## Installation
|
||||||
|
|
||||||
|
Add `@holllo/gram`, `htm` and `preact` with your Node package manager of choice ([pnpm] in our case).
|
||||||
|
|
||||||
|
[pnpm]: https://pnpm.io
|
||||||
|
|
||||||
|
```sh
|
||||||
|
pnpm add @holllo/gram htm preact
|
||||||
|
```
|
||||||
|
|
||||||
|
## Components
|
||||||
|
|
||||||
|
* [ConfirmButton](source/buttons/confirm-button.ts)
|
||||||
|
* [PrivacyLink](source/links/privacy-link.ts)
|
||||||
|
|
||||||
## License
|
## License
|
||||||
|
|
||||||
Distributed under the [AGPL-3.0-or-later](https://spdx.org/licenses/AGPL-3.0-or-later.html) license, see [LICENSE](https://git.bauke.xyz/Holllo/preact-components/src/branch/main/LICENSE) for more information.
|
Gram is open-sourced with the [GPL-3.0-or-later] license.
|
||||||
|
|
||||||
|
[GPL-3.0-or-later]: https://github.com/Holllo/gram/blob/main/LICENSE
|
||||||
|
|
38
package.json
38
package.json
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "@holllo/preact-components",
|
"name": "@holllo/gram",
|
||||||
"description": "Holllo's Preact component library.",
|
"description": "Opinionated component library using HTM & Preact.",
|
||||||
"license": "AGPL-3.0-or-later",
|
"license": "GPL-3.0-or-later",
|
||||||
"version": "0.2.3",
|
"version": "0.1.0",
|
||||||
"author": "Holllo <helllo@holllo.org>",
|
"author": "Holllo <helllo@holllo.cc>",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "https://git.bauke.xyz/Holllo/preact-components"
|
"url": "https://github.com/Holllo/gram"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "tsc",
|
"build": "tsc",
|
||||||
|
@ -15,23 +15,23 @@
|
||||||
"test:snapshots": "ava --update-snapshots"
|
"test:snapshots": "ava --update-snapshots"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@happy-dom/global-registrator": "^6.0.4",
|
"@happy-dom/global-registrator": "^2.47.3",
|
||||||
"ava": "^4.3.3",
|
"ava": "^4.0.1",
|
||||||
"c8": "^7.12.0",
|
"c8": "^7.11.0",
|
||||||
"htm": "^3.1.1",
|
"htm": "^3.1.0",
|
||||||
"preact": "^10.11.0",
|
"preact": "^10.6.6",
|
||||||
"preact-render-to-string": "^5.2.4",
|
"preact-render-to-string": "^5.1.20",
|
||||||
"ts-node": "^10.9.1",
|
"ts-node": "^10.6.0",
|
||||||
"typescript": "^4.8.4",
|
"typescript": "^4.6.2",
|
||||||
"xo": "^0.52.3"
|
"xo": "^0.48.0"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"htm": "3.x",
|
"htm": "3.x",
|
||||||
"preact": "10.x"
|
"preact": "10.x"
|
||||||
},
|
},
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"main": "build/source/index.js",
|
"main": "build/source/gram.js",
|
||||||
"types": "build/source/index.d.ts",
|
"types": "build/source/gram.d.ts",
|
||||||
"files": [
|
"files": [
|
||||||
"build/source/",
|
"build/source/",
|
||||||
"package.json",
|
"package.json",
|
||||||
|
@ -65,10 +65,6 @@
|
||||||
},
|
},
|
||||||
"xo": {
|
"xo": {
|
||||||
"prettier": true,
|
"prettier": true,
|
||||||
"rules": {
|
|
||||||
"@typescript-eslint/consistent-type-imports": "off",
|
|
||||||
"n/file-extension-in-import": "off"
|
|
||||||
},
|
|
||||||
"space": true
|
"space": true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
1293
pnpm-lock.yaml
1293
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
|
@ -5,11 +5,11 @@ import {Component, VNode} from 'preact';
|
||||||
* Component properties for {@linkcode ConfirmButton}.
|
* Component properties for {@linkcode ConfirmButton}.
|
||||||
*/
|
*/
|
||||||
export type ConfirmButtonProps = {
|
export type ConfirmButtonProps = {
|
||||||
attributes: Record<string, unknown>;
|
|
||||||
class: string;
|
class: string;
|
||||||
click: (event: MouseEvent) => unknown;
|
click: (event: MouseEvent) => unknown;
|
||||||
confirmClass: string;
|
confirmClass: string;
|
||||||
confirmText: string;
|
confirmText: string;
|
||||||
|
extraAttributes: Record<string, string>;
|
||||||
preventDefault: boolean;
|
preventDefault: boolean;
|
||||||
text: string;
|
text: string;
|
||||||
timeout: number;
|
timeout: number;
|
||||||
|
@ -76,7 +76,11 @@ export class ConfirmButton extends Component<
|
||||||
}
|
}
|
||||||
|
|
||||||
return html`
|
return html`
|
||||||
<button ...${this.props.attributes} ...${props} onclick=${this.click}>
|
<button
|
||||||
|
...${this.props.extraAttributes}
|
||||||
|
...${props}
|
||||||
|
onclick=${this.click}
|
||||||
|
>
|
||||||
${text}
|
${text}
|
||||||
</button>
|
</button>
|
||||||
`;
|
`;
|
||||||
|
|
|
@ -1,70 +0,0 @@
|
||||||
import {html} from 'htm/preact';
|
|
||||||
import {Component, VNode} from 'preact';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Component properties for {@linkcode FeedbackButton}.
|
|
||||||
*/
|
|
||||||
export type FeedbackButtonProps = {
|
|
||||||
attributes: Record<string, unknown>;
|
|
||||||
click: (event: MouseEvent) => unknown;
|
|
||||||
feedbackText: string;
|
|
||||||
text: string;
|
|
||||||
timeout: number;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Component state for {@linkcode FeedbackButton}.
|
|
||||||
*/
|
|
||||||
export type FeedbackButtonState = {
|
|
||||||
currentText: string;
|
|
||||||
timeoutHandle: number | undefined;
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* A {@linkcode https://developer.mozilla.org/docs/Web/HTML/Element/button <button>}
|
|
||||||
* element wrapper that changes its text for a given time after being clicked.
|
|
||||||
*/
|
|
||||||
export class FeedbackButton extends Component<
|
|
||||||
FeedbackButtonProps,
|
|
||||||
FeedbackButtonState
|
|
||||||
> {
|
|
||||||
constructor(props: FeedbackButtonProps) {
|
|
||||||
super(props);
|
|
||||||
|
|
||||||
this.state = {
|
|
||||||
currentText: this.props.text,
|
|
||||||
timeoutHandle: undefined,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
click = async (event: MouseEvent) => {
|
|
||||||
if ((await this.props.click(event)) === false) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let {timeoutHandle} = this.state;
|
|
||||||
if (timeoutHandle !== undefined) {
|
|
||||||
window.clearTimeout(timeoutHandle);
|
|
||||||
}
|
|
||||||
|
|
||||||
timeoutHandle = window.setTimeout(() => {
|
|
||||||
this.setState({
|
|
||||||
currentText: this.props.text,
|
|
||||||
timeoutHandle: undefined,
|
|
||||||
});
|
|
||||||
}, this.props.timeout);
|
|
||||||
|
|
||||||
this.setState({
|
|
||||||
currentText: this.props.feedbackText,
|
|
||||||
timeoutHandle,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
|
|
||||||
render(): VNode {
|
|
||||||
return html`
|
|
||||||
<button ...${this.props.attributes} onclick=${this.click}>
|
|
||||||
${this.state.currentText}
|
|
||||||
</button>
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -1,6 +1,5 @@
|
||||||
// Button Exports
|
// Button Exports
|
||||||
export * from './buttons/confirm-button.js';
|
export * from './buttons/confirm-button.js';
|
||||||
export * from './buttons/feedback-button.js';
|
|
||||||
|
|
||||||
// Link Exports
|
// Link Exports
|
||||||
export * from './links/privacy-link.js';
|
export * from './links/privacy-link.js';
|
|
@ -5,8 +5,9 @@ import {Component, ComponentChildren, VNode} from 'preact';
|
||||||
* Component properties for {@linkcode PrivacyLink}.
|
* Component properties for {@linkcode PrivacyLink}.
|
||||||
*/
|
*/
|
||||||
export type PrivacyLinkProps = {
|
export type PrivacyLinkProps = {
|
||||||
attributes: Record<string, unknown>;
|
|
||||||
children: ComponentChildren;
|
children: ComponentChildren;
|
||||||
|
class: string;
|
||||||
|
href: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -17,7 +18,8 @@ export type PrivacyLinkProps = {
|
||||||
export class PrivacyLink extends Component<PrivacyLinkProps> {
|
export class PrivacyLink extends Component<PrivacyLinkProps> {
|
||||||
render(): VNode {
|
render(): VNode {
|
||||||
const props: Record<string, string> = {
|
const props: Record<string, string> = {
|
||||||
...this.props.attributes,
|
class: this.props.class,
|
||||||
|
href: this.props.href,
|
||||||
rel: 'noopener noreferrer',
|
rel: 'noopener noreferrer',
|
||||||
target: '_blank',
|
target: '_blank',
|
||||||
};
|
};
|
||||||
|
|
|
@ -3,7 +3,7 @@ import test from 'ava';
|
||||||
import {html} from 'htm/preact';
|
import {html} from 'htm/preact';
|
||||||
import {render} from 'preact';
|
import {render} from 'preact';
|
||||||
|
|
||||||
import {ConfirmButton, ConfirmButtonProps} from '../../source/index.js';
|
import {ConfirmButton, ConfirmButtonProps} from '../../source/gram.js';
|
||||||
import {sleep} from '../utilities.js';
|
import {sleep} from '../utilities.js';
|
||||||
|
|
||||||
test.before(() => {
|
test.before(() => {
|
||||||
|
@ -14,13 +14,13 @@ test('ConfirmButton', async (t) => {
|
||||||
t.plan(3);
|
t.plan(3);
|
||||||
|
|
||||||
const props: ConfirmButtonProps = {
|
const props: ConfirmButtonProps = {
|
||||||
attributes: {
|
|
||||||
id: 'confirm-button',
|
|
||||||
},
|
|
||||||
class: 'button',
|
class: 'button',
|
||||||
click: (event) => t.true(event !== undefined),
|
click: (event) => t.true(event !== undefined),
|
||||||
confirmClass: 'confirm',
|
confirmClass: 'confirm',
|
||||||
confirmText: 'Confirm Button',
|
confirmText: 'Confirm Button',
|
||||||
|
extraAttributes: {
|
||||||
|
id: 'confirm-button',
|
||||||
|
},
|
||||||
preventDefault: true,
|
preventDefault: true,
|
||||||
text: 'Button',
|
text: 'Button',
|
||||||
timeout: 1000,
|
timeout: 1000,
|
||||||
|
|
|
@ -1,68 +0,0 @@
|
||||||
import {GlobalRegistrator} from '@happy-dom/global-registrator';
|
|
||||||
import test from 'ava';
|
|
||||||
import {html} from 'htm/preact';
|
|
||||||
import {render} from 'preact';
|
|
||||||
|
|
||||||
import {FeedbackButton, FeedbackButtonProps} from '../../source/index.js';
|
|
||||||
import {sleep} from '../utilities.js';
|
|
||||||
|
|
||||||
test.before(() => {
|
|
||||||
GlobalRegistrator.register();
|
|
||||||
});
|
|
||||||
|
|
||||||
test('FeedbackButton', async (t) => {
|
|
||||||
t.plan(7);
|
|
||||||
|
|
||||||
const props: FeedbackButtonProps = {
|
|
||||||
attributes: {
|
|
||||||
id: 'feedback-button',
|
|
||||||
},
|
|
||||||
click: (event) => t.true(event !== undefined),
|
|
||||||
feedbackText: 'Feedback Example',
|
|
||||||
text: 'Example',
|
|
||||||
timeout: 1000,
|
|
||||||
};
|
|
||||||
|
|
||||||
const noFeedbackProps: FeedbackButtonProps = {
|
|
||||||
...props,
|
|
||||||
attributes: {
|
|
||||||
id: 'no-feedback-button',
|
|
||||||
},
|
|
||||||
click(event) {
|
|
||||||
props.click(event);
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
render(
|
|
||||||
html`
|
|
||||||
<${FeedbackButton} ...${props} />
|
|
||||||
<${FeedbackButton} ...${noFeedbackProps} />
|
|
||||||
`,
|
|
||||||
document,
|
|
||||||
);
|
|
||||||
|
|
||||||
const noFeedbackButton = document.querySelector<HTMLButtonElement>(
|
|
||||||
'#no-feedback-button',
|
|
||||||
)!;
|
|
||||||
|
|
||||||
noFeedbackButton.click();
|
|
||||||
await sleep();
|
|
||||||
t.false(noFeedbackButton.outerHTML.includes(props.feedbackText));
|
|
||||||
|
|
||||||
const buttonElement =
|
|
||||||
document.querySelector<HTMLButtonElement>('#feedback-button')!;
|
|
||||||
|
|
||||||
t.snapshot(buttonElement.outerHTML, 'Default state');
|
|
||||||
buttonElement.click();
|
|
||||||
|
|
||||||
// Wait for Preact to do its stuff.
|
|
||||||
await sleep();
|
|
||||||
|
|
||||||
t.snapshot(buttonElement.outerHTML, 'Feedback state');
|
|
||||||
buttonElement.click();
|
|
||||||
|
|
||||||
await sleep(props.timeout * 1.25);
|
|
||||||
|
|
||||||
t.snapshot(buttonElement.outerHTML, 'Back to default state');
|
|
||||||
});
|
|
|
@ -1,19 +0,0 @@
|
||||||
# Snapshot report for `tests/buttons/feedback-button.test.ts`
|
|
||||||
|
|
||||||
The actual snapshot is saved in `feedback-button.test.ts.snap`.
|
|
||||||
|
|
||||||
Generated by [AVA](https://avajs.dev).
|
|
||||||
|
|
||||||
## FeedbackButton
|
|
||||||
|
|
||||||
> Default state
|
|
||||||
|
|
||||||
'<button id="feedback-button">Example</button>'
|
|
||||||
|
|
||||||
> Feedback state
|
|
||||||
|
|
||||||
'<button id="feedback-button">Feedback Example</button>'
|
|
||||||
|
|
||||||
> Back to default state
|
|
||||||
|
|
||||||
'<button id="feedback-button">Example</button>'
|
|
Binary file not shown.
|
@ -2,23 +2,20 @@ import test from 'ava';
|
||||||
import {html} from 'htm/preact';
|
import {html} from 'htm/preact';
|
||||||
import {render} from 'preact-render-to-string';
|
import {render} from 'preact-render-to-string';
|
||||||
|
|
||||||
import {PrivacyLink} from '../../source/index.js';
|
import {PrivacyLink} from '../../source/gram.js';
|
||||||
|
|
||||||
test('PrivacyLink', (t) => {
|
test('PrivacyLink', (t) => {
|
||||||
t.snapshot(render(html`<${PrivacyLink} />`), 'Empty');
|
t.snapshot(render(html`<${PrivacyLink} />`), 'Empty');
|
||||||
|
|
||||||
const attributes: Record<string, unknown> = {
|
|
||||||
href: 'https://example.org',
|
|
||||||
};
|
|
||||||
t.snapshot(
|
t.snapshot(
|
||||||
render(html`<${PrivacyLink} attributes=${attributes}>Example<//>`),
|
render(html`<${PrivacyLink} href="https://example.org">Example<//>`),
|
||||||
'Text children',
|
'Text children',
|
||||||
);
|
);
|
||||||
|
|
||||||
t.snapshot(
|
t.snapshot(
|
||||||
render(
|
render(
|
||||||
html`
|
html`
|
||||||
<${PrivacyLink} attributes=${attributes}>
|
<${PrivacyLink} href="https://example.org">
|
||||||
Example <span class="bold">with children</span>
|
Example <span class="bold">with children</span>
|
||||||
<//>
|
<//>
|
||||||
`,
|
`,
|
||||||
|
@ -26,9 +23,14 @@ test('PrivacyLink', (t) => {
|
||||||
'HTML children',
|
'HTML children',
|
||||||
);
|
);
|
||||||
|
|
||||||
attributes.class = 'bold italic';
|
|
||||||
t.snapshot(
|
t.snapshot(
|
||||||
render(html`<${PrivacyLink} attributes=${attributes}>Example<//>`),
|
render(
|
||||||
|
html`
|
||||||
|
<${PrivacyLink} class="bold italic" href="https://example.org">
|
||||||
|
Example
|
||||||
|
<//>
|
||||||
|
`,
|
||||||
|
),
|
||||||
'CSS class',
|
'CSS class',
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
|
@ -20,4 +20,4 @@ Generated by [AVA](https://avajs.dev).
|
||||||
|
|
||||||
> CSS class
|
> CSS class
|
||||||
|
|
||||||
'<a href="https://example.org" class="bold italic" rel="noopener noreferrer" target="_blank">Example</a>'
|
'<a class="bold italic" href="https://example.org" rel="noopener noreferrer" target="_blank">Example</a>'
|
||||||
|
|
Binary file not shown.
Loading…
Reference in New Issue