justinnoel

Combining two git repositories

Use case: You have repository A with remote location rA, and repository B (which may or may not have remote location rB). You want to do one of two things:

• preserve all commits of both repositories, but replace everything from A with the contents of B, and use rA as your remote location
• actually combine the two repositories, as if they are two branches that you want to merge, using rA as the remote location

NB: Check out git subtree/git submodule and this Stack Overflow question before going through the steps below. This gist is just a record of how I solved this problem on my own one day.

Before starting, make sure your local and remote repositories are up-to-date with all changes you need. The following steps use the general idea of changing the remote origin and renaming the local master branch of one of the repos in order to combine the two master branches.

justinnoel

{
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build && vite build --mode client && npx tailwindcss -i ./src/index.css -o ./dist/static/assets/index.css --minify",
    "format": "prettier --config .prettierrc --ignore-path .prettierignore '**/*.{json,js,jsx,ts,tsx,css,scss,md}' --write",
    "lint": "eslint --ext \".js,.jsx,.ts,.tsx\" --ignore-path .eslintignore . --max-warnings 0 --fix",
    "prepare": "husky install"
  },
  "husky": {

justinnoel

type LogRemote = {
  details: {
    message: string,
  },
  env: {
    REMOTE_LOGGING_URL: string,
    REMOTE_LOGGING_KEY: string,
    REMOTE_LOGGING_SOURCE: string,
  },
};

justinnoel

<Register history={props.history} />

justinnoel

Ref: https://discord.com/channels/595317990191398933/941119649783894016/1040772933687201802

How to setup sessions stored in Cloudflare KV using the Remix createCloudflareKVSessionStorage

server.js

Sets up the server to include access to sessionStorage and db on every request. These can then be accessed anywhere else in the code base using `context.

app_session.js

justinnoel

import fetch from 'node-fetch';

function ownKeys(object, enumerableOnly) {
  var keys = Object.keys(object);

  if (Object.getOwnPropertySymbols) {
    var symbols = Object.getOwnPropertySymbols(object);

    if (enumerableOnly) {
      symbols = symbols.filter(function (sym) {

justinnoel

addEventListener("fetch", (event) => {
   event.respondWith(handleRequest(event.request));
});

const workouts = [
   {
      week: 1,
      starts: 18383383383,
      workout: [
         {

justinnoel

addEventListener("fetch", (event) => {
  event.respondWith(handleRequest(event.request).catch((err) => new Response(err.stack, {status: 500})));
});

async function handleRequest(request) {
	const {pathname} = new URL(request.url);
	if (pathname.startsWith("/api/post")) {
	  const {data, error} = await getPostData(request);
	  if (error) {
		 return new Response(error, {status: 400})

justinnoel

export async function getPostData(request) {
  const {headers} = request;
  const contentType = headers.get("content-type") || "";
  
  if (contentType.includes("application/json")) {
    return await request.json();
  }

  if (contentType.includes("form")) {
    const formData = await request.formData();

justinnoel

This gist aims to show you how to use KV datastore using Cloudflare pages. The reason I created this quick guide is it took 
me almost 2 weeks to get it working, mainly because it is very new and the documentation is not up fully fleshed out yet

https://developers.cloudflare.com/workers/runtime-apis/kv
https://developers.cloudflare.com/pages/platform/functions
https://blog.cloudflare.com/wrangler-v2-beta/

Steps:

Install wrangler 2