Skip to content

Instantly share code, notes, and snippets.

Avatar

Renoir Boulanger renoirb

View GitHub Profile
View 0_README.md

RBC Royal Bank Online Banking doesn't allow extracting CSV of transactions

This does. Just run this when you’ve selected the filter criteria you want, then paste this in developer tool. It'll transform the transaction button with "Download CSV". A date range and you want those transactions as CSV, with transaction number and only amounts, no formatting: so you can use your spreadsheet to manage that data.

Furthermore, RBC’s OMNI Team; What would be even cooler is if when we filter the transactions with criterias. When we click to view an item, like a Cheque image, when we click "Back" on the browser, we don’t lose the search we had. Like it currently does. That would be easily possible if the URL kept the filter criterias. This changes browser history, and allows to use the Back button *for free*. But the FrontEnd code doesn’t do that. And that Gist’s content isn't covering this problem — But I might tackle that one too some day.

Illustration

@renoirb
renoirb / 0_README.md
Last active Oct 23, 2022
Extracting transactions from RBC Personal Online Banking OMNI
View 0_README.md

RBC Royal Bank Online Banking doesn't allow extracting CSV of transactions

This does. Just run this when you’ve selected a date range and you want those transactions as CSV

@renoirb
renoirb / components.ts
Created Nov 5, 2021
Lit.Dev with @lit-labs/context
View components.ts
import { LitElement, html, TemplateResult } from 'lit'
import { property } from 'lit/decorators/property.js'
import { state } from 'lit/decorators/state.js'
import { assert } from '@esm-bundle/chai'
import { ContextProvider, createContext } from '../context.js'
import { ContextConsumer } from '../lib/controllers/context-consumer.js'
@renoirb
renoirb / svg-loader.ts
Created Sep 27, 2021
Vite Lit.dev SVG loader
View svg-loader.ts
import { html } from 'lit'
import { unsafeSVG } from 'lit/directives/unsafe-svg.js'
import { dirname } from 'path'
import { readFile } from 'fs/promises'
import { Plugin } from 'vite'
import { URL } from 'url' // in Browser, the URL in native accessible on window
export const svgLoader = (): Plugin => {
const svgRegex = /\.svg(\?(raw|url|component))?$/
@renoirb
renoirb / 0README.md
Created Aug 16, 2021
Jenkinsfile when using RushJS.io and releasing only on CI
View 0README.md

Example of a Jenkinsfile when publish on Nexus and use with RushJS.io

@renoirb
renoirb / 0README.md
Last active Aug 25, 2021
Context API WebComponent state communication protocol prototype w/ Lit.dev
View 0README.md
@renoirb
renoirb / 0README.md
Last active Jul 15, 2021
DOM Coercion helpers
View 0README.md

DOM Cœrcion utils

Utilities to drill down and manipulate back to the DOM

@renoirb
renoirb / 0README.md
Created Jul 15, 2021
Stateful purgatory
View 0README.md

Stateful purgatory

Keep track of strings or numbers, and tell me whenever they are no longer needed.

Make something we want to keep track of to be self-purging. i.e. keep track of keys, by telling you've used them, if after a time isn't used, fill a list

Based on debounce-with-map.

@renoirb
renoirb / 0README_Input_Checkbox_Event.md
Last active Jun 10, 2021
Input and button clicking event without framework
View 0README_Input_Checkbox_Event.md

Input type checkbox activated by button

This is common pattern, a "prettier" button showing a checkbox when checked