Rinat Valiullov RinatValiullov

## wpt-font-injection.js
(function(){
  // create our custom link tag for the stylesheet
  var url = "https://www.example.com/static/app.css"; // IMPORTANT: this is the CSS that contains your @font-face rules
  var head = document.getElementsByTagName('head')[0];
  var link = document.createElement('link');
  link.type = "text/css";
  link.rel = "stylesheet"
  link.href = url;

  // append the stylesheet to the head

## test-page-script.js
// Test Page: https://keen-northcutt-3190bd.netlify.com/standard-load.html
// Paste below into the WPT Inject Script textarea.
(function(){
    var montserratBold = new FontFace('montserratbold_italic', 'url(fonts/montserrat-bolditalic-webfont.woff2)', {
        display: 'swap', // test the page using 'swap'
        weight: '700'
    });

    document.fonts.add(montserratBold);

## tsconfig + gulp-typescript.md

      
              1 file
            
          
              3 forks
            
          
              1 comment
            
          
              7 stars
            
          
                azu
                / tsconfig + gulp-typescript.md
            
            
              Last active
              August 18, 2020 07:19
            
              
                tsconfig + gulp-typescript
              
          
    azu/typescript1.5-es6module-npm at tsconfig-gulp
tsconfigが未対応なtsc1.4でもtsconfig.jsonをただの設定ファイル置き場として使う例。
filesGlobはatom-typescriptの独自拡張だけど
.
├── README.md
├── build
│   ├── bundle.js


## prim.py
from sys import argv
import re

# open the file and get read to read data
file = open(argv[1], "r");
p = re.compile("\d+");

# initialize the graph
vertices, edges = map(int, p.findall(file.readline()))
graph = [[0]*vertices for _ in range(vertices)]

## timing.js
const {performance} = require('perf_hooks');

// using hrtime API
const hrBefore = process.hrtime();

setTimeout(function () {

    const hrAfter = process.hrtime(hrBefore);

    console.log(`Using hrtime ${hrAfter[0] * 1e3 + hrAfter[1] / 1e6}ms`);

## upgrade_vim.sh
# SOURCE: @zhouyanlt https://gist.github.com/yevrah/21cdccc1dc65efd2a4712781815159fb#gistcomment-2695800

sudo yum install -y gcc git ncurses-devel
git clone https://github.com/vim/vim.git ~/vim
cd ~/vim/src
make distclean  # if you built Vim before
make -j8
sudo make install
cp -ru ~/vim/src/vim /usr/bin # overwrites /usr/bin/vim w/o confirmation

## thoughts.md

      
              1 file
            
          
              3 forks
            
          
              30 comments
            
          
              66 stars
            
          
                floatdrop
                / thoughts.md
            
            
              Last active
              January 18, 2021 03:54
            
              
                Error management in gulp
              
          
    #Error management in gulp

Sucking at something is the first step to becoming sorta good at something

No one can assure you, that plugins will run smooth in any circumstances (except for tests - they could), so neither should you convince anyone, that your plugin will never break. Only thing, that you could possibly do (if something gone wrong) - is gracefully inform your plugin user, that something went wrong and die.
We are will use this plugin from beginning to demonstrate error management. Suppose you have a task in gulpfile.js that contains this code (we modified it a little bit to be closer to real-usage):
var coffee = require('gulp-coffee');

  
## async.js
var fetch = require('node-fetch')

async function getDataFromAPI() {
    let response = await fetch("https://api.github.com/users/up1")
    let data = await response.json()
    console.log(JSON.stringify(data, null, "\t"))
}

getDataFromAPI()

## logux-state-desc.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              9 stars
            
          
                ai
                / logux-state-desc.md
            
            
              Last active
              May 11, 2021 19:35
            
          
    Краткая характеристика:

У него много сторов и сторы могут зависеть друг от друга, а не один большой стор и селекторы. То есть он ближе к Эфектору, чем в Редаксу/MobX. Всё ради tree shaking.
Он ближе к стору прямых измений. В публичном API нет экшенов. Но всё-таки value = 1 на манер MobX запрещены — значения можно менять только через спец. методы. И в синхронизации состояния с сервером экшены есть (просто скрыты из публичного API).

Плюсы:

Может работать без Логакса, чисто как стейт-менеджер.
API специально создан, чтобы хранить в сторах бизнес-логику, чем разгружать компоненты и упрощать переносимость приложения между фреймворками.
От 157 байт (!) в вашем JS-бандле.
Расчитан на агрессивный tree shaking, чтобы в JS-бандле был только код того состояния, которые используются в текущих страницах.
Очень ленивый — сторы на которых никто не подписан выгружаются из памяти, а их бизнес-логика останавливается.


## index.html
<body>
<div id="⚛️"></div>
<script src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
<script type="text/babel">
ReactDOM.render(<div>Hello World!</div>, document.getElementById('⚛️'))
</script>
</body>
	(function(){
	// create our custom link tag for the stylesheet
	var url = "https://www.example.com/static/app.css"; // IMPORTANT: this is the CSS that contains your @font-face rules
	var head = document.getElementsByTagName('head')[0];
	var link = document.createElement('link');
	link.type = "text/css";
	link.rel = "stylesheet"
	link.href = url;

	// append the stylesheet to the head
	// Test Page: https://keen-northcutt-3190bd.netlify.com/standard-load.html
	// Paste below into the WPT Inject Script textarea.
	(function(){
	var montserratBold = new FontFace('montserratbold_italic', 'url(fonts/montserrat-bolditalic-webfont.woff2)', {
	display: 'swap', // test the page using 'swap'
	weight: '700'
	});

	document.fonts.add(montserratBold);
	from sys import argv
	import re

	# open the file and get read to read data
	file = open(argv[1], "r");
	p = re.compile("\d+");

	# initialize the graph
	vertices, edges = map(int, p.findall(file.readline()))
	graph = [[0]*vertices for _ in range(vertices)]
	const {performance} = require('perf_hooks');

	// using hrtime API
	const hrBefore = process.hrtime();

	setTimeout(function () {

	const hrAfter = process.hrtime(hrBefore);

	console.log(`Using hrtime ${hrAfter[0] * 1e3 + hrAfter[1] / 1e6}ms`);
	# SOURCE: @zhouyanlt https://gist.github.com/yevrah/21cdccc1dc65efd2a4712781815159fb#gistcomment-2695800

	sudo yum install -y gcc git ncurses-devel
	git clone https://github.com/vim/vim.git ~/vim
	cd ~/vim/src
	make distclean # if you built Vim before
	make -j8
	sudo make install
	cp -ru ~/vim/src/vim /usr/bin # overwrites /usr/bin/vim w/o confirmation
	var fetch = require('node-fetch')

	async function getDataFromAPI() {
	let response = await fetch("https://api.github.com/users/up1")
	let data = await response.json()
	console.log(JSON.stringify(data, null, "\t"))
	}

	getDataFromAPI()
	<body>
	<div id="⚛️"></div>
	<script src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
	<script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
	<script src="https://unpkg.com/babel-standalone@6.26.0/babel.js"></script>
	<script type="text/babel">
	ReactDOM.render(<div>Hello World!</div>, document.getElementById('⚛️'))
	</script>
	</body>