profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/Juice10/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
Justin Halsall Juice10 @recordonce Amsterdam, the Netherlands https://recordonce.com/

Juice10/bogus-sass-checker 3

Checks your rails projects Sass files for #ids and .classes and checks if you are using them in the rest of your rails project. [Depends on ack] (Used at Wakoopa to clean up all the legacy Sass)

Juice10/building-band-aid 3

Content and learning around building a band app

Juice10/action_flow 2

Specify request sequences in Rails

Juice10/attachment_fu 2

Treat an ActiveRecord model as a file attachment, storing its patch, size, content type, etc.

drakonen/rickshaw 1

JavaScript toolkit for creating interactive real-time graphs

Juice10/ack 1

A replacement for grep for programmers - now supporting .sass, .scss and .builder files

Juice10/backbone-forms 1

Form framework for BackboneJS with nested forms, editable lists and validation

Juice10/block_helpers 1

Block helpers for Rails views, similar to form builders but for general case.

Juice10/ad-block 0

Ad block engine used in the Brave browser for ABP filter syntax based lists like EasyList.

PR opened rrweb-io/rrweb

Prefer yarn over npm in Contribute Guide

We are using yarn.lock files so contributors should also use yarn to install everything.

+2 -2

0 comment

2 changed files

pr created time in 2 days

create barnchJuice10/rrweb

branch : yarn-over-npm

created branch time in 2 days

PR opened rrweb-io/rrweb

Fixes #690: Add nested css recording for safari

Add nested css recording for safari

+107 -44

0 comment

2 changed files

pr created time in 4 days

create barnchJuice10/rrweb

branch : safari-nested-rule-support

created branch time in 4 days

startedspoutbreeze/spoutbreeze

started time in 4 days

delete branch Juice10/rrweb

delete branch : consistent-blocking

delete time in 4 days

issue openedrails/jsbundling-rails

Add Vite as option for JS bundling

I really love the excellent work that is being done allowing people to move over from webpack to esbuild and rollup.

I'm seeing a lot of effort going in to supporting esbuild and rollup as two options with both their own pros and cons. There is however a way you can have your cake and eat it too with Vite.

It's a build tool built by the creator of Vue that has a great momentum, it combines both esbuild for dev (speed), and rollup for production (backwards compatibility). And it's aim is to "provide a faster and leaner development experience for modern web projects" which fits well with rails.

Vite is a lot more convention over configuration compared to other builders. And it has official support for a wide array of popular javascript frameworks, super fast hot module reload even on huge projects and other developer ergonomics. And there are a of community plugins and templates.

There is even a rails gem to get it working with rails I've been using vite-rails for a while instead of webpacker and I couldn't be happier!

Honestly I rolled my eyes once I saw yet another javascript build tool, but since Vite doesn't try to reinvent the wheel, just bring together the best of the latest generation of build tools in a package that is easy to use and easy to setup I think this has the potential to be a great default rails/javascript build tool for people doing React, vue angular etc.

More info: Why Vite? How does it compare to X?

created time in 5 days

issue openedrails/rails

Add Vite as option for JS bundling

I really love the excellent work that is being done allowing people to move over from webpack to esbuild and rollup.

I'm seeing a lot of effort going in to supporting esbuild and rollup as two options with both their own pros and cons. There is however a way you can have your cake and eat it too with Vite. It's a build tool built by the creator of Vue that has a great momentum, it combines both esbuild for dev (speed), and rollup for production (backwards compatibility). And it's aim is to "provide a faster and leaner development experience for modern web projects" which fits well with rails.

Vite is a lot more convention over configuration compared to other builders. And it has official support for a wide array of popular javascript frameworks, hot module reload and other developer ergonomics. And there are a of community plugins and templates.

There is even a rails gem to get it working with rails I've been using vite-rails for a while instead of webpacker and I couldn't be happier!

Honestly I rolled my eyes once I saw yet another javascript build tool, but since Vite doesn't try to reinvent the wheel, just bring together the best of the latest generation of build tools in a package that is easy to use and easy to setup I think this has the potential to be a great default rails/javascript build tool for people doing React, vue angular etc.

More info: Why Vite? How does it compare to X?

created time in 5 days

