Skip to content

Instantly share code, notes, and snippets.

View rayfranco's full-sized avatar

Franco Bouly rayfranco

View GitHub Profile
@rayfranco
rayfranco / APACHE: .htaccess pushstate
Created July 30, 2012 23:04
.htaccess for HTML5 Pushstate support
<ifModule mod_rewrite.c>
Options +FollowSymLinks
IndexIgnore */*
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule (.*) index.html
</ifModule>
@rayfranco
rayfranco / nuxt.config.js
Created June 1, 2018 11:16
Remove hash from filenames in Nuxt
module.exports = {
build: {
// Remove hash from build files
filenames: {
css: 'common.css',
manifest: 'manifest.js',
vendor: 'common.js',
app: 'app.js',
chunk: '[name].js'
@rayfranco
rayfranco / README.md
Last active June 1, 2021 07:49
Inline SVG with Nuxt

Inline SVG with Nuxt

I was looking for a SSR and scoped styles ready solution to implement inline SVG with Nuxt

You need svg-inline-loader and xmldom to be installed.

router.beforeEach((to, from, next) => {
const requiresAuth = to.matched.some(record => {
return record.meta.requiresAuth
})
if (requiresAuth && !store.$data.isRegistered) {
next('/login')
} else {
next()
}
})
var cushion = .5;
var length = 50;
var dx = point.x - mouse.x;
var dy = point.y - mouse.y;
var da = Math.sqrt(dx * dx + dy * dy);
// Tend à ramener la distance entre les segments à length
var ox = dx / da * length - dx;
var oy = dy / da * length - dy;
@rayfranco
rayfranco / GravatarExtension.php
Last active November 6, 2018 05:30
Twig extension filter that convert email into gravatar url, or secure gravatar url
<?php
// Acme\DemoBundle\Twig\GravatarExtension
namespace Acme\DemoBundle\Twig;
class GravatarExtension extends \Twig_Extension
{
private $secure_request = false;
@rayfranco
rayfranco / checkStatus.js
Created June 21, 2018 15:03
Check for status code change periodically. Designed to be pasted in Chrome Dev Tools to bypass any CORS issues.
function check (DELAY_MINUTE = 1, RESPONSE_CODE = 200) {
var req = new XMLHttpRequest()
req.addEventListener('load', onLoad)
function open () {
req.open('HEAD', location.href, true)
req.send()
}
function onLoad () {
req.status === RESPONSE_CODE ? notify() : setTimeout(open, DELAY_MINUTE * 60 * 1000)
}
@rayfranco
rayfranco / SomeComponent.js
Created March 6, 2018 01:49
Autoload Vue components folder
import SubfolderComponents from './subfolder'
export default {
components: {
// This will add all components in subfolder
...SubfolderComponents
}
}
module.exports = (string) => {
return string.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()
}
@rayfranco
rayfranco / README.md
Created April 7, 2014 23:42
Convert YML to JSON with gulp

Convert YML to JS with gulp

This was a very straightforward workaround I used in a project to get things done while the assemble team is working on some serious converter gulp-convert.