Sam Goto samuelgoto

An exploration of a hypermedia API type with a syntax inspired by kotlin builders.

Main optimization factor here is to find a data format that is better at intermingling structure and semantics.

{
  itemtype: "http://schema.org/LocalBusiness"
  itemscope: true,
  name: "Cascal",

Heavily inspired by kotlin and groovy, what would the following syntax simplication enable?

a {}

// syntact sugar for

a(function() {});

?

foobar

import React, { PropTypes } from 'react';
import { StyleSheet, css } from 'aphrodite/no-important';
import { spacing } from '../../styles/base/spacing';

// CSS in JS
const styles = StyleSheet.create({
 card: {

Introduction

This is an exploration of a DST to be embedded in javascript designed specifically to build and manipulate the HTML DOM.

Largely inspired by a {Kotlin, JFX, Protobuf, JSON-ish}-like syntax (to intermingle well with javascript code) and a JSX-like DOM building algorithm.

Basic idea

Introduce syntax to javascript to intermingle tree-like docs and code and vice versa. Something like this:

Trying to collect some options discussed here and see what they look like with syntax highlighting from various threads (see reference).

// ruby
let map = { a => 1, b => 2, c => 3 };

// kotlin
let map = { a to 1, b to 2, c to 3 };

	Would it enable things like with(foo) { hello(); bar(); }?

	much like lock(resource) { do(); }

	https://kotlinlang.org/docs/reference/lambdas.html
	?