mdunbavan

Create beautiful REST API docs authored in Markdown

• Adopted from: https://stubby4j.com/docs/admin_portal.html
• Inspired by Swagger API docs style & structure: https://petstore.swagger.io/#/pet

---

Creating new/overwriting existing stubs & proxy configs

mdunbavan

Inspired by dannyfritz/commit-message-emoji

See also gitmoji.

Commit type	Emoji
Initial commit	🎉 :tada:
Version tag	🔖 :bookmark:
New feature	✨ :sparkles:
Bugfix	🐛 :bug:

mdunbavan

Create the bucket

1. Open the console https://console.cloud.google.com
2. If you haven't already, setup your Cloud billing account
3. From the drop down at the top of the screen, create new project for your client, e.g. my-client
4. Make a note of the Project number on the project Home screen (Craft refers to this as the Project ID)
5. In the sidebar go to APIs & Services > Credentials, click the + Create credentials button and choose the Service Account type

• Set account name to craft-cms or similar
• Set role to Owner
• Save

6. Click on the newly created service account email to edit it, then click the Keys tab and click Add key > Create new key and select the JSON format

mdunbavan

import React, { Component } from 'react'

class MyTopLevelComponent extends Component {
  componentDidMount () {
    this.scrollToHashId()
  }

  componentDidUpdate () {
    this.scrollToHashId()
  }

mdunbavan

{% includejs %}

                $('.postcode-form').submit(function(ev) {
                    // Prevent the form from actually submitting
                    ev.preventDefault();

                    var inputVal = $(this).find('input').val();

                    if(inputVal.length == 0 ){
                        $(this).find('input').addClass('b--red');

mdunbavan

'api/reviews.json' => function() {
            return [
                'elementType' => Entry::class,
                'elementsPerPage' => 3,
                'pageParam' => 'pg',
                'criteria' => ['section' => 'customerReviews'],
                'transformer' => function(Entry $entry) {

                    $image = $entry->customerPhoto->one();
                    $userImage = Imgix::$plugin->imgixService->transformImage( $image, [ 'width' => 120 ], ['lossless' => 0,'auto' => 'compress','fm' => 'jpg','q' => 90,'lazyload' => true ]);

mdunbavan

{% extends '_layout' %}

{% block content %}
{% include 'shop/_includes/meter' %}

<section class="container center-ns ph6-ns ph4">
	<div class="flex-ns flex-wrap items-start justify-left">
		<div class="w-100 tc mb4">
			<h2 class="pa0 ma0 f2">Payment</h2>
		</div>

mdunbavan

<template>

    <div class="vh-100 nav-bar">
      <nav role="main" class="w-100 tl">
        <ul class="center pv5 ph5">
          <li class="db v-mid mb3 text-gray">My Folders</li>
          <li class="db v-mid mb3 text-gray">Shared with me</li>
          <li class="db v-mid mb3 text-gray">From Canvas8</li>
          <li class="db v-mid mb3 text-gray">Sent</li>
          <li class="db v-mid mb3 text-gray">Archive</li>

mdunbavan

Get Instagram Images via JavaScript

Get API Info

You will need the user_id from the user. This is difficult to discover at Instagram but easy from this site http://jelled.com/instagram/lookup-user-id

I used http://jelled.com/instagram/access-token for the next few steps

You will also need an access token which ends up being difficult to obtain. Log into the account and go to their Developer Page.

mdunbavan

let mix = require("laravel-mix");
let tailwindcss = require("tailwindcss");
let glob = require("glob-all");
let PurgecssPlugin = require("purgecss-webpack-plugin");

/**
 * Custom PurgeCSS Extractor
 * https://github.com/FullHuman/purgecss
 * https://github.com/FullHuman/purgecss-webpack-plugin
 */