NER nexpr

## StylitElement.js
import { LitElement } from "lit"

export class StylitElement extends LitElement {
	constructor() {
		super()
		this._cssss = new CSSStyleSheet()
		this._style_num = 0
	}
	style(template, ...values) {
		const class_name = "c" + (this._style_num++).toString(36)

## keyboard-lock-test.html
<!doctype html>
<meta charset="utf-8" />

<script type="module">
	const addLog = (key) => {
		const div = document.createElement("div")
		div.textContent = `key: ${key}`
		setTimeout(() => {
			div.animate([
				{ height: div.clientHeight + "px" },

## index.js
const fs = require("fs")
const { createCanvas } = require("canvas")

const alphabets = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
const chars = alphabets + alphabets.toLowerCase() + "1234567890"

for (const [index, char] of [...chars].entries()) {
	const canvas = createCanvas(80, 80)
	const ctx = canvas.getContext("2d")
	ctx.font = "bold 70px serif"

## 1.js
export const ceil = (n, d) => Math.ceil(n * (10 ** d)) / (10 ** d)
export const round = (n, d) => Math.round(n * (10 ** d)) / (10 ** d)
export const floor = (n, d) => Math.floor(n * (10 ** d)) / (10 ** d)

## context-chain.jsx
import { useState, useContext, createContext } from "react"

const CounterContext = createContext()
const CounterProvider = CounterContext.Provider

const useCounter = () => useContext(CounterContext)

const useNewCounter = () => {
	const [count, setCount] = useState(0)
	return {

## measure.js
export default (fns, measure_count, effective_rate) => {
	const data = []

	for (let i = 0; i < measure_count; i++) {
		for (const [fn_index, fn] of fns.entries()) {
			if (!data[fn_index]) {
				data[fn_index] = []
			}

			const start = performance.now()

## readme.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nexpr
                / readme.md
            
            
              Last active
              September 19, 2022 04:15
            
              
                テキスト入力で色やサイズの指定 https://gistcdn.githack.com/nexpr/bd21d4887f26a834d4d496bdcc8d0211/raw/43680d61d597c360db0ec92c6cf7a3fcf8554223/sxml.html
              
          
XML としてパースする
S タグの属性でスタイルを指定

a: text-align
c: color
d: text-decoration
f: font-family
s: font-size
w: font-weight
ex: <S w="bold" c="blue">blue-bold</S>


D タグでタグ定義


## lit+fluent_ui-example.html
<!doctype html>
<meta charset="utf-8" />

<script type="module">
	import { html, css, LitElement, createRef, ref } from "https://cdn.jsdelivr.net/gh/lit/dist@2.2.8/all/lit-all.min.js"
	import "https://unpkg.com/@fluentui/web-components"

	const common_styles = css`
		.btns {
			display: flex;

## import-script-module.js
{
	const name_to_url = {}
	for (const script of document.querySelectorAll("script[data-module]")) {
		name_to_url[script.dataset.module] = URL.createObjectURL(new Blob([script.innerHTML], { type: "text/javascript" }))
	}

	const importmap = document.createElement("script")
	importmap.type = "importmap"
	importmap.innerHTML = `{"imports": ${JSON.stringify(name_to_url)}}`
	document.head.append(importmap)

## lit-lib-example.html
<!DOCTYPE html>
<meta charset="utf-8" />

<script type="module">
	import { html, render } from "https://cdn.skypack.dev/lit-html"

	const lit = (root, template, init, actions) => {
		let state = init

		const update = async (fn, ...args) => {
	import { LitElement } from "lit"

	export class StylitElement extends LitElement {
	constructor() {
	super()
	this._cssss = new CSSStyleSheet()
	this._style_num = 0
	}
	style(template, ...values) {
	const class_name = "c" + (this._style_num++).toString(36)
	<!doctype html>
	<meta charset="utf-8" />

	<script type="module">
	const addLog = (key) => {
	const div = document.createElement("div")
	div.textContent = `key: ${key}`
	setTimeout(() => {
	div.animate([
	{ height: div.clientHeight + "px" },
	const fs = require("fs")
	const { createCanvas } = require("canvas")

	const alphabets = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
	const chars = alphabets + alphabets.toLowerCase() + "1234567890"

	for (const [index, char] of [...chars].entries()) {
	const canvas = createCanvas(80, 80)
	const ctx = canvas.getContext("2d")
	ctx.font = "bold 70px serif"
	export const ceil = (n, d) => Math.ceil(n * (10 d)) / (10 d)
	export const round = (n, d) => Math.round(n * (10 d)) / (10 d)
	export const floor = (n, d) => Math.floor(n * (10 d)) / (10 d)
	export default (fns, measure_count, effective_rate) => {
	const data = []

	for (let i = 0; i < measure_count; i++) {
	for (const [fn_index, fn] of fns.entries()) {
	if (!data[fn_index]) {
	data[fn_index] = []
	}

	const start = performance.now()
	{
	const name_to_url = {}
	for (const script of document.querySelectorAll("script[data-module]")) {
	name_to_url[script.dataset.module] = URL.createObjectURL(new Blob([script.innerHTML], { type: "text/javascript" }))
	}

	const importmap = document.createElement("script")
	importmap.type = "importmap"
	importmap.innerHTML = `{"imports": ${JSON.stringify(name_to_url)}}`
	document.head.append(importmap)