S T shindigira

## npm-commands-scripts-life-cycle-phases.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                shindigira
                / npm-commands-scripts-life-cycle-phases.md
            
            
              Created
              March 1, 2024 21:27
                — forked from dcleao/npm-commands-scripts-life-cycle-phases.md
            
              
                NPM Commands, Scripts, Life-cycle Phases
              
          
    NPM Commands, Scripts, Life-cycle Phases

The following describes the behaviour of several npm commands,
particularly w.r.t. the scripts that are run in each, for NPM version 6.5.0.
npm build <other-package-folder>


npm run preinstall
link binaries (node-gyp)
for each bin command in other package:


## ANSI.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                shindigira
                / ANSI.md
            
            
              Created
              March 1, 2024 21:25
                — forked from fnky/ANSI.md
            
              
                ANSI Escape Codes
              
          
    ANSI Escape Sequences

Standard escape codes are prefixed with Escape:

Ctrl-Key: ^[
Octal: \033
Unicode: \u001b
Hexadecimal: \x1B
Decimal: 27


## index.html
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Page Routing Demo</title>

		<script type="module" defer>
			import PageRouter from "./page-router.js";
			import RouterLink from "./router-link.js";

## Sidebar.jsx
import { MoreVertical, ChevronLast, ChevronFirst } from "lucide-react"
import { useContext, createContext, useState } from "react"

const SidebarContext = createContext()

export default function Sidebar({ children }) {
  const [expanded, setExpanded] = useState(true)

  return (
    <aside className="h-screen">

## Carousel.jsx
import { useState, useEffect } from "react"
import { ChevronLeft, ChevronRight } from "react-feather"

export default function Carousel({
  children: slides,
  autoSlide = false,
  autoSlideInterval = 3000,
}) {
  const [curr, setCurr] = useState(0)

## remove-rubber-band-web-apps-ios
<!DOCTYPE html>
<html>
<head>
  <title>Remove rubberband scrolling from web apps on mobile safari (iOS)</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  <style>
    html, body {margin: 0; padding: 0; overflow: hidden}

## framer-motion-use-viewport-scroll-with-element-container.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                shindigira
                / framer-motion-use-viewport-scroll-with-element-container.md
            
            
              Last active
              May 25, 2023 21:47
                — forked from coleturner/framer-motion-use-viewport-scroll-with-element-container.md
            
              
                (Framer Motion): useViewportScroll with element container
              
          
    Demo
Context

useViewportScroll is a great way to create a parallax effect as the page scrolls. In some cases however, we only want to scroll when an element is in the viewport area.
So for example, if we have a "landscape" scene, and want to animate the Sun object only when it's in view, we start with our useViewportScroll implementation:
function Sun(props) {
 const { scrollY, scrollYProgress } = useViewportScroll();

  
## dcl-l.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DomContentLoaded</title>
    <script>
        let startTime = performance.now();
    </script>

    <link rel="shortcut icon" href="./github.svg" />

## reduce.ts
// test data
const xs = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
const add = (x: number, y: number) => x + y
const mult = (x: number, y: number) => x * y
// types
type Reducer<T, U> = (acc: U, x: T) => U
type Reduce = <T, U>(f: Reducer<T, U>, acc: U, xs: readonly T[]) => U
{
  // 1. baseline
  const reduce: Reduce = (f, acc, xs) => xs.reduce(f, acc)

## Microphone mute hotkey on macOS.md

      
              1 file
            
          
              0 forks
            
          
                0 comments
              
            
              0 stars
            
          
                shindigira
                / Microphone mute hotkey on macOS.md
            
            
              Created
              July 22, 2022 09:48
                — forked from henrik242/Microphone mute hotkey on macOS.md
            
          
Open Automator.app
Create new Quick Action
Select Run AppleScript
Add this:

set inputVolume to input volume of (get volume settings)
if inputVolume = 0 then
	set inputVolume to 100
	display notification "Volume set to 100" with title "✅ Microphone is on"
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Page Routing Demo</title>

	<script type="module" defer>
	import PageRouter from "./page-router.js";
	import RouterLink from "./router-link.js";
	import { useState, useEffect } from "react"
	import { ChevronLeft, ChevronRight } from "react-feather"

	export default function Carousel({
	children: slides,
	autoSlide = false,
	autoSlideInterval = 3000,
	}) {
	const [curr, setCurr] = useState(0)
	// test data
	const xs = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
	const add = (x: number, y: number) => x + y
	const mult = (x: number, y: number) => x * y
	// types
	type Reducer<T, U> = (acc: U, x: T) => U
	type Reduce = <T, U>(f: Reducer<T, U>, acc: U, xs: readonly T[]) => U
	{
	// 1. baseline
	const reduce: Reduce = (f, acc, xs) => xs.reduce(f, acc)