gecugamo

<?php
/**
 * The base configuration for WordPress
 *
 * The wp-config.php creation script uses this file during the
 * installation. You don't have to use the web site, you can
 * copy this file to "wp-config.php" and fill in the values.
 *
 * This file contains the following configurations:
 *

gecugamo

<?php

$site_url = urlencode( get_home_url() );
$post_title = urlencode( get_the_title() );
$post_url = urlencode( get_the_permalink() );
$featured_image = get_img( get_post_thumbnail_id() );
$placeholder_image = 'http://placehold.it/640x480';
$featured_image_src = has_post_thumbnail() ? $featured_image['src'] : $placeholder_image;

function get_img( $attachment_id, $attachment_size = 'full' ) {

gecugamo

function unique(array, newArray, index) {
    if (index === array.length) return newArray;
    
    if (newArray.indexOf(array[index]) === -1) newArray.push(array[index]);
    index += 1;
    return unique(array, newArray, index);
}

// unique([1, 2, 2, 3, 4, 5, 5], [], 0);
// [1, 2, 3, 4, 5]

gecugamo

// unique.js
const unique = (array, newArray = [], index = 0) => {
  if (index === array.length) return newArray;

  if (!newArray.includes(array[index])) newArray.push(array[index]);
  index += 1;
  return unique(array, newArray, index);
}

export default unique;

gecugamo

React vs Angular at Kin

Disclaimer: Some of this is anecdotal or opionion based - take with a grain of salt.

Category	Notes	Edge
Documentation	Documentation looks to be very good for both, but because Angular comes with more out of the box, more concepts are covered in official Angular docs.	Angular
Resources (tutorials, training courses, stackoverflow)	Both frameworks are popular and have been around for a long time.	Tie
SSR and SSG	Next.js (React SSR framework - which plays very nicely with TinaCMS) and Gatsby.js (React SSG framework) are by far more popular than Angular Universal (Angular SSR framework) and Scully.js (Angular SSG framework)	React
Learnability and Grokability	Angular is infamous for being overly complex, while React is reknown for being simple and straightforward	React
Release Cadence	Angular strives for a major releases every 6 months. React has no set cadence - they try to minimize number of major releases.	React

gecugamo

Links

• https://bookstack.kin.co/books/external-services/page/click-leads

Current Implementation

• User browsing on third-party site
• Click link that plops them on welcome.kin.com/landing and contains query params provider, lead_id, click_id
• If click_lead doesn't exist in db, 500 error
• If we have address data and it's from the proper location, send to /quote/about-you
• If we don't have enough info, send to /start

gecugamo

TypeScript + JSDoc

​ With TypeScript, a lot of information can be gleaned from TypeScript itself, either through explicit types or inferred types. So when we use TypeScript along with JSDoc, we could end up duplicating our documentation in some cases. When using JSDoc, we advise you to leave the documentation of types to TypeScript, but still utilize JSDoc to add descriptions. ​

Examples

When using JavaScript, we would use JSDoc to document the type, name (for @param), and description for @param and @returns. ​

/**
 * Divides one number by the other

gecugamo

$sizes: 'xs', 'sm', 'md', 'lg';

@each $size in $sizes {
    @for $i from 1 through 12 {
        $width: 100% / 12 * $i;
        
        .col-#{$size}-#{$i} {
            max-width: $width;
            flex-basis: $width;
        }

gecugamo

var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    debugger;
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var KinAddressAutocomplete_1;
import { html, LitElement } from 'lit';
import { customElement, property, query, queryAll, state } from 'lit/decorators.js';

gecugamo

module.exports = function(api) {
  var validEnv = ['development', 'test', 'production']
  var currentEnv = api.env()
  var isDevelopmentEnv = api.env('development')
  var isProductionEnv = api.env('production')
  var isTestEnv = api.env('test')

  if (!validEnv.includes(currentEnv)) {
    throw new Error(
      'Please specify a valid `NODE_ENV` or ' +