Skip to content

Instantly share code, notes, and snippets.

@pzuraq
pzuraq / controllers.application\.js
Created July 1, 2020 21:36
Route Only QP Example
import Controller from '@ember/controller';
import { inject as service } from '@ember/service';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
transitionToQp = () => {
this.router.transitionTo({ queryParams: { foo: 123 } });
}
class FetchTask {
@tracked isLoading = true;
@tracked result;
constructor(url) {
this.run(url);
}
async run(url) {
let response = await fetch(url);
import Component from '@glimmer/component';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';
export default class extends Component {
@tracked showDD = false;
@tracked selectedFilters = [];
get unselectedFilters() {
return this.args.options.filter(f => !this.selectedFilters.includes(f));
## Earth and Moon
Terra
Gaia
Luna
## Planets
Mercury
Venus
import { createTag, dirtyTag, consumeTag } from '@glimmer/tracking/tags';
export function inLocalStorage(
target,
propertyKey,
descriptor
) {
const targetName = target.constructor.name;
const key = `${targetName}-${propertyKey}`;
import { get, notifyPropertyChange } from '@ember/object';
export function inLocalStorage(
target,
propertyKey,
descriptor
) {
const targetName = target.constructor.name;
const { initializer } = descriptor;
import { TrackedWeakMap } from 'tracked-built-ins';
function localCopy(target, key) {
let values = new TrackedWeakMap();
let lastValues = new WeakMap();
return {
get() {
let incoming = this.args[key];
let lastValue = lastValues.get(this);
@pzuraq
pzuraq / script.js
Created November 16, 2019 16:05
VSCode Vertical Tab Bar
let innerWidthDesc = Object.getOwnPropertyDescriptor(window, 'innerWidth');
let getOriginalInnerWidth = innerWidthDesc.get.bind(window);
let setOriginalInnerWidth = innerWidthDesc.set.bind(window);
let VERTICAL_TABS_ENABLED = false;
Object.defineProperty(window, 'innerWidth', {
get() {
if (VERTICAL_TABS_ENABLED) {
return getOriginalInnerWidth() - 200;
@pzuraq
pzuraq / controllers.application.js
Last active October 22, 2019 21:41
New Twiddle
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
queryParams: ['foo'],
foo: 'bar',
actions: {
@pzuraq
pzuraq / index.html
Created September 18, 2019 18:30 — forked from jjgonecrypto/index.html
es6 proxy #jsbench #jsperf (http://jsbench.github.io/#531652a2edfa806a5014558bafe6eb0e) #jsbench #jsperf
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>es6 proxy #jsbench #jsperf</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>