vmarcosp

[
  "https://www.gp1.com.br/media/images/2019/11/19/deputado-kim-kataguiri.jpg.617x429_q85_crop.webp",
  "https://f.i.uol.com.br/fotografia/2021/10/01/1633129920615795c0f2f61_1633129920_3x2_md.jpg",
  "https://f.i.uol.com.br/fotografia/2021/10/01/1633129920615795c0f2f61_1633129920_3x2_md.jpg",
  "https://static.poder360.com.br/2019/04/Kim-Kataguiri-DEM-Entrevista-1.jpg",
  "https://s2.glbimg.com/Vo6e7gzHZzUG77ORHX3DM5ly_2Y=/588x0:1180x532/984x0/smart/filters:strip_icc()/s.glbimg.com/jo/g1/f/original/2016/03/13/kim2.jpg",
  "https://www.socialismocriativo.com.br/wp-content/uploads/2022/02/kim.png",
  "https://jpimg.com.br/uploads/2017/04/2039181751-kim-kataguiri-um-dos-coordenadores-do-mbl.jpeg"
]

vmarcosp

vmarcosp

export const withArgTypes = (component, args) => component.argTypes = args

vmarcosp

module Control = {
  type t

  type _control =
    | Radio
    | Select
    | Text
    | Boolean
    | Number({min: int, max: int, step: option<int>})
    | Range({min: int, max: int, step: option<int>})

vmarcosp

module Styles = {
  open Emotion

  let rotate = keyframes({
    "100%": {
      "transform": "rotate(360deg)",
    },
  })

  let dash = keyframes({

vmarcosp

@module("@emotion/css") external css: {..} => string = "css"
@module("@emotion/css") external rawCss: string => string = "css"
@module("@emotion/css") external keyframes: {..} => string = "keyframes"
@module("@emotion/css") external injectGlobal: {..} => unit = "injectGlobal"
@module("@emotion/css") external compose: (string, string) => string = "compose"

vmarcosp

import React from "react";
import createEmotionServer from "@emotion/server/create-instance";
import NextDocument, { Html, Main, Head, NextScript } from "next/document";
import { cache } from "@emotion/css";

class Document extends NextDocument {
  static async getInitialProps(ctx) {
    const page = await ctx.renderPage();
    const initialProps = await NextDocument.getInitialProps(ctx);
    const { css, ids } = renderStatic(page.html);

vmarcosp

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)

vmarcosp

{
  "name": "spacy",
  "namespace": false,
  "reason": {
    "react-jsx": 3
  },
  "bs-dependencies": [],
  "ppx-flags": [],
  "sources": [
    {

vmarcosp

Links

• Playground do ReScript
• Site do ReScript
• Template do Projeto
• Twitter Gabriel
• Twitter Marcos
• Curso de ReScript - EcmaScript2077
• Discord ReScript Brasil