smashercosmo’s gists

smashercosmo / index.html

Last active December 27, 2015 04:09

Quick implementation of angular's $route.reload() with ui-router. Ui-router has it's own $state.reload function, but it's behaviour differs from angular's. For example it can't reload a route (state) if it wasn't actually loaded. In this gist I use $locationChangeStart event to prevent route from being loaded, but then I reload it after 2 sec de…

	<!DOCTYPE html>
	<html ng-app="app">

	<head>
	<script src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script>
	<script src="http://angular-ui.github.io/ui-router/release/angular-ui-router.min.js"></script>
	</head>

	<body>
	<div ui-view></div>

smashercosmo / gist:7675442

Created November 27, 2013 13:15

Snippet to determine scrollbar width

	/**
	* Simple function to determine scrollbar width.
	* Extracted from JqueryUI source and changed to get rid
	* of jQuery dependency.
	*/
	function getScrollBarWidth() {
	var w1, w2,
	div = document.createElement('div'),
	inner = document.createElement('div');

smashercosmo / gist:8446748

Created January 15, 2014 23:20

Temporal solution for bug https://github.com/angular/angular.js/issues/2621

	'use strict';

	angular
	.module('Decorators', [])
	.config(function($provide){
	/**
	* Change $watchCollection due to bug #2621
	* https://github.com/angular/angular.js/issues/2621
	* remove after official fix
	*/

smashercosmo / client.render.js

Last active August 29, 2015 14:26

	import React from 'react';
	import Router from 'react-router';
	import routes from './routes';
	import { createStore, combineReducers } from 'redux';
	import { Provider } from 'react-redux';

	import intlReducer from './intl/intl.reducer'

	const app = document.getElementById('app');
	/** initalState contains very complicated object with all translations */

smashercosmo / example

Last active September 10, 2015 14:28

	{
	foo: "bar",
	bar: "baz",
	tmp: "test",
	}

smashercosmo / example2

Created September 10, 2015 14:29

	{
	foo: "bar",
	bar: "baz",
	tmp: "test"
	}

smashercosmo / cssModulesConfig.js

Last active April 22, 2016 12:21

css-modules on server

	'use strict';

	const path = require('path');

	const sassAndScssLoader = indentedSyntax => (
	(source, filename) => require('node-sass').renderSync({
	file: filename,
	indentedSyntax
	}).css
	);

smashercosmo / main.js

Created November 3, 2015 22:32

Server hot reload

	import imports from './imports'; // <-- all your imports
	import express from 'express';

	const app = express();

	if (__DEVELOPMENT__) require('./serverHotReload')(app, () => {
	try {
	imports = require('./imports');
	} catch (error) {
	console.log(error.stack)

smashercosmo / logger.js

Last active April 17, 2019 13:06

Batch actions logger

	import createLogger from 'redux-logger';

	const actionTransformer = action => {
	if (action.type === 'BATCHING_REDUCER.BATCH') {
	action.payload.type = action.payload.reduce((result, next) => {
	const prefix = result ? result + ' => ' : '';
	return prefix + next.type;
	}, '');

	return action.payload;

smashercosmo / injectDependecies.js

Created May 10, 2016 19:53

	const injectMiddleware = (staticDeps, dynamicDeps) => ({ dispatch, getState }) => next => action => {
	const deps = {...staticDeps};
	Object.keys(dynamicDeps).forEach(key => {
	deps[key] = dynamicDeps[key]();
	});
	return next(typeof action === 'function'
	? action({ ...deps, dispatch, getState })
	: action
	);
	}

Vladislav Shkodin smashercosmo