Lawrence Aberba aberba

## country_state.json
[
  {
    "name": "Andorra",
    "countryCode": "AD",
    "countryCodeAlpha3": "AND",
    "phone": "376",
    "currency": "EUR",
    "stateProvinces": [
      {
        "name": "Sant Julià de Loria"

## README.md

      
              9 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                aberba
                / README.md
            
            
              Created
              January 5, 2024 21:25
                — forked from zachshallbetter/README.md
            
              
                Middleware Examples
              
          
    Next.js Middleware Examples

This Gist contains a collection of Next.js Middleware examples that demonstrate various use cases and scenarios for enhancing your Next.js applications. Middleware in Next.js allows you to intercept, modify, and control the flow of requests and responses, making it a powerful tool for building robust web applications.
Middleware Examples


Authentication Middleware (authenticationMiddleware.ts):

Checks if the user is authenticated based on a session cookie.
Redirects unauthenticated users to the login page.


Ensures users have the necessary role to access protected routes.


## .gitignore
/out.mp4

## AesUtil.ts
/**
 *  Cryptography Functions
 *
 *  Forked from AndiDittrich/AesUtil.js
 *  https://gist.github.com/AndiDittrich/4629e7db04819244e843
 */

import crypto, { CipherGCM, CipherGCMTypes, DecipherGCM } from 'crypto';
import { Password } from './types';

## google-auth.js
const { OAuth2Client } = require("google-auth-library");
var client = new OAuth2Client(process.env.GOOGLE_CLIENT_ID, "", "");

async function getGoogleUser(token) {
	try {
		const login = await client.verifyIdToken({
			idToken: token,
			audience: process.env.GOOGLE_CLIENT_ID,
		});

## pagination.js
import Link from "next/link";
import styled from "styled-components";

import Row from "@app/layouts/Row";

const StyledPager = styled(Row)`
	justify-content: center;
	min-width: 200px;
	max-width: 400px;
	margin: 1em auto 2em auto;

## react-double-range-slider.jsx
import { PRIMARY, PRIMARY_LIGHT, IRON_GREY } from '@styles/variables/colors'
import React, { useEffect, useRef, useState } from 'react'
import styled from 'styled-components'

const Slider = styled.div`
  position: relative;
  margin: 16px auto;
  width: calc(100% - 12px);
  height: 8px;
  background: ${PRIMARY_LIGHT};

## multiple-range-input.html
<!-- https://jsfiddle.net/z2ov274f/ -->
<div class="range" id="range">
  <input type="range" class="lower" min="0" max="10.5" value="5.0" step="0.5">
  <input type="range" class="upper" min="0" max="10.5" value="5.5" step="0.5">
</div>
<div id="lower-val"></div>
<div id="upper-val"></div>

## markdown draft-js
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Draft • Decorators</title>
    <link rel="stylesheet" href="../../dist/Draft.css" />
  </head>
  <body>
    <div id="target"></div>
    <script src="../../node_modules/react/dist/react.js"></script>

## RichEditor.js
import React, {Component} from 'react'
import ReactDOM from 'react-dom';
import { EditorState, RichUtils,Editor, ContentState, DefaultDraftBlockRenderMap,  convertFromHTML, getSafeBodyFromHTML,   AtomicBlockUtils, CompositeDecorator} from 'draft-js';
import createImagePlugin from "draft-js-image-plugin";
import './rich-editor.scss'
import * as Immutable from "immutable";
import {stateToHTML} from 'draft-js-export-html';
import {InlineStyleControls, BlockStyleControls} from './StyleButton'
import Svg from 'common/Svg';
import createVideoPlugin from 'draft-js-video-plugin';
	[
	{
	"name": "Andorra",
	"countryCode": "AD",
	"countryCodeAlpha3": "AND",
	"phone": "376",
	"currency": "EUR",
	"stateProvinces": [
	{
	"name": "Sant Julià de Loria"
	/**
	* Cryptography Functions
	*
	* Forked from AndiDittrich/AesUtil.js
	* https://gist.github.com/AndiDittrich/4629e7db04819244e843
	*/

	import crypto, { CipherGCM, CipherGCMTypes, DecipherGCM } from 'crypto';
	import { Password } from './types';
	const { OAuth2Client } = require("google-auth-library");
	var client = new OAuth2Client(process.env.GOOGLE_CLIENT_ID, "", "");

	async function getGoogleUser(token) {
	try {
	const login = await client.verifyIdToken({
	idToken: token,
	audience: process.env.GOOGLE_CLIENT_ID,
	});
	import Link from "next/link";
	import styled from "styled-components";

	import Row from "@app/layouts/Row";

	const StyledPager = styled(Row)`
	justify-content: center;
	min-width: 200px;
	max-width: 400px;
	margin: 1em auto 2em auto;
	import { PRIMARY, PRIMARY_LIGHT, IRON_GREY } from '@styles/variables/colors'
	import React, { useEffect, useRef, useState } from 'react'
	import styled from 'styled-components'

	const Slider = styled.div`
	position: relative;
	margin: 16px auto;
	width: calc(100% - 12px);
	height: 8px;
	background: ${PRIMARY_LIGHT};
	<!-- https://jsfiddle.net/z2ov274f/ -->
	<div class="range" id="range">
	<input type="range" class="lower" min="0" max="10.5" value="5.0" step="0.5">
	<input type="range" class="upper" min="0" max="10.5" value="5.5" step="0.5">
	</div>
	<div id="lower-val"></div>
	<div id="upper-val"></div>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Draft • Decorators</title>
	<link rel="stylesheet" href="../../dist/Draft.css" />
	</head>
	<body>
	<div id="target"></div>
	<script src="../../node_modules/react/dist/react.js"></script>
	import React, {Component} from 'react'
	import ReactDOM from 'react-dom';
	import { EditorState, RichUtils,Editor, ContentState, DefaultDraftBlockRenderMap, convertFromHTML, getSafeBodyFromHTML, AtomicBlockUtils, CompositeDecorator} from 'draft-js';
	import createImagePlugin from "draft-js-image-plugin";
	import './rich-editor.scss'
	import * as Immutable from "immutable";
	import {stateToHTML} from 'draft-js-export-html';
	import {InlineStyleControls, BlockStyleControls} from './StyleButton'
	import Svg from 'common/Svg';
	import createVideoPlugin from 'draft-js-video-plugin';