Skip to content

Instantly share code, notes, and snippets.

Avatar

Stefano Verna stefanoverna

View GitHub Profile
View connect-as-decorator.js
// https://nec.is/writing/transform-your-codebase-using-codemods/
export default function transformer(file, api) {
const j = api.jscodeshift;
const root = j(file.source);
root.find(
j.ExportDefaultDeclaration,
{
declaration: {
View delete_all.rb
require "bundler/setup"
require "commercelayer"
client = Commercelayer::Client.new(
site: "https://dato-commerce.commercelayer.io",
client_id: "18b638d6d9849ab88f10e3cd95c43c4b54b4d03988660c8424e8427a93dc9cd6",
client_secret: "5977be2042d6cac22e8340961bdf84263c37444a002e6a9b180d5b7b70ac6a1f"
)
client.authorize!
@stefanoverna
stefanoverna / wmf.js
Created Jun 19, 2018
Simply.js Pebble
View wmf.js
var talks = [];
var currentIndex = 0;
function formatDate(template, date) {
var specs = 'YYYY:MM:DD:HH:mm:ss'.split(':');
date = new Date(date || Date.now() - new Date().getTimezoneOffset() * 6e4);
return date.toISOString().split(/[-:.TZ]/).reduce(function(template, item, i) {
return template.split(specs[i]).join(item);
}, template);
}
View pebble.js
console.log('Ciao!');
simply.on('singleClick', function(e) {
console.log(util2.format('single clicked $button!', e));
simply.subtitle('Pressed ' + e.button + '!');
});
simply.on('longClick', function(e) {
console.log(util2.format('long clicked $button!', e));
simply.vibe();
View index.js
const IndexPage = ({ data }) => (
<div className="Catalogue">
{
data.products.edges.map(({ node: product }) => (
<div className="Catalogue__item" key={product.id}>
<a
href="#"
className="Product snipcart-add-item"
data-item-id={product.slug}
data-item-price={product.price}
View layout.js
<a href="#" className="Header__summary snipcart-summary snipcart-checkout">
<div className="Header__summary__title">
🛍 MY CART 🛍
</div>
<div className="Header__summary__line">
Number of items: <span className="snipcart-total-items"></span>
</div>
<div className="Header__summary__line">
Total price: <span className="snipcart-total-price"></span>
</div>
View gatsby-config.js
module.exports = {
siteMetadata: {
siteName: 'My Shop',
},
plugins: [
// ...
{
resolve: 'gatsby-plugin-snipcart',
options: {
apiKey: 'YOUR-SNIPCART-API-TOKEN',
View index.js
import React from 'react'
import Img from 'gatsby-image'
const IndexPage = ({ data }) => (
<div className="Catalogue">
{
data.products.edges.map(({ node: product }) => (
<div className="Catalogue__item" key={product.id}>
<a href="#" className="Product">
<div className="Product__image">
View index.js
<div className="Product__image">
<img src={`${product.image.url}?w=300&h=300&fit=crop&fm=jpg`} />
</div>
View index.js
import React from 'react'
const IndexPage = ({ data }) => (
<div className="Catalogue">
{
data.products.edges.map(({ node: product }) => (
<div className="Catalogue__item" key={product.id}>
<a href="#" className="Product">
<div className="Product__image">
<img src={product.image.url} />
You can’t perform that action at this time.