winkerVSbecks

// .storybook/main.js

module.exports = {
  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
  core: {
    builder: 'webpack5',
  },
  webpackFinal: async (config) => {
    // Mock modules

winkerVSbecks

var svg = document.querySelector('.blocklySvg');

//get svg source.
var serializer = new XMLSerializer();
var source = serializer.serializeToString(svg);

//add name spaces.
if(!source.match(/^<svg[^>]+xmlns="http\:\/\/www\.w3\.org\/2000\/svg"/)){
    source = source.replace(/^<svg/, '<svg xmlns="http://www.w3.org/2000/svg"');
}

winkerVSbecks

This is a SCRIPT-8 cassette. Click here to boot it.

winkerVSbecks

This is a SCRIPT-8 cassette. Click here to boot it.

winkerVSbecks

This is a SCRIPT-8 cassette.

winkerVSbecks

import * as React from 'react';
import { PropertyControls, ControlType } from 'framer';
import system from 'system-components';
import { theme } from './theme';
import { ThemeWrapper } from './ThemeWrapper';

const HeadingPrimitive = system(
  {
    is: 'h1',
    fontFamily: 'light',

winkerVSbecks

static propertyControls: PropertyControls = {
  text: { type: ControlType.String, title: 'Text' },
  fontSize: {
    type: ControlType.FusedNumber,
    toggleKey: 'fontPerBP',
    toggleTitles: ['Font', 'Font per BP'],
    valueKeys: ['font1', 'font2', 'font3', 'font4'],
    valueLabels: theme.breakpoints.map(s => s.replace('px', '')),
    min: 0,
    title: 'Font Size',

winkerVSbecks

<div class="vh-100 flex justify-center items-center">
  <svg class="db w-100 mw7"
    viewBox="0 0 640 640"
    fill="white"
    stroke="#333333"
    stroke-width="8">
    <rect width="256"
      height="256"
      x="264"
      y="264" />

winkerVSbecks

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/interval';
import 'rxjs/add/observable/race';
import 'rxjs/add/observable/empty';
import 'rxjs/add/observable/fromEvent';
import 'rxjs/add/observable/timer';
import 'rxjs/add/observable/merge';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/takeUntil';

winkerVSbecks

Setup

$ npm i create-react-app -g
$ create-react-app robodex
$ cd robodex
$ npm start

Resources