Mostly whatâs below are code snippets and commands, but Iâm starting to include (Feb â22) UI/UX things, as well.
From Rob Weychert, Inside ProPublicaâs Article Layout Framework.
The repetition of multiple viewports as the layout options and desires are describe is useful here; there will always be surprises, but seeing breakpoints in your head as you write code is a skill worth honing.
Category: UI, frameworks
In pursuit of exorcising rogue em units in our code base, I started just looking for em; (in VS Code) which meant having to sort through all the rem; results. Itâs fine, but I went on over to https://regexr.com and built this!
([0-9])em+
And hit the âUse Regular Expressionâ option in VS Code. VoilĂ ! đ
Category: regex
What files are in this stash?
I make heavy use of git stash save "[message]" and today while spinning a few plates, I was mixed up about what was in one stash vs. another. But I couldnât remember how to see which files were in a stash, nor what changes Iâd made in that stash. So. (
to see which files are in the stash:
$ git stash show --name-only stash@{1}
to see the changes in the stash:
$ git stash show -p stash@{4}
Category: git, stash
Securely signing git commits!
All my commits for work are signed with my work email address, but when I wanted to update another work-repo with that I didnât copy over the signingkey key. đ¤Śđ˝ââď¸ As a result, when I ran git commit -m "message" it failed! My first thought was, âoh, copy over the signingkey, silly.â But then trouble! I second-guessed myself and thought I only needed to restart the machine (b/c I have the authentication set to expire upon restarts).
Well, that didnât work, of course. Copied over the signingkey andâŚÂ it worked exactly as expected.
Now, I know!
Category: git, gpg
From Chris:
I knew about
rake -Tto show the desc string on a task if it exists. I knew aboutrake -Wto show the line of code where all tasks are defined (including undocumented ones).TIL:
rake -Dwill show the entire desc string, even past the first period. So you can do multiline descriptions:
$ bin/rake -D cloudinary:delete_doc_batches
Running via Spring preloader in process 49864
rake cloudinary:delete_doc_batches[batch_count,batch_size]
Delete batches of old fetched Google Docs.
Optional arguments:
- batch_count. Number of batches to do. 100 is the default.
- batch_size. Size of each batch. Default and max is 100.
To do one batch of the default batch_size:
rake cloudinary:delete_doc_batches[1]
To do one batch of 5 documents:
rake cloudinary:delete_doc_batches[1,5]
To use the default (100):
rake cloudinary:delete_doc_batches
Category: terminal, rake, searching, learning
Reminder Finding all the available rake tasks in a project:
bundle exec rake --tasks (or -T)
You can also use a pattern with that flag to find tasks w/ that pattern in them:
bundle exec rake -T db for all the db-related ones, for example.
Category: terminal, rake, searching
A normal ctrl+c returned âGracefully shutting down workersâŚâ except 10 minutes later the sequence hadnât completed. Usually another ctrl+c really does it but again: nothing.
Searched a little and found ctrl+\ in an answer at StackOverflow: How to graceful shut down coroutines with Ctrl+C?
That did it! (Got a little dark, though: [14203] ! Detected parent died, dying)
Category: terminal, local environment
GitHubâs web UI doesnât show a commit count, or indeed individual commits over 250 anymore. So, how to find the real count?
$ git rev-list master...HEAD --count
Without master...HEAD, youâll get back the number of commits from the repo and the branch youâre on: useful, but not what I was after in this case. Initially, I was just going to do the math and get the difference between the two, but then @cflipse pointed out the ... version. đ
Category: git, github, terminal
I couldnât remember how to run a single test in an RSPEC file. I found a StackOverflow answer for adding a RegEx to the command and since the example uses a full spec name, I thought you had to use the full name. But you donât! You can add a goofy string to the test name and put that in the command, instead.
(I am sure I used to be able to use -n "goofystring" but thatâs not working now.)
bundle exec rspec path/to/file.rb -e "goofystring"
Category: rspec, tests, rails, console
Pairing with a coworker and they git diffâd against a different branch after committing changes to the working branch. 𤯠Iâm forever undoing commits so I can see the diff, but now I can try it this way!
# working branch: in-progress
# base branch: master
# make a commit on in-progress
$ git diff master
Category: console, git
Reminder: to install updated packages, run:
# in /app/frontend/
$ yarn install
# or
$ bundle exec rake frontend:install
Source: prettier got an update but when I grabbed the branch and tried changes locally, nothing happened. I tried running yarn install but again: nothing happened. It took a little pulling, but I finally got the critical missing point: that you need to be in /app/frontend for yarn install to do the thing. (Or âjustâ run the rake command.)
Category: package.json, angular
Zebra-striping tables, lists, etc.
.zebrastripe
> *:nth-child(odd)
background: $color-row-odd
> *:nth-child(even)
background: $color-row-even
Category: css
Give me the last # lines of a file (i.e. a log)
tail -n 100 log/development.log
Category: terminal, console, log, searching
Array.from(document.querySelectorAll('[data-time]'));
Array.fromâI think this might be the first time Iâm seeing it? From MDN: âThe Array.from() method creates a new Array instance from an array-like or iterable object.). Cool! pass it a thing, get an array. Got it.
const videos = document.getElementsByTagName('li'); hilariously (to me), both return the exact same array-of-objects. Ha!document. IâŚÂ I just donât know all these off the top of my head. Weâve been using RubyMine at work, lately, and with all the hinting things turned on itâs much less painful to find whatâs available, I like it. That said, I havenât seen querySelectorAll before!
NodeList (MDN details) and actually! seeing that item is a thing that you get with a NodeList helps me understand code further down in the answer file where itâs using item.
item because it hadnât been defined or instantiated and it looked like the singular thing youâd use in a loop, but where itâs used doesnât look like a loop and the thing (const) weâre working on is called items. So đ¤. But now I think I got it. Woo!NodeList. Cool.item.dataset comes from, but data set is just the collection of data- prefixed attributes on elements. Neat! I didnât realize they would get rolled up that way, but thatâs handy.Nope! I was pretty wrong last week with my conclusions about how the NodeList was being used and that business about item. It hadnât clickedâuntil this week, watching the rest of the exercises video where Wes walks through the solutionsâthat the way the chained methods are working is theyâre taking what all the arrow functions automatically return as their input and declaring variable names for them as they go.
I mean, it seems pretty obvious when I say it like that. I understand how chained methods work, but I wasnât thinking of this that way on my first trip through. Oof.
Well, I learned some stuff then and now. So.
Interrogating tests!
Rails environment, using rspec: spit out objects and things to the console with puts:
it 'checking a thing' do
puts activity # where activity is the name of an object
puts activity.class
# etc
end
Category: tests, ruby, rspec, console
git-things
git log --name-only --pretty=format: commit1..commit2
Category: git, log
Searching for code:
git log -S 'managed_overview_counts' -p
-p gives you the diff in Terminal (for easier copy/pasting if you need it)
Update: 24-Mar-2017
Ack! I canât believe I forgot about ack.
Category: git, console, terminal, searching
Canât forget the bundle exec when opening a Rails console under rbenv:
bundle exec rails c
Category: rbenv, rails, console
Open the branch youâre working on in a browser (e.g. for follow-up pull requests, etc.). Got this one from Tom C. during a pairing session. It is awesome.
function open_branch { open http://[github url]/username/`basename \`pwd\``/tree/
$(git symbolic-ref head| sed -e 's/.*\///g'); }
(This lives in my ~/.bash_profile)
Category: git, github, terminal, console, tomc