daybrush

import traverse from "@babel/traverse";
import t from "@babel/types";

traverse(ast, {
    FunctionDeclaration: function (path) {
      // path.node(FunctionDeclaration)
      path.insertAfter(t.variableDeclaration("var", [
        t.variableDeclarator(
            t.identifier("__proto"),
            t.memberExpression(t.identifier("Item"), t.identifier("prototype"))

daybrush

daybrush

import babel from "rollup-plugin-babel";
import typescript from "rollup-plugin-typescript";
import uglify from "rollup-plugin-uglify";
import minify from "rollup-plugin-prototype-minify";

export default {
  input: 'src/index.ts',
  plugins: [babel()], // or typescript()
  output: {
    banner,

daybrush

var TRANSFORM = "trasnform";
var ANIMATION = "animation";
var DIRECTION_LEFT = 1;
var ALTERNATE_REVERSE = "alternate-reverse";


TRASNFORM;
ANIMATION;
DIRECTION_LEFT;
ALTERNATE_REVERSE;

daybrush

import babel from "rollup-plugin-babel";
import typescript from "rollup-plugin-typescript";
import uglify from "rollup-plugin-uglify";
import minify from "rollup-plugin-prototype-minify";

export default [
  {
    input: 'src/index.ts',
    plugins: [babel()], // or typescript()
    output: {

daybrush

.animate {
  animation-name: keyframes1;
  animation-duration: 4;
  animation-iteration-count: 3;
  animation-timing-function: ease-in-out;
}
@keyframes keyframes1 {
  0% {
    left: 0%;
  }

daybrush

new Scene({
  ".animte": {
      0: {
        left: "0%",
      },
      2: {
        left: "50%",
      },
      4: {
        left: "30%",

daybrush

// b.js
function a() {
}

function b() {
 a();
}

daybrush

new Scene.SceneItem({
  0: {
    number: 0,
    stringWithUnit: "0px",
    color: "#ff5555",
    function: 0,
    array: [0, 50, 100],
    object: {"a": 1, "b": 2},
    etc: "A",
  },

daybrush

/* CSS Easing */
{
  easing: Scene.EASE_IN, // EASE_OUT, EASE_IN_OUT, ...
}
/* Custom */
{
  easing: t => 1 - Math.pow(t, 3),
}