Alex Kanunnikov lifeart

## script.js
import Component from "@glimmer/component";
import { action } from "@ember/object";
import opacity from "ember-animated/motions/opacity";
import Sprite from "ember-animated/-private/sprite";

interface TransitionContext {
    duration: number;
    insertedSprites: Sprite[];
    removedSprites: Sprite[];
    receivedSprites: Sprite[];

## component.js
import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import Object from "@ember/object";
import { reads } from "@ember/object/computed";
import { validator, buildValidations } from "ember-cp-validations";
import { getOwner } from "@ember/application";

const Validations = buildValidations({
  billing_first_name: {
    descriptionKey: "form.fields.billing_first_name",

## index.html
<!doctype html>
<html>
  <head>
    <title>Glimmer Demo</title>
  </head>
  <body>
    <script src="./app.bundle.js"></script>
    <example-app />
  </body>
</html>

## glimmer.js
import { set } from '@ember/object';

function store(initValue) {
	let context = null;
	let propName = null;
	let getter = {
		get value() {
			retun initValue
		}
	}

## links.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                lifeart
                / links.md
            
            
              Created Nov 16, 2019
            
              
                VsCode Ember Syntax Colorization links
              
          
      View links.md
  
    
    https://code.visualstudio.com/blogs/2017/02/08/syntax-highlighting-optimizations
https://code.visualstudio.com/api/extension-guides/color-theme#syntax-colors
https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide
https://code.visualstudio.com/docs/getstarted/themes
https://code.visualstudio.com/api/references/contribution-points#contributes.colors
https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide#scope-inspector
https://github.com/ciena-blueplanet/vscode-ember-colorizer
https://github.com/daaain/Handlebars/blob/master/grammars/Handlebars.json

  
## ability.ts
import { get } from '@ember/object';

const permissions = {
  study: {
    see: ['STUDY_MANAGER',  'DATA_ENTRY', 'ADMIN'],
    create: ['DATA_ENTRY', 'ADMIN'],
    edit: ['STUDY_DIRECTOR', 'DATA_ENTRY', 'ADMIN'],
  }
}

## components.my-component.js
import Ember from 'ember';

function vueComponentWrapper(
  Component,
  { container, data = {}}
) {
  const mountNode = document.createElement("div");
  container.appendChild(mountNode);
  var ComponentClass = Vue.extend(Component);
  var instance = new ComponentClass({

## components.my-component.js
import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
   	mutate() {
    	this.set('items', [1,2,3]);
    }
  }
});

## controllers.application.js
import Ember from 'ember';

function useState(defaultValue, updateValue) {

}

export default Ember.Controller.extend({
  init() {
  		this._super(...arguments);


## components.my-component.js
import vue from '../utils/vue';

export default vue({
	data() {
		return {
			name: 1,
      items: [],
      james: {
      	name: 12
      }
	import Component from "@glimmer/component";
	import { action } from "@ember/object";
	import opacity from "ember-animated/motions/opacity";
	import Sprite from "ember-animated/-private/sprite";

	interface TransitionContext {
	duration: number;
	insertedSprites: Sprite[];
	removedSprites: Sprite[];
	receivedSprites: Sprite[];
	import Component from "@glimmer/component";
	import { tracked } from "@glimmer/tracking";
	import Object from "@ember/object";
	import { reads } from "@ember/object/computed";
	import { validator, buildValidations } from "ember-cp-validations";
	import { getOwner } from "@ember/application";

	const Validations = buildValidations({
	billing_first_name: {
	descriptionKey: "form.fields.billing_first_name",
	<!doctype html>
	<html>
	<head>
	<title>Glimmer Demo</title>
	</head>
	<body>
	<script src="./app.bundle.js"></script>
	<example-app />
	</body>
	</html>
	import { set } from '@ember/object';

	function store(initValue) {
	let context = null;
	let propName = null;
	let getter = {
	get value() {
	retun initValue
	}
	}
	import { get } from '@ember/object';

	const permissions = {
	study: {
	see: ['STUDY_MANAGER', 'DATA_ENTRY', 'ADMIN'],
	create: ['DATA_ENTRY', 'ADMIN'],
	edit: ['STUDY_DIRECTOR', 'DATA_ENTRY', 'ADMIN'],
	}
	}
	import Ember from 'ember';

	function vueComponentWrapper(
	Component,
	{ container, data = {}}
	) {
	const mountNode = document.createElement("div");
	container.appendChild(mountNode);
	var ComponentClass = Vue.extend(Component);
	var instance = new ComponentClass({
	import Ember from 'ember';

	export default Ember.Component.extend({
	actions: {
	mutate() {
	this.set('items', [1,2,3]);
	}
	}
	});
	import Ember from 'ember';

	function useState(defaultValue, updateValue) {

	}

	export default Ember.Controller.extend({
	init() {
	this._super(...arguments);
	import vue from '../utils/vue';

	export default vue({
	data() {
	return {
	name: 1,
	items: [],
	james: {
	name: 12
	}