DEV Community: Gil

A tale of three architectures

Gil — Wed, 21 Feb 2024 16:13:31 +0000

https://daverupert.com/2024/02/three-architectures/

What a great write up on how your long running work projects can evolve. I have been on a somewhat similar journey with Codecraft Works over the past 7 years.

Are you having problems deploying your Google Cloud Run container?

Gil — Mon, 31 Oct 2022 17:54:26 +0000

Does it run fine locally but it won’t start when deployed and revisioned? Are you using an M1 Mac? You likely need to add this target flag at the end of your docker build command.

--platform linux/amd64

docker build --platform linux/amd64

https://stackoverflow.com/a/68766137/332586

TIL: Angular has KeyValuePipe

Gil — Tue, 26 Jul 2022 16:44:33 +0000

TIL: Angular has a keyvalue pipe and it has come in quite handy.

Stack Overflow Answer

Documentation

Patterns App - Regex Tool for the Mac

Gil — Fri, 17 Jul 2020 15:59:35 +0000

I am sure I have posted about this app before but it requires mentioning it again. I could not imagine writing regualr expressions without using the Patterns app on the Mac. It allows you to test your regex in an editor and see a cheat sheet. When you are done, you can get export the regex code for your language. I highly recommend it!

krillapps.com/patterns/

Empty functions.config() in Firebase Functions

Gil — Tue, 28 Apr 2020 05:23:18 +0000

After upgrading firebase-admin, firebase-functions, and typescript and making some changes in my cloud functions to accomodate stricter types in express, I had one last nagging problem. When running firebase serve the functions would not load properly because functions.config() was returning an empty object. This was confusing because we make sure to create the .runtimeconfig.json file whenever we run npm start (which creates the file and then runs firebase serve). After several hours of digging around trying to figure out why this was happening I gave up for the day … or so I thought. I came back to this problem after laying in bed and came across a comment left 6 hours ago that got me pointed in the right direction. After running npm list -depth=0 to see what the actual version of firebase-tools I was using (@7.16.2). I upgraded my Angular app and my Firebase functions app.

npm install --save-dev firebase-tools@latest

This brought firebase-tools to version @8.2.0 and everything started working again.🍾 🎉

How to possibly fix your npm globally installed binary not being found

Gil — Sat, 25 Apr 2020 02:09:01 +0000

This line in my ~/.npmrc file has been killing my sanity for longer than I want to admit.

prefix=/Users/myusername/.nvm/versions/node/v10.0.0

If your globally installed npm binaries are not being found it could be because somehow you have a prefix set like the one above. I’m using nvm and I could not figure this out. All I had to do was delete this line and my binaries were finally installing in to the correct directory. I slayed the beast just now thanks to this handy issue comment.

Using Pick in TypeScript

Gil — Tue, 21 Apr 2020 20:54:00 +0000

I used Pick<T,K> for the first time today in TypeScript. I had been using Partial<T> for a while to allow some properties of a class/interface to be used in other places in my application. After doing a lot more reading on TypeScript lately I decided to find a way to grab specific properties from a class/interface and lo and behold that’s what Pick<T,K> is for. I was going to do a write up on how I am using it but I found a post that sums it up quite nicely.

Rearranging for WFH

Gil — Sun, 29 Mar 2020 19:09:05 +0000

Did some rearranging of my office area yesterday to accommodate my newish coworkers and classmates. I separated desks and now my side desks sits behind me with my iMac and 3D printer (and my Nanoleaf until I get more command tape). My son’s gaming PC and desk will be in front so we will share this space when he is done with school work. He’ll be in his room during school hours. I have to put together my wife’s desk and put it in the living room where my son’s desk used to be. Anyone else have to make arrangements for better WFH for all?

Returning Observable objects from combineLatest()

Gil — Thu, 19 Mar 2020 17:56:59 +0000

In trying to use more Reactive patterns in Angular I have been using the combineLatest() RxJs method to combine several Observables into one Observable and using the async pipe to use the data in the template. This ensures that all of the data is available in the template by using *ngIf. One thing I did not like about using combineLatest() is that it returns an array of results back based on the array of Observables you handed to it. This made accessing this data in the template look messy and made it harder to understand what data you were accessing.