push eventJuice10/rrweb

Justin Halsall

commit sha 2d1333024dc2f8e059730de235d2eadf745303e2

Update packages/rrweb/src/record/mutation.ts

view details

push time in 5 days

PullRequestReviewEvent

Pull request review commentrrweb-io/rrweb

Keep blocked root elements as placeholders

 export default class MutationBuffer {       this.addedSet.add(n);       this.droppedSet.delete(n);     }-    n.childNodes.forEach((childN) => this.genAdds(childN));++    // if this node is blocked `serializeNode` will turn it into a placeholder element+    // but we have to remove it's children
    // but we have to remove it's children otherwise they will be added as placeholders too
Juice10

comment created time in 5 days

PullRequestReviewEvent

PR opened rrweb-io/rrweb

Reviewers
Keep blocked root elements as placeholders

According to our documentation:

An element with the class name .rr-block will not be recorded. Instead, it will replay as a placeholder with the same dimension.

Currently incremental snapshots are completely removing these blocked elements from being recorded. And in full snapshots these blocked elements are stripped of their children and turned into placeholders.

This PR makes that behaviour consistent between different types of snapshots and mutations.

+236 -13

0 comment

3 changed files

pr created time in 8 days

create barnchJuice10/rrweb

branch : consistent-blocking

created branch time in 8 days

push eventrecordonce/rrwebdebug.com

Justin Halsall

commit sha 8ebaed806721c6d2e087ab3b827a6af36c1131d4

increase width of json viewer

view details

push time in 8 days

push eventrecordonce/rrwebdebug.com

Justin Halsall

commit sha d1a29d4803f905f80b7c2adbe2930243ba22e1f4

add basic json viewer

view details

push time in 8 days

push eventrecordonce/rrwebdebug.com

Justin Halsall

commit sha 094db58b5375add6263ba15cac2d75b920e3fe10

cache bust

view details

push time in 8 days

push eventrecordonce/rrwebdebug.com

Justin Halsall

commit sha b2a22c73808a8d645e139ed30afcfa9dcd0203cb

add events to window

view details

push time in 8 days

push eventrecordonce/rrwebdebug.com

Justin Halsall

commit sha e642532a6157c46c8632ae46141e514665606e80

add rrweb 0.7.5 and 0.7.6

view details

Justin Halsall

commit sha c8caf23d3782b7932e651c29a11d2e06336aced2

add rrweb 0.7.5 and 0.7.6

view details

push time in 8 days

PullRequestReviewEvent

issue commentrrweb-io/rrweb

CSSGroupingRule not supported on Safari

Good catch John, it looks like we have to monkey patch everything that inherits from CCSGroupingRule individually: CSSMediaRule, CSSSupportsRule & CSSConditionRule.

JohnPhamous

comment created time in 14 days

delete branch Juice10/rrweb

delete branch : refactor

delete time in a month

PR opened rrweb-io/rrweb

refactor nested style code
+40 -28

0 comment

4 changed files

pr created time in a month

create barnchJuice10/rrweb

branch : refactor

created branch time in a month

PullRequestReviewEvent
PullRequestReviewEvent

pull request commentrrweb-io/rrweb

Batch apply synchronous events

LGTM! Seems like the tests are failing due to a flaky network connection. You can re-run them by adding an extra commit (tweaking some whitespace, adding more documentation, whatever you'd like)

eoghanmurray

comment created time in a month

PR opened rrweb-io/rrweb

Record and replay nested stylesheet rules

CSS can have nested rules thanks to @media queries and other at rules.

It is even possible to nest media queries in media queries, I tried it a couple levels and haven't found a limit.

It seems like https://stitches.dev uses mutations to @media rules quite heavily which means that currently recordings of sites built with Stitches feel very broken.

This pr add support for mutations to those nested rules.

+427 -13

0 comment

9 changed files

pr created time in a month

create barnchJuice10/rrweb

branch : nested-rules

created branch time in a month

PR opened NV/CSSOM

Expose CSSOM.parse to CSSGroupingRule

Currently CSSGroupingRule is calling CSSOM.parse but parse wasn't included which leads to a syntax error. This PR fixes that

+2 -1

0 comment

1 changed file

pr created time in a month