redgeoff

import each from 'lodash/each';

const eachLeafInner = (collection, iteratee, key) => {
  if (collection && typeof collection === 'object') {
    each(collection, (value, key) => {
      eachLeafInner(value, iteratee, key);
    })
  } else if (key !== undefined) {
    iteratee(collection, key)
  }

redgeoff

// The following code proves that functions created in `new Function()` cannot access local scope

// See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/Function for more details

let userDefinedFunction = function () {
  const foo = 'bar';
  const fn = () => { console.log(foo) };
  fn(); // This succeeds and prints 'bar'

  return new Function('props', `const f = ${fn.toString()}; return f(props);`) 

redgeoff

// Encode/decode a password in JS in a way that is compatible with Python's werkzeug password hashing

const crypto = require('crypto');
const util = require('util')

// Hashed value of clearTextPassword='secret'
const EXAMPLE_PYTHON_PASSWORD = 'pbkdf2:sha256:50000$GPJFgPGqrbYqxiM1DITq919diw3sRb5k$970485eef0aa61bf39dba3468b913ada19937eec00fec74b3077a7aec905f9c9'

const pbkdf2 = util.promisify(crypto.pbkdf2)

redgeoff

openapi: 3.0.0
info:
  title: Sample API
  description: Optional multiline or single-line description in [CommonMark](http://commonmark.org/help/) or HTML.
  version: 0.1.9
servers:
  - url: http://api.example.com/v1
    description: Optional server description, e.g. Main (production) server
  - url: http://staging-api.example.com
    description: Optional server description, e.g. Internal staging server for testing

redgeoff

swagger: '2.0'
info:
  version: 1.0.0
  title: Swagger Petstore
  description: A sample API that uses a petstore as an example to demonstrate features in the swagger-2.0 specification
  termsOfService: 'http://swagger.io/terms/'
  contact:
    name: Swagger API Team
  license:
    name: MIT

redgeoff

onSubmit={({ component }) => {
  // TODO: Contact some API with the data
  console.log("submitting", component.getValues());

  // Simulate response from API saying that email address is already in use and report this
  // error to the user
  if (component.get("fields.email.value") === "taken@example.com") {
    component.set({ "fields.email.err": "already in use" });
  } else {
    // Everything was successful so redirect, show confirmation, etc...

redgeoff

onMount={({ component }) => {
  // Load any initial data, e.g. from an API
  component.setValues({
    id: "abc123",
    firstName: "Bob",
    lastName: "Marley",
    email: "bob@example.com"
  });
}}

redgeoff

ReactDOM.render(
  <Component
    definition={definition}
    onSubmit={({ component }) => {
      alert(JSON.stringify(component.getValues()));
    }}
  />,
  document.getElementById("root")
);

redgeoff

const definition = {
  component: "Form",
  fields: [
    {
      name: "heading",
      component: "Text",
      text: "# Form using [MSON](https://github.com/redgeoff/mson)"
    },
    {
      name: "fullName",

redgeoff

// Instantiate with default prop
const component = new MyComponent({ firstName: 'Robert' });

// Listener that is run when lastName changes
component.on('lastName', value => { /* new lastName */ });

// Set props
component.set({ firstName: 'Bob', lastName: 'Marley' });

component.get('firstName'); // Bob