emersonlaurentino

Publicando no npm Automaticamente com GitHub Actions

Este guia explica como configurar um workflow no GitHub Actions para publicar automaticamente um pacote no npm quando um pull request é mergeado na branch principal (main), mesmo com a branch protegida. Ele inclui instruções para configurar o repositório, o workflow e as permissões necessárias.

---

Pré-requisitos

• Um repositório GitHub com um projeto Node.js.
• Um pacote configurado no package.json pronto para publicação no npm.

emersonlaurentino

/**
 * Before running this code, you need to run this script on the web page:
 * urls = []
document.querySelectorAll(".src-components-Client-Common-___Common__photo___3yTw5 > img").forEach((item) => {
  const url = item.src.replace("alfred.alboompro.com/resize/width/300/url/", "")
  if (!urls.includes(url)) {
      urls.push(url)
  }
})
  * after that, copy the urls array and paste it in the urls variable below

emersonlaurentino

{
  "empty": {
    "points": 0,
    "quantity": 3
  },
  "a": {
    "points": 1,
    "quantity": 10
  },
  "ã": {

emersonlaurentino

Monday: 18
Tuesday: 17
Wednesday: 16
Thursday: 14
Friday: 12

emersonlaurentino

import type { SxStyleProp } from '@vtex/store-ui'
import { Spinner, UIButton } from '@vtex/store-ui'
import type { ComponentPropsWithoutRef, FC } from 'react'
import React from 'react'

interface Props extends ComponentPropsWithoutRef<typeof UIButton> {
  loading: boolean
}

const defaultStyles: SxStyleProp = {

emersonlaurentino

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

emersonlaurentino

import React, { FC, lazy, Suspense, useEffect, useState } from 'react'

const preloadComponent = () => import('./Component')

const Component = lazy(preloadDrawer)

const App: FC = () => {
  useEffect(() => {
    const handler = window.requestIdleCallback(preloadComponent)

emersonlaurentino

unbindall
bind "0" "slot10"
bind "1" "slot1"
bind "2" "slot2"
bind "3" "slot3"
bind "4" "slot4"
bind "5" "slot5"
bind "6" "slot6"
bind "7" "slot7"
bind "8" "slot8"

emersonlaurentino

import React from 'react'
import { useIntl } from 'react-intl'

const AdminForm = () => {
  const intl = useIntl()

  return (
    <form>
      <label>
        <small>{intl.formatMessage({ id: 'admin/username.form.label' })}</small>

emersonlaurentino

// script
function sendMessageInstagram (e) {
  if (e.keyCode === 13) {
  	document.querySelector('.X3a-9 button').click();
  }
};
// execute
addEventListener("keyup", sendMessageInstagram);