j4w8n

Implement user API keys with Supabase

This is pretty much my first crack at this. I'm sure things could be improved or done differently.

Rationale

JWTs are at the heart of Supabase authorization, but sometimes we wanna build an app that also gives users access via API keys; or perhaps only exclusively via API keys. As you may know, using JWTs as API keys makes them difficult to revoke and therefore a security issue.

We also want to ensure this doesn't significantly add to RLS polices, if at all.

Finally, we'd love to have this handled by Supabase and do as little as possible in our framework. This simplifies our code and reduces third-party libraries.

dabit3

type Post @model
  @auth(rules: [
    # Owner can create, update, delete
    { allow: owner },
    # Authorize group-based access control
    { allow: groups, groups: ["Admin"] }
  ]) {
  id: ID!
  title: String!
  content: String

tlakomy

Egghead Workshop Notes

Notes from Build an App with React Suspense, Hooks, and Context Workshop Setup with Michael Chan

• Write a detailed README with contact info, info about the workshop itself, license etc
• Create a folder for each lesson so folks won’t have to struggle with switching git branches every 15 minutes
• Give everyone a minute to process what they’ve learned and to figure out whether they have questions
• Reference the docs so once the workshop concludes everyone knows where to find the resources to refresh what they’ve learned
• As with egghead lessons, guide their eyes - if you’re explaining something, then select it in your IDE (at least hover over it)
• Take a minute to go over the questions from the chat, read the question out loud
• Don’t be afraid to experiment when there’s an interesting question, we’re all nerds here who love to try out new stuff

silentworks

Basic CRUD operations with PDO

CRUD = Create, Read, Update, Delete

Open a database connection

$host = '127.0.0.1';
$dbname = 'test';
$username = 'root';

silentworks

(function($, window, undefined) {
    var InfiniteScroll = function() {
        this.initialize = function() {
            this.setupEvents();
        };
        
        this.setupEvents = function() {
            $(window).on(
                'scroll',
                this.handleScroll.bind(this)

maxmilton

const webpack = require('webpack');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const config = require('sapper/webpack/config.js');
const { svelteMinifyHtml, sveltePostcss } = require('./utils.js');

const mode = process.env.NODE_ENV;
const isDev = mode === 'development';

module.exports = {
  entry: config.client.entry(),

developit

if (typeof window!=='undefined' && navigator.serviceWorker && navigator.serviceWorker.controller) {
	let reloadOnNext = false;

	let pushState = history.pushState;
	history.pushState = function(state, title, url) {
		pushState.call(this, state, title, url);
		if (reloadOnNext===true) location.reload(true);
	};

	navigator.serviceWorker.controller.addEventListener('statechange', e => {

joshuataylor

import { h, Component } from 'preact';
import { Router } from 'preact-router';

import Header from './header';
import Home from '../routes/home';
import Profile from '../routes/profile';
import NotifyChange from "./NotifyChange/index";
// import Home from 'async!../routes/home';
// import Profile from 'async!../routes/profile';

mattdesl

procedural mesh generation

Generates an algorithmic 3D OBJ file with ThreeJS and Node.js.

# print to stdout
node generate-mesh.js > test.obj

# write to file
node generate-mesh.js test.obj

App.html

<label>
	<input type='checkbox' bind:checked='visible'> visible
</label>

{{#if visible}}
	<div transition:scale></div>
{{/if}}

<style>
	div {