medeirosjoaquim

Next.js client-only SPA example

Made this example to show how to use Next.js router for a 100% SPA (no JS server) app.

You use Next.js router like normally, but don't define getStaticProps and such. Instead you do client-only fetching with swr, react-query, or similar methods.

You can generate HTML fallback for the page if there's something meaningful to show before you "know" the params. (Remember, HTML is static, so it can't respond to dynamic query. But it can be different per route.)

Don't like Next? Here's how to do the same in Gatsby.

medeirosjoaquim

/**
 * General-purpose NodeJS CLI/API wrapping the Stable-Diffusion python scripts.
 *
 * Note that this uses an older fork of stable-diffusion
 * with the 'txt2img.py' script, and that script was modified to
 * support the --outfile command.
 */

var { spawn, exec } = require("child_process");
var path = require("path");

medeirosjoaquim

"          _                      _          "
"   _     /||       .   .        ||\     _   "
"  ( }    \||D    '   '     '   C||/    { %  "
" | /\__,=_[_]   '  .   . '       [_]_=,__/\ |"
" |_\_  |----|                    |----|  _/_|"
" |  |/ |    |                    |    | \|  |"
" |  /_ |    |                    |    | _\  |"

	It is all fun and games until someone gets hacked!

medeirosjoaquim

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAAGrCAYAAABdZiv9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAP+lSURBVHhe7P1nkGRZmh2IHdciPFRG6szSsqurqrtnunump0dhBGYgCDFYaBDEkrAllz9otv/XbPCDNKMZjTSjEctdklgsFgOxwAyAUZiZ1rqrqkukqMxKrTMyQ+twLXjOd9/1eOHp7uHu4REpKk/mjff8vSu/e++533ffffdFGg6o1auo1WrwiETCLgIe0JCj33q94a7pZhMN3gPq+uP+G+RD/qJR+d+61i98fEpbrhk/I4tFo3bsNV6FVTlcfoML9ifCuGKIxeM8ax+bwu0FfGqDxq7wncLuNu69RDhv/eZzWOUatnwU36Bx9ZIX7yeMYeW9HXYjn9a87mU+OyGc/6g75Y8eO7KIIBaLGoHxvzmRTTQgtTjv2X3+VkKK1ZFkfddk0Up2SrtfshOafpvhfIyMv8F8GgvuH8J576ccvcKXZi/i3g3albsfyQ+zlva3xjsjXFft6it8TX6920v4NDrlycPfDzthN/n0cewWPm0jPFGII6PgcmuOQ/DkEr7lz/11+YnFSIBy+kEoenLeQFCuHiQ7EWz/ZOfR1E51sFP328i5IU3Xp7QdPtiw4KNTau1T7A07hfXxN4v7ENEpD4OWf7fl2Y3cO2HQPLWG87LyTvB1OSy0S6MdfJqt/r0TfN7CbhCE4wyf94vWcE7DYyd3Gdu63TwLTnS/10TlT85rfdtN393B4m7G23ue2sHF5c98CR2xmmneFrtJcTt8TIM2ilb0kjOf1vBK0R1Kp9W1w6AyGJbshomwjDuVVwjLJOxX4VudR/h8GGhNU/DX2sH76+SGiWHFGw5Pwgu0uw4dvFvhd4LCmtlJTc80vqYB3T+M3PhHjhbzrsiutaSt8TTMrB1QHe0ApdHqhHZS9/f2CkpTLpyPYc

medeirosjoaquim

I'm on my 6th+ year of experience. I worked on production with the main frameworks (React, Angular and Vue). Worked with a couple of different CMS systems (Wordpress and Prismic). For the last couple of years, I worked on consultant companies, helping clients with digital transformation, mostly using javascript/typescript.

I've worked in the team that builds the most used credit score in Brazil (Serasa/Experian's Score), using React, Typescript and Redux Saga.

My last project in Brazil as a consultant was with Globo TV, a Brazilian broadcast channel, helping to develop their stream platform Globoplay (https://globoplay.globo.com/), where I worked with React, React Native.

Then I stopped working for Brazilian companies because of biased environments and even started scrapping this companies from my CV.

Worked as contractor for GrowerIQ (Canada) and as a freelancer for ekipa (Germany). My last job was as a senior frontend developer for LeadIQ (US/Singapore) working with VueJS.

medeirosjoaquim

[
    {
        "date": "05-01-2022",
        "morning": [
            {
                "food": "egg",
                "quantity": 1,
                "calories": 100
            },
            {

medeirosjoaquim

mp3 ()
{
  echo Youtube to MP3
  echo
  cd ~/music2020 # or the dir you want...
  read -p " "  foo
  echo Saving mp3: $(pwd)
  youtube-dl --prefer-ffmpeg --write-all-thumbnails --extract-audio --audio-format mp3 "$foo"
  echo
  echo "Done!"

medeirosjoaquim

[
  {
    "id": "UgwNVf1pMM97G-MPJlF4AaABAg",
    "author": "Cargo Logistics",
    "authorLink": "/channel/UCgpkf35vvDS8Mn4hqC8aoHQ",
    "authorThumb": "https://yt3.ggpht.com/a/AATXAJyBdFnNJmFE5kNMEgLtCbEb8QWepKz1dMV-Mg=s48-c-k-c0xffffffff-no-rj-mo",
    "text": "Eer",
    "likes": 2,
    "time": "1 hour ago",
    "edited": false,

medeirosjoaquim

1. Select the object(s) to export
2. Open the document properties window (Ctrl+Shift+D)
3. Select "Resize page to drawing or selection"
4. File > Save As Copy...
5. Select Optimized SVG as the format if you want to use it on the web

medeirosjoaquim

# requires: 256 color terminal

/script install iset.pl
/script install buffers.pl
/script install colorize_nicks.py

/set weechat.look.buffer_notify_default message
/set weechat.look.color_nick_offline on
/set weechat.look.prefix_action " •"
/set weechat.look.prefix_join "▬▶"