New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

beako

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

beako

Beako.js is Web component tools with Data Binding, Template Engine and Virtual DOM for Deno.

0.9.18
latest
Source
npm
Version published
Maintainers
1
Created
Source

Beako.js

Beako.js is web component tools with Data Binding, Template Engine and Virtual DOM.

She support Deno and Web browsers.

What is Beako.js?

Please wait for it to be released in the near future.

The explanation in Japanese is written here.

Usage

Beako.js use ES Modules

Deno

deno install -f --allow-read --allow-write --allow-env --allow-run https://deno.land/x/beako@v0.9.18/cli/beako.ts
import { watch, hack } from 'https://deno.land/x/beako@v0.9.18/mod.ts'

const data = {
  count: 1
}

setInterval(() => { data.count++ }, 1000)

watch(data)

hack(document, `Counter: {{ count }}`, data)

Build:

beako build script.ts --outdir=public

To Import it into html:

<!DOCTYPE html>
<meta charset="UTF-8">
<body>Loading...</body>
<script type="module" src="script.js"></script>

CDN

<!DOCTYPE html>
<meta charset="UTF-8">
<body>Loading...</body>
<script type="module">
  import { watch, hack } from 'https://unpkg.com/beako@0.9.18/beako.js'

  const data = {
    count: 1
  }

  setInterval(() => { data.count++ }, 1000)

  watch(data)

  hack(document, `Counter: {{ count }}`, data)
</script>

Keywords

web components

FAQs

Package last updated on 19 Jan 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts