sethidden

Public Azure DevOps project where I create an example component library, upload it to Azure Artifacts private NPM repository then consume it in another repository (repo_that_uses_the_npm_package, yes it's actually named like that)

https://dev.azure.com/atagisow/test_project/ https://blog.tagisow.dev/azure-npm-pkg.html

sethidden

params = {
  trace: "verbose",
  workspaceFolders: [
    {
      uri: "file:///home/artur/dev/classattr",
      name: "/home/artur/dev/classattr",
    },
  ],
  capabilities: {
    window: {

sethidden

const R = require('ramda')
module.exports.normalize = R.pipe(
  R.indexBy(R.prop('id')),
  R.map(R.omit(['id']))
)

/*
module.exports.normalize = R.pipe(
  R.map(
    R.pipe(

sethidden

mapkey('yb', 'Copy azure devops pr branch', () => {
  const branchName = document.querySelector('.pr-header-branches > .bolt-link');
  Clipboard.write(branchName.text);
});

mapkey('y%', 'Copy current page url', () => Clipboard.write(window.location.href))

map('H', 'S');
map('L', 'D');
map('<Space>q', 'x');

sethidden

steps:
  - task: Npm@1 
    displayName: Install deps
    inputs:
      command: ci
  - task: Npm@1 
    displayName: Build lib
    inputs:
      command: custom
      customCommand: run build

sethidden

.sofar-sogood {
  color: red;
}
//oops
$variableandor: red;
$dont-use-or-in-variable-names: red;
$dont-use-and-in-variable-names: red;

// https://sass-lang.com/documentation/values/booleans
@debug true and false or false or true;

sethidden

360 Flip Tail Grab
Flamingo
Samba Flip
360 Varial McTwist
Barrel Roll
Indy 900
Sit Down Air
Chomp On This
360 Ghetto Bird
Back Spin Air

sethidden

<template>
  <table class="table">
    <thead class="table__head">
      <tr>
        <TableHeader v-for="{ text } in headers" v-text="text" :key="text" />
      </tr>
    </thead>
    <tbody class="table__body">
      <tr v-for="item in itemsFormatted" :key="item.id">
        <td v-text="item.name" />

sethidden

// .storybook/webpack.config.js
module.exports = ({ config }) => {
  config.module.rules.push({
    test: /\.scss$/,
    oneOf: [
      {
        resourceQuery: /module/,
        use: [
          'vue-style-loader',
          {

sethidden

{
    // Vue chrome debug config from: https://github.com/microsoft/vscode-recipes/tree/master/vuejs-cli
    "version": "0.2.0",
    "configurations": [
      {
        "type": "chrome",
        "request": "launch",
        "name": "default: chrome",
        "url": "http://localhost:8089",
        "webRoot": "${workspaceFolder}/src",