yannbf

// ==UserScript==
// @name         Bol automator
// @namespace    http://tampermonkey.net/
// @version      0.13
// @description  Easier, interesting ways of automating stuff to make our lives easier :D
// @author       Yann Braga
// @match        https://*.test2.bol.com/*
// @match        https://*.acc2.bol.com/*
// @icon         https://www.google.com/s2/favicons?domain=bol.com
// @updateURL    https://gist.github.com/yannbf/f41cec7f91fc09f0e70024d3bc540ae4/raw/bol-scripts.user.js

yannbf

STORYBOOK COURSE

Course length: Around 4h

Course purpose: Introduce the advantages of using storybook in app development and break the concept that Storybook is only good for component libraries

Target audience: All levels of developers

PART 1 - Storytelling (10min)

• Tell a story about app development and the pain that us devs usually face:

yannbf

Howdy!

Storybook is a tool with countless shapes and configurations, and given that we give support to hundreds of people, it's very important to provide a minimal repo that can reproduce your issue/situation. Thanks for your effort! This will help us assist you better and faster.

And now, let's get to it!

Fork a Storybook sandbox

We will be using codesandbox in these instructions, and you will need an account.

yannbf

{"version":1,"resource":"file:///Users/yannbraga/open-source/test-runner/src/playwright/transformPlaywrightJson.ts","entries":[{"id":"ppvZ.ts","timestamp":1652900410861},{"id":"XyFE.ts","timestamp":1652900444720},{"id":"RmQi.ts","timestamp":1652900455057},{"id":"GMkr.ts","timestamp":1652900523432},{"id":"EHu8.ts","timestamp":1652900638473},{"id":"KrrH.ts","timestamp":1652900656252},{"id":"Avut.ts","timestamp":1652953599684},{"id":"W6OM.ts","timestamp":1652953670671},{"id":"Tmgn.ts","timestamp":1652953763495},{"id":"Nwje.ts","timestamp":1652954181702},{"id":"Yxbu.ts","timestamp":1652954418877},{"id":"R9EO.ts","timestamp":1652954480097},{"id":"nhcS.ts","timestamp":1655671821388},{"id":"pQJV.ts","timestamp":1655671986342},{"id":"P10q.ts","timestamp":1655672001791},{"id":"Xh0A.ts","timestamp":1655672595690},{"id":"NE6q.ts","timestamp":1655672614745},{"id":"Pzth.ts","timestamp":1656232910785},{"id":"Blhu.ts","timestamp":1656327095289}]}

yannbf

{"lastUpload":"2019-04-02T20:47:37.136Z","extensionVersion":"v3.2.7"}

yannbf

#!/usr/bin/env node

const
    path = require("path"),
    fs = require("fs");

/**
 * List all files in a directory recursively in a synchronous fashion
 *
 * @param {String} dir

yannbf

[
  {
    "id": 107221658,
    "name": "angular-2-alura",
    "full_name": "luisguilhermemaia/angular-2-alura",
    "owner": {
      "login": "luisguilhermemaia",
      "id": 16075854,
      "avatar_url": "https://avatars1.githubusercontent.com/u/16075854?v=4",
      "gravatar_id": "",

yannbf

<!--Side Menu with avatar-->
<ion-menu [content]="content" id="menu-avatar">
  <ion-content>
    <div #header>
      <ion-row style="align-items:center;">
        <ion-col col-3>
          <img src="assets/icon/icon-email.svg" />
          <span class="icon-badge">4</span>
        </ion-col>
        <ion-col col-6>

yannbf

#!/bin/sh
 
PAGE=${1}Page
FILE=$(echo "$1" | sed 's/[A-Z]/-\l&/g;s/.//') 

cat << EOF >${FILE}.module.ts
import { $PAGE } from './$FILE';
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';

yannbf

<ion-grid>
    <ion-row>
        <ion-col *ngFor="let option of options"
                  (click)="selectOption(option)"
                  [class.selected]="option.selected"
                  [class.pulse]="option.selected"
                  class="scroll-item selectable-icon">
          <img [src]="option.image"/>
          <p>{{option.text}}</p>
          <ion-icon name="ios-checkmark-circle"></ion-icon>