NER nexpr

## image.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                nexpr
                / image.md
            
            
              Last active
              July 10, 2022 08:17
            
              
                UIライブラリで見かけるようなinputの左上にラベルついてるやつ
              
          
## fn.php
<?php

$let = fn(...$a) => array_pop($a)(...$a);

$v1 = 10;

$let($v1 + 1, fn($v2) =>
$let($v2 + 1, fn($v3) =>
$let($v3 + 1, fn($v4) =>
	var_dump($v1, $v2, $v3, $v4)

## ReSort.js
const ReSort = ({ items, onChange, keySelector, itemRender }) => {
	const [selected, setSelected] = useState(null)

	const onClick = (item) => (event) => {
		if (!selected) {
			setSelected(item)
		} else if (selected === item) {
			setSelected(null)
		} else {
			const selected_index = items.indexOf(selected)

## HexInput.js
import { useState } from "react"

const toHexString = (num) => {
	return num.toString(16).toUpperCase()
}

const fromHexString = (hex) => {
	return hex ? parseInt(hex, 16) : 0
}

## dom-example.js
import dom from "./dom.js"

// 1

const div = dom.div({ className: "foo" }, [
	dom.input(),
	dom.input({ type: "checkbox" })
])

document.body.append(div)

## crlf2lf.py
import sys
import glob

for arg in sys.argv[1:]:
    for path in glob.glob(arg, recursive=True):
        with open(path, "rb") as f:
            text1 = f.read().decode()

        text2 = text1.replace("\r\n", "\n")

## example.js
const A = gen()
const B = gen()
const a = A({ v: 0 })
const b = B({ v: 1 })

class C {}
const c = new C()

const values = [
	new Date(),

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

<script>
	// for emotion
	window.process = { env: {} }
</script>
<script type="module">
	import { html, render } from "https://unpkg.com/lit-html@2.1.1/lit-html.js"
	import { css, cx } from "https://unpkg.com/@emotion/css@11.7.1/dist/emotion-css.esm.js?module"

## getcoalescedevents.html
<!DOCTYPE html>
<meta charset="utf-8" />

<style>
	.flex-container {
		display: flex;
		flex-flow: row wrap;
		gap: 20px;
	}

## index.html
<!DOCTYPE html>
<meta charset="utf-8" />

<style>
	body {
		margin: 0;
	}

	.control {
		display: inline-block;
	<?php

	$let = fn(...$a) => array_pop($a)(...$a);

	$v1 = 10;

	$let($v1 + 1, fn($v2) =>
	$let($v2 + 1, fn($v3) =>
	$let($v3 + 1, fn($v4) =>
	var_dump($v1, $v2, $v3, $v4)
	const ReSort = ({ items, onChange, keySelector, itemRender }) => {
	const [selected, setSelected] = useState(null)

	const onClick = (item) => (event) => {
	if (!selected) {
	setSelected(item)
	} else if (selected === item) {
	setSelected(null)
	} else {
	const selected_index = items.indexOf(selected)
	import { useState } from "react"

	const toHexString = (num) => {
	return num.toString(16).toUpperCase()
	}

	const fromHexString = (hex) => {
	return hex ? parseInt(hex, 16) : 0
	}
	import dom from "./dom.js"

	// 1

	const div = dom.div({ className: "foo" }, [
	dom.input(),
	dom.input({ type: "checkbox" })
	])

	document.body.append(div)
	import sys
	import glob

	for arg in sys.argv[1:]:
	for path in glob.glob(arg, recursive=True):
	with open(path, "rb") as f:
	text1 = f.read().decode()

	text2 = text1.replace("\r\n", "\n")
	const A = gen()
	const B = gen()
	const a = A({ v: 0 })
	const b = B({ v: 1 })

	class C {}
	const c = new C()

	const values = [
	new Date(),
	<!DOCTYPE html>
	<meta charset="utf-8" />

	<script>
	// for emotion
	window.process = { env: {} }
	</script>
	<script type="module">
	import { html, render } from "https://unpkg.com/lit-html@2.1.1/lit-html.js"
	import { css, cx } from "https://unpkg.com/@emotion/css@11.7.1/dist/emotion-css.esm.js?module"
	<!DOCTYPE html>
	<meta charset="utf-8" />

	<style>
	.flex-container {
	display: flex;
	flex-flow: row wrap;
	gap: 20px;
	}