Arnaud Tanielian Danetag

🕺

Entertaining

Add a bio

Danetag / deepMerge.spec.ts

Created January 7, 2025 19:29

	import {describe, it, expect} from 'vitest';

	import {merge} from './deepMerge';

	describe('deepMerge', () => {
	it('should merge flat objects', () => {
	const obj1 = {a: 1, b: 2};
	const obj2 = {c: 3, d: 4};

	const result = merge({}, obj1, obj2);

Danetag / entry.server.tsx

Last active July 1, 2024 14:33

Enabling full-page caching on Shopify Hydrogen apps

	// Check out https://shopify.dev/docs/storefronts/headless/hydrogen/caching/full-page-cache for more information

	import {CacheCustom, generateCacheControlHeader} from '@shopify/hydrogen';

	const fullPageCache = CacheCustom({
	mode: 'public',
	maxAge: 60,
	staleWhileRevalidate: 86400,
	});

Danetag / useMyAwesomeHook.specs.tsx

Last active October 11, 2024 15:30

Testing a React hook with a redux store

	import React from 'react';
	import { renderHook } from '@testing-library/react-hooks';
	import stateFactory from 'jest/stateFactory';
	import configureMockStore from 'redux-mock-store';
	import { Provider } from 'react-redux';
	import { Store, AnyAction } from 'redux';

	import { initialState as initialPaginationState } from '../../store/pagination/reducer';
	import { useMyAwesomeHook } from '../useMyAwesomeHook';

Danetag / next.config.js

Last active March 5, 2021 21:17

Forward env variables to next

	// Example: Forward env variables to the app (client-side)
	module.exports = {
	env: {
	AN_ENV_VARIABLE: process.env.AN_ENV_VARIABLE,
	},
	};

Danetag / web-component-data.js

Created May 20, 2020 02:29

	/* In a web component */

	// Private function to get the data from the "<script>" element
	selectData = () => {
	const options = this.slotContainerRef.querySelector('script');
	const optionsJSON = !!options && JSON.parse(options.innerHTML);

	if (optionsJSON) {
	return optionsJSON;
	}

Danetag / web-component-data.html

Created May 20, 2020 02:27

	<my-navigation>
	<script type="application/json" name="data">
	{
	"items": [
	{ "id": "home", "href": "/", "label": "Home" },
	{ "id": "about", "href": "/about", "label": "About" },
	]
	}
	</script>
	</my-navigation>

Danetag / web-components-in-scss.scss

Last active May 20, 2020 02:24

	@import 'my-component-library/constants/_constants';
	@import 'my-component-library/constants/_mixins';

	.background {
	background-color: $blue; // imported constant color

	// imported mixin
	@for-size($medium) {
	background-color: $dark-blue;
	}

Danetag / web-components-constants.js

Created May 20, 2020 02:21

	import { ICONS } from "my-component-library/constants";

	// ...

	render() {
	return (
	<div>
	<my-icon name={ICONS.ACCOUNT}></my-icon>
	</div>
	)

Danetag / web-component-reset.html

Created May 20, 2020 02:08

	<body>
	<my-global-component reset></my-global-component>

	<!-- rest of the page -->
	</body>

Danetag / web-components-render.html

Created May 20, 2020 02:06

	<!-- Writing this -->
	<my-button theme="secondary">A button</my-button>

	<!-- Actually renders this -->
	<my-button theme="secondary">
	<button class="my-button my-button--secondary">
	<span class="label">A button</span>
	</button>
	</my-button>