cousePageData$: Observable<[User, Course]>;
const user$ = getCurrentUser(); // get the current user
const course$ = getCourse(courseId); // get course by course id
this.cousePageData$ = combineLatest([user$, course$]);

In the template this would result in array([user, course]) as a result of using the async pipe (<div *ngIf="cousePageData$ | async as cousePageData>) and you would have to access user and course using the index on the array (cousePageData[0] and cousePageData[1]). As you can see, this obfuscates what data is actually being accessed at this indexes.

So I set out this morning to get this cleaned up in our repository and found a pretty easy solution in RxJs, using pipe and map to return the results of combineLatest() as an object.

cousePageData$: Observable<{user: User; course: Course;}>;
const user$ = getCurrentUser(); // get the current user
const course$ = getCourse(courseId); // get course by course id
const cousePageData$ = combineLatest([user$, course$])
                       .pipe(map(([user, course]) => ({ user, course })));

In the template this would result in object({user: userData, course: courseData }) as a result of using the same async pipe and you can now access user and course using the property name on the object (cousePageData.user and cousePageData.course).

Yay for less obsfucation! Let me know if you have any other ideas regarding this!

What is this style?

Gil — Thu, 06 Feb 2020 19:35:55 +0000

Design and Dev friends, what is this style called?

To me the common thread is the fonts used, the big color areas, the illustrations.

Firebase Summit 2019 - What’s New for Firebase Web?

Gil — Sun, 24 Nov 2019 19:33:00 +0000

I gave a lightning talk yesterday at an event I helped organize for GDG Space Coast covering what was new in Firebase for Web Applications from the Firebase Summit back in September.

Adventures in Making Slides

I originally did my slides in Keynote to tryout the transitions that it provides. I ran into an error when my iCloud save presentation didn't sync properly so I was stuck having to redo my slides just before and during the beginning of the event. I went to share them in this blog post and I realized with the videos I included I would need to remake my slides once again. First I had to export the slides as PowerPoint from Keynote as Google Slides doesn't support importing Keynote slides. After I imported I decided to take a look at the branding guidelines Google Developers recently pushed out to organizers of Google Developer Groups. I copied over some of the slides for my intro and thank you slide. I'll have to remember to use the provided templates as a basis for future slides.

Bitbucket Pipeline Failure Deploying to Firebase

Gil — Fri, 01 Nov 2019 14:59:09 +0000

After a recent push in our develop branch our Bitbucket pipeline was complaining that it could not deploy to Firebase. The dev team was perplexed because we had built the branch several times locally and manually deployed with no problems. Here is the command we were running:

firebase deploy --token=$FIREBASE_DEPLOY_TOKEN --project project-name --non-interactive

Here is the error we were receiving:

Error: Error occurred while parsing your function triggers. Error: @grpc/grpc-js only works on Node ^8.13.0 || >=10.10.0
at Object.<anonymous>
(/opt/atlassian/pipelines/agent/build/functions/node_modules/@grpc/grpc-js/build/src/index.js:47:11)     at Module._compile
(internal/modules/cjs/loader.js:689:30)     at Object.Module._extensions..js
(internal/modules/cjs/loader.js:700:10)     at Module.load
(internal/modules/cjs/loader.js:599:32)     at tryModuleLoad
(internal/modules/cjs/loader.js:538:12)     at Function.Module._load
(internal/modules/cjs/loader.js:530:3)     at Module.require
(internal/modules/cjs/loader.js:637:17)     at require
(internal/modules/cjs/helpers.js:20:18)     at Object.<anonymous>
(/opt/atlassian/pipelines/agent/build/functions/node_modules/google-gax/build/src/grpc.js:37:14)     at Module._compile
(internal/modules/cjs/loader.js:689:30)

We started barking up the wrong tree and thought maybe the version of Node set in our Firebase functions was the issue. It actually turned out to be the version of Node set in our Bitbucket Pipeline YAML. We had recently updated our local dev environments to use Node v10.17.0, the LTS for version 10 of Node(Firebase is maxed out at using 10 for now). We had forgotten to update the Bitbucket image. We fixed it by updating our bitbucket-pipelines.yml in our project like so:

image: node:10.17.0

The new deploy ran perfectly!