Javan Makhmali javan

## inline-es-modules.js
const files = {
  "m1.js": `import {func} from './m2.js'; console.log(func());`,
  "m2.js": `export function func() { return 'abc'; }`
}

const urls = new Map

function getURL(filename) {
  let url = urls.get(filename)
  if (!url) {

## optimized-screenshots.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              11 stars
            
          
                javan
                / optimized-screenshots.md
            
            
              Created Jul 8, 2019
            
              
                macOS: Optimized Screenshots
              
          
      View optimized-screenshots.md
  
      
    😱 Before: ~/Desktop/Screen Shot….png 4.1 MB

🏆 After: ~/Screenshots/Screen Shot….png 937 KB
 
  ⤵

Install https://pngquant.org/
$ brew install pngquant


## add-sf-mono-to-firefox.md

      
              2 files
            
          
              1 fork
            
          
              2 comments
            
          
              5 stars
            
          
                javan
                / add-sf-mono-to-firefox.md
            
            
              Created Jun 11, 2019
            
              
                Add SF Mono to Firefox (macOS only)
              
          
      View add-sf-mono-to-firefox.md
  
      
    GitHub uses the following CSS font stack to display code:
font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
Chrome will use SFMono-Regular when that font is installed locally, but Firefox will not. Workaround: Add the following CSS to your Firefox profile's userContent.css file:
@font-face {

  
## test.html
<!doctype html>
<html>
<head>
    <title>Custom elements test</title>
</head>
<body>

  <h3>Custom elements from HTML</h3>

  <ol class="from-html" start="0">

## webpack-fixme.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                javan
                / webpack-fixme.md
            
            
              Created May 30, 2018
            
              
                Ideas for improving webpack.config.js
              
          
      View webpack-fixme.md
  
      
    This is the example webpack.config.js on https://webpack.js.org/:
module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  }
}

  
## trix_color_attributes.coffee
getHexColor = (color) ->
  return "" unless color
  return color if /^#/.test(color)
  rgbValues = getRGBValues(color)
  hexValues = rgbValues.map(numberToHex)
  "#" + hexValues.join("")

numberToHex = (number) ->
  "0#{number.toString(16)}".slice(-2).toUpperCase()

## buggy_mutation_observer_workaround.ts
(async () => {
  if (await mutionObserverIsBuggy()) {
    patchInnerHTML()
  }
})()

function mutionObserverIsBuggy(): Promise<boolean> {
  return new Promise(resolve => {
    const element = document.createElement("div")
    element.innerHTML = "<a><em></em></a>"

## direct-uploads.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              14 stars
            
          
                javan
                / direct-uploads.md
            
            
              Last active Mar 19, 2019
            
              
                Active Storage direct uploads
              
          
      View direct-uploads.md
  
      
https://github.com/rails/activestorage/pull/81
// direct_uploads.js

addEventListener("direct-upload:initialize", event => {
  const { target, detail } = event
  const { id, file } = detail

  
## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
  </head>
  <body>
    <div style="margin: 20px;">
      <p>
        &lt;webview&gt; visibilityState: <strong id="visibility-state"></strong>
        <button id="update-visibility-state">Update</button>

## bc_require_element.coffee
BC.registerElement "bc-require",
  createdCallback: ->
    @setAttribute("pending", "")

  attachedCallback: ->
    BC.ready =>
      if Loader.find(@script)?.loaded
        @activate()
      else
        @deactivate()
	const files = {
	"m1.js": `import {func} from './m2.js'; console.log(func());`,
	"m2.js": `export function func() { return 'abc'; }`
	}

	const urls = new Map

	function getURL(filename) {
	let url = urls.get(filename)
	if (!url) {
	<!doctype html>
	<html>
	<head>
	<title>Custom elements test</title>
	</head>
	<body>

	<h3>Custom elements from HTML</h3>

	<ol class="from-html" start="0">
	getHexColor = (color) ->
	return "" unless color
	return color if /^#/.test(color)
	rgbValues = getRGBValues(color)
	hexValues = rgbValues.map(numberToHex)
	"#" + hexValues.join("")

	numberToHex = (number) ->
	"0#{number.toString(16)}".slice(-2).toUpperCase()
	(async () => {
	if (await mutionObserverIsBuggy()) {
	patchInnerHTML()
	}
	})()

	function mutionObserverIsBuggy(): Promise<boolean> {
	return new Promise(resolve => {
	const element = document.createElement("div")
	element.innerHTML = "<a><em></em></a>"
	BC.registerElement "bc-require",
	createdCallback: ->
	@setAttribute("pending", "")

	attachedCallback: ->
	BC.ready =>
	if Loader.find(@script)?.loaded
	@activate()
	else
	@deactivate()