nico-martin

<ifModule mod_headers.c>
    # One year for image and video files
    <filesMatch ".(flv|gif|ico|jpg|jpeg|mp4|mpeg|png|svg|swf|webp)$">
        Header set Cache-Control "max-age=31536000, public"
    </filesMatch>

    # One month for JavaScript and PDF files
    <filesMatch ".(js|pdf)$">
        Header set Cache-Control "max-age=2592000, public"
    </filesMatch>

nico-martin

const {ServerSideRender} = wp.components;

wp.blocks.registerBlockType('test/ssr', {
	title: 'Post Archiv',
	icon: 'grid-view',
	category: 'my-category',
	edit(props) {
		return  <ServerSideRender block="test/ssr"/>
	},
	save() {

nico-martin

(function (blocks, components, element) {
	blocks.registerBlockType('test/ssr', {
		title: 'Server Side Rendered Block',
		icon: 'admin-site-alt3',
		category: 'test',
		edit: function (props) {
			return element.createElement(components.ServerSideRender, {block: 'test/ssr'});
		},
		save: function () {
			return null;

nico-martin

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXX-X"></script>
<script>

	window.gtagTrackingID = 'UA-XXXXXXXX-X';
	window.gtagDisableStr = 'gtag-disable-' + gtagTrackingID;
	window.dataLayer = window.dataLayer || [];
	
	function gtag() {
		dataLayer.push(arguments);
	}

nico-martin

<?php

namespace SayHello\Theme\Package;

/**
 * @author Nico Martin <nico@sayhello.ch>
 */
class Polylang
{
	public $translatedNames = [];

nico-martin

const {TextControl, IconButton} = wp.components;
const {InnerBlocks} = wp.editor;
const {__} = wp.i18n;
const {dispatch} = wp.data;
const {createBlock, registerBlockType} = wp.blocks;

registerBlockType('prefix/container', {
	title: 'Container',
	icon: 'category',
	category: 'category',

nico-martin

import React from 'react';
import { MyContextProvider, useMyContext } from './myContext';

const CompOne = () => {
  const [myState, setMyState] = useMyContext();
  return (
    <div>
      <p>
        CompOne update:{' '}
        <button onClick={() => setMyState({ ...myState, foo: 'baz' })}>

nico-martin

import React from 'react';
import ReactDOM from 'react-dom';
import {
  SharedStorageProvider,
  useSharedStorage,
} from './sharedStateContext.tsx';

const App = () => {
  const [sharedState, setSharedState] = useSharedStorage();

nico-martin

Arduino Nano Circuit

For the DRV8871 Motor Driver I'm using the Pins D2, D3, D5 und D6.

BLE Server

Furthermore I'm using the ArduinoBLE package to provide a BLE Server that let's you control the motor.

UUIDS:

• motorControlService: c10e3e56-fdd3-11eb-9a03-0242ac130003
• motorCharacteristic: 35a1022c-fdd3-11eb-9a03-0242ac130003

nico-martin

// ./PostList.jsx
import React from 'react';
import {apiStates, useApi} from './useApi.jsx'

const PostList = () => {
  const { state, error, data, reload } = useApi('https://api.mysite.com');

  switch (state) {
    case apiStates.ERROR:
      return (