-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
15 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
version: 0.6.0 | ||
version: 0.6.1 | ||
commit: 'chore: bump to v%.%.%' | ||
files: | ||
README.md: | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,6 @@ | ||
<img src="https://raw.githubusercontent.com/capsidjs/capsule/master/capsule-logo.svg" width="70" alt="capsule" /> | ||
|
||
# Capsule v0.6.0 | ||
# Capsule v0.6.1 | ||
|
||
[![ci](https://github.com/capsidjs/capsule/actions/workflows/ci.yml/badge.svg)](https://github.com/capsidjs/capsule/actions/workflows/ci.yml) | ||
|
||
|
@@ -11,7 +11,7 @@ | |
- Supports **event-driven** style of frontend programming in a **new way**. | ||
- Supports **event delegation** and **outside events** out of the box. | ||
- **Lightweight** library. | ||
[**1.25 kiB**](https://raw.githubusercontent.com/capsidjs/capsule/v0.6.0/dist.min.js) | ||
[**1.25 kiB**](https://raw.githubusercontent.com/capsidjs/capsule/v0.6.1/dist.min.js) | ||
gzipped. **No dependencies**. **No build** steps. | ||
- Uses **plain JavaScript** and **plain HTML**, requires **No special syntax**. | ||
- **TypeScript** friendly. | ||
|
@@ -163,15 +163,15 @@ Vanilla js (ES Module): | |
|
||
```html | ||
<script type="module"> | ||
import { component } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
import { component } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
// ... your code ... | ||
</script> | ||
``` | ||
|
||
Vanilla js (Legacy script tag): | ||
|
||
```html | ||
<script src="https://deno.land/x/[email protected].0/loader.js"></script> | ||
<script src="https://deno.land/x/[email protected].1/loader.js"></script> | ||
<script> | ||
capsuleLoader.then((capsule) => { | ||
const { component } = capsule; | ||
|
@@ -183,7 +183,7 @@ capsuleLoader.then((capsule) => { | |
Deno: | ||
|
||
```js | ||
import { component } from "https://deno.land/x/[email protected].0/mod.ts"; | ||
import { component } from "https://deno.land/x/[email protected].1/mod.ts"; | ||
``` | ||
|
||
Via npm: | ||
|
@@ -203,7 +203,7 @@ import { component } from "@kt3k/capsule"; | |
Mirrors input value of `<input>` element to another dom. | ||
|
||
```js | ||
import { component } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
import { component } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
|
||
const { on } = component("mirroring"); | ||
|
||
|
@@ -215,7 +215,7 @@ on.input = ({ query }) => { | |
Pubsub. | ||
|
||
```js | ||
import { component } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
import { component } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
|
||
const EVENT = "my-event"; | ||
|
||
|
@@ -241,7 +241,7 @@ const EVENT = "my-event"; | |
Mount hooks. | ||
|
||
```js | ||
import { component } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
import { component } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
|
||
const { on } = component("my-component"); | ||
|
||
|
@@ -254,7 +254,7 @@ on.__mount__ = () => { | |
Prevent default, stop propagation. | ||
|
||
```js | ||
import { component } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
import { component } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
|
||
const { on } = component("my-component"); | ||
|
||
|
@@ -272,7 +272,7 @@ Event delegation. You can assign handlers to `on(selector).event` to use | |
pattern. | ||
|
||
```js | ||
import { component } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
import { component } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
|
||
const { on } = component("my-component"); | ||
|
||
|
@@ -285,7 +285,7 @@ Outside event handler. By assigning `on.outside.event`, you can handle the event | |
outside of the component dom. | ||
|
||
```js | ||
import { component } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
import { component } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
|
||
const { on } = component("my-component"); | ||
|
||
|
@@ -297,7 +297,7 @@ on.outside.click = ({ e }) => { | |
# API reference | ||
|
||
```ts | ||
const { component, mount } from "https://deno.land/x/[email protected].0/dist.min.js"; | ||
const { component, mount } from "https://deno.land/x/[email protected].1/dist.min.js"; | ||
``` | ||
|
||
## `component(name): ComponentResult` | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,6 @@ | ||
{ | ||
"name": "@kt3k/capsule", | ||
"version": "0.6.0", | ||
"version": "0.6.1", | ||
"exports": { | ||
".": "./mod.ts" | ||
}, | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters