Skip to content

Instantly share code, notes, and snippets.

View RichardBray's full-sized avatar
😎
Fix bug , drink milkshake, code feature, repeat.

Richard Oliver Bray RichardBray

😎
Fix bug , drink milkshake, code feature, repeat.
View GitHub Profile
import { Cloudinary, Transformation } from "@cloudinary/url-gen";
import { fill } from "@cloudinary/url-gen/actions/resize";
import { source } from "@cloudinary/url-gen/actions/overlay";
import { image } from "@cloudinary/url-gen/qualifiers/source";
import { Position } from "@cloudinary/url-gen/qualifiers/position";
import { autoGravity, compass } from "@cloudinary/url-gen/qualifiers/gravity";
import { AdvancedImage } from "@cloudinary/react";
import { colorize } from "@cloudinary/url-gen/actions/effect";
function App() {
@RichardBray
RichardBray / decorators.js
Created July 3, 2024 13:47
New JS Decorators
function log(originalMethod: any, _context: any) {
function replacementMethod(this: any, ...args: any[]) {
// const startTime = performance.now();
console.log(`${originalMethod.name} START`);
const result = originalMethod.call(this, ...args);
console.log(`${originalMethod.name} END`);
// const endTime = performance.now();
// console.log(`Method ${originalMethod.name} took ${endTime - startTime} milliseconds`);
return "result: " + result;
}
#!/bin/bash
# This script is a W.I.P
# To use it, just save the file and run sh git-pull.sh
git fetch
git diff HEAD..FETCH_HEAD
read -p "Do you want to merge? (Y/n) " answer
@RichardBray
RichardBray / index.ts
Created February 7, 2024 17:21
Simple Hono Api
import { Hono } from 'hono';
import logger from './utils/logger';
const app = new Hono();
const fakeDB: Array<{ text: string; id: number }> = [];
app.get('/', (c) => c.text('Simple Wishlist API'));
app.get('/wishlist', (c) => {
return c.json([...fakeDB], 200);
{
"items": [
{
"name": "Blue T-Shirt",
"price": 19.99,
"description": "A classic blue t-shirt made from soft cotton.",
"image_url": "https://images.pexels.com/photos/11830106/pexels-photo-11830106.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"
},
{
"name": "Red Hoodie",

Keybase proof

I hereby claim:

  • I am richardbray on github.
  • I am richbray (https://keybase.io/richbray) on keybase.
  • I have a public key ASCLyjIa-d-1ov2SDJYGL9OPmfg6vaAPc8igJnyf9Wrpago

To claim this, I am signing this object:

@RichardBray
RichardBray / glsl_circle.frag
Last active March 19, 2024 19:14
Simple GLSL circle example
#ifdef GL_ES
precision mediump float;
#endif
// Being in values from the CPU
// Read only value sent to all the threads/processes
uniform vec2 u_resolution; // Global vector shader variable
float circleShape(float radius, vec2 position) {
// distance(p1, p2) - returns the distance between two points
@RichardBray
RichardBray / shader.frag
Last active September 17, 2020 09:41
Simple fragment shader for beginners with explanations
// # = Preprocessor macros
#ifdef GL_ES // OpenGL Embedded systems needed for openGL on web and mobile devices
precision mediump float; // level of precision for float https://stackoverflow.com/questions/13780609/what-does-precision-mediump-float-mean
// Lower precision means faster compilation but lower quality, above sets all floats to medium precision
#endif
void main() // Main entry point function like c/c++
{
// gl_FragColor = built in global variable to determine pixel color
// werid because you don't see it imported or extended it just exists
@RichardBray
RichardBray / FlxFSM-example.hx
Last active September 1, 2020 09:01
An example file on how to use FlxFSM. A bit simpler than the example from the demo on the HaxeFlixel site.
import flixel.FlxG;
import flixel.FlxObject;
import flixel.FlxSprite;
import flixel.addons.util.FlxFSM;
/**
* Example of how to use the FlxFSM addon.
* For more informtaion on this file check this youtube video.
*
* @see Video-TBA
import { Provider } from "react-redux";
import configureStore from "redux-mock-store";
// ...
describe('App', () => {
// ...
describe('Question', () => {
// - setup redux store