jcfranco

// assumes script is in calcite-design-system/packages/calcite-components/support/

import { promises as fs } from "fs";
import { resolve } from "path";
import type { JsonDocs } from "../calcite-components/dist/extras/docs-json.d.ts";

(async () => {
  const docsJsonPath = resolve("../calcite-components/dist/extras/docs-json.json");
  const docsJsonContent = await fs.readFile(docsJsonPath, "utf8");
  const docsJson: JsonDocs = JSON.parse(docsJsonContent);

jcfranco

#!/bin/zsh

# Check for correct number of arguments
if [ "$#" -ne 2 ]; then
  echo "Usage: $0 <repo-url> <branch-name>"
  exit 1
fi

# Assign arguments to variables
REPO_URL=$1

jcfranco

:host(:focus) {
  &[active] {
      foo: "bar";
  }
}
      

jcfranco

:host(:focus) {
  &[active] {
      // ...
      display: block;
  }
}
      

jcfranco

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { tracked } from '@glimmer/tracking';

export default class ApplicationController extends Controller {
  @tracked seededValue
  
  @action seedValueWithFocusShift() {
    document.getElementById('seeded').setFocus()
    this.seededValue = Math.random()

jcfranco

import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

	@tracked items;
 
	init() {

jcfranco

import Controller from '@ember/controller';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

	@tracked items;
 
	init() {

jcfranco

/*
  Enforceable by `component-member-order` rule (https://github.com/natemoo-re/tslint-stencil/blob/5aa7cfc5e3b627e67cd42ea3fbe7b8394fd14730/docs/component-member-order.md):

  "component-member-order": {
    "severity": "warn",
    "options": {
      "order": [
        "lifecycle",
        "stencil-method",
        "prop",

jcfranco

Chrome Extensions

• Clutter Free (prevents duplicate tabs)
• The Great Suspender (suspends inactive tabs)
• WhatFont
• Page Ruler
• JSON Formatter
• CSS Dig (inspect loaded CSS)
• Intern Recorder (functional testing helper)
• Copy All URLs

jcfranco

#set( $VM = $NAME + "ViewModel" )
#set( $FULL_WIDGET_PATH = $PATH_TO_WIDGET_FOLDER + "/" + $NAME ) 
#set( $MID = $FULL_WIDGET_PATH.replace("/", ".") )
#set( $BASE_CSS_CLASS = $NAME.toLowerCase() )

/// <amd-dependency path="esri/core/tsSupport/declareExtendsHelper" name="__extends" />
/// <amd-dependency path="esri/core/tsSupport/decorateHelper" name="__decorate" />

import { declared, property, subclass } from "esri/core/accessorSupport/decorators";