clickwithclark

title	description	tags
How to Create a Private “Fork” of a Public GitHub Repo	Step-by-step guide to clone a public repo into a private repository in your organization while still pulling in upstream changes.	git github private-fork cli

clickwithclark

/**
 * App Module
 * @module /app.js
 *
 * @author Steve Griffith <steve@home.org>
 * @version 0.1.2
 * @description The init method is exported and once called will add the click event
 * listener to start the api fetch and then build the display of the products
 *
 * See [Getting Started]{@tutorial overview} to learn how to use app.js.

clickwithclark

// FIRESTORE RULES

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    // Listings
    match /listings/{listing} {
    	allow read;
      allow create: if request.auth != null && request.resource.data.imgUrls.size() < 7;
    	allow delete: if resource.data.userRef == request.auth.uid;

clickwithclark

Firebase Setup For House Marketplace

1. Create Firebase Project
2. Create "web" app within firebase to get config values"
3. Install firebase in your project "npm i firebase
4. Create a config file in your project
5. Add authentication for email/password and Google
6. Create a user from Firebase
7. Enable Firestore
8. Add rules for firestore

clickwithclark

function debugAccess(obj, prop, debugGet){

    var origValue = obj[prop];

    Object.defineProperty(obj, prop, {
        get: function () {
            if ( debugGet )
                debugger;
            return origValue;
        },

clickwithclark

Pure ESM package

The package linked to from here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

1. Use ESM yourself. (preferred)
   Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
2. If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
3. Stay on the existing version of the package until you can move to ESM.

clickwithclark

// https://piccalil.li/blog/a-modern-css-reset

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */

clickwithclark

Forking React Scripts

Problem

You're using create-react-app but you need to do some customizations to the webpack configs while you wait for the CRA team to implement/have a solution for whatever it is you need.

BUT - you do not want to eject as you want to keep up to date with any changes in CRA and possibly eventually move away from your customizationed webpack config and go back to using the mainline.

Solution

clickwithclark

; c = case sensitive
; c1 = ignore the case that was typed, always use the same case for output
; * = immediate change (no need for space, period, or enter)
; ? = triggered even when the character typed immediately before it is alphanumeric
; r = raw output

;------------------------------------------------------------------------------
; CHANGELOG:
;
; 2011-03-21 and after:  See readme.md

clickwithclark

Conventinal Commit Messages

See how a minor change to your commit message style can make a difference. Examples

Have a look at CLI util git-conventional-commits to ensure this conventions and generate changelogs

Commit Formats

Default