@wormgraph/helpers NPM | npm.io

0.7.49 • Published 1 year ago

Install

Weekly downloads

-

License

private

Repository

Last release

1 year ago

Lootbox Helpers

A template for building shareable libraries that can be used both NodeJS import or Browser <script> tags.

Storybook

Views your modules locally in ESM format import.

$ yarn storybook

Building

$ yarn install
$ yarn build
$ npm publish	# dont use yarn

Usage Locally

Using npm libraries locally is easy using $ yarn link. You will need two repos, the library and the codebase you are working in.

# terminal 1
$ cd guildfx-library-template
$ yarn watch # this will hot-reload

# terminal 2
$ cd guildfx-library-template
$ yarn link # ready to use
$ yarn unlink # when you want to stop

# terminal 3
$ cd my-app
$ yarn link "@guildfx/library-template" # ready to use!
$ yarn unlink "@guildfx/library-template" # unlink when you want to go back to prod version

You will be able to now use the imports locally, without changing any code or imports. Just be aware of local vs prod library imports when developing.

You can also build to UMD/IIFE locally, after $ yarn watch open up ./sandbox.html

<!-- Import Locally from build file -->
<script src="./iife/bundle.js" type="text/javascript"></script>

Usage in server

import { Counter, mockFunction } from '@guildfx/library-template'
const App = () => {
  mockFunction() // prints 'hello'
  return <Counter />
}

Usage in the browser

<!-- index.html -->
<head>
  <!-- we need to import react first -->
  <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
</head>
<body>
  <!-- then import our components -->
  <div id="react-target"></div>
  <script src="https://firebasestorage.googleapis.com/v0/b/guildfx-exchange.appspot.com/o/index.js?alt=media&token=ed98e790-1eab-4b7f-acc1-b06065975d69"></script>
  <script>
    // injects a react component into the page at <div id="react-target">
    Lootbox_UI.injectCounter()
  </script>
</body>

@vijayt/counter

This is just a demo component, part of the boilerplate for putting together a project that publishes components to the NPM registry. Features of the boilerplate include: Compilation using Rollup and TypeScript, Unit / Functional testing using Jest and React Testing library, Visual testing using Storybook. There is a tutorial that explains how the project was put together.

@infinitebrahmanuniverse/nolb-_wor @everything-registry/sub-chunk-1022

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.7.4-demo-release

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.2.0-afn-alpha114

2 years ago

0.2.0-afn-alpha113

2 years ago

0.2.0-afn-alpha112

2 years ago

0.2.0-afn-alpha111

2 years ago

0.2.0-afn-alpha110

2 years ago

0.2.0-afn-alpha109

2 years ago

0.2.0-afn-alpha108

2 years ago

0.2.0-afn-alpha107

2 years ago

0.2.0-afn-alpha106

2 years ago

0.2.0-afn-alpha105

2 years ago

0.2.0-afn-alpha104

2 years ago

0.2.0-afn-alpha103

2 years ago

0.2.0-afn-alpha102

2 years ago

0.2.0-afn-alpha101

2 years ago

0.2.0-afn-alpha100

2 years ago

0.2.0-afn-alpha98

2 years ago

0.2.0-afn-alpha97

2 years ago

0.2.0-afn-alpha96

2 years ago

0.2.0-afn-alpha95

2 years ago

0.2.0-afn-alpha94

2 years ago

0.2.0-afn-alpha93

2 years ago

0.2.0-afn-alpha90

2 years ago

0.2.0-afn-alpha89

2 years ago

0.2.0-afn-alpha88

2 years ago

0.2.0-afn-alpha87

2 years ago

0.2.0-afn-alpha86

2 years ago

0.2.0-afn-alpha85

2 years ago

0.2.0-afn-alpha84

2 years ago

0.2.0-afn-alpha83

2 years ago

0.2.0-afn-alpha82

2 years ago

0.2.0-afn-alpha81

2 years ago

0.2.0-afn-alpha80

2 years ago

0.2.0-afn-alpha79

2 years ago

0.2.0-afn-alpha78

2 years ago

0.2.0-afn-alpha77

2 years ago

0.2.0-afn-alpha76

2 years ago

0.2.0-afn-alpha75

2 years ago

0.2.0-afn-alpha74

2 years ago

0.2.0-afn-alpha73

2 years ago

0.2.0-afn-alpha72

2 years ago

0.2.0-afn-alpha71

2 years ago

0.2.0-afn-alpha70

2 years ago

0.2.0-afn-alpha69

2 years ago

0.2.0-afn-alpha68

2 years ago

0.2.0-afn-alpha67

2 years ago

0.2.0-afn-alpha66

2 years ago

0.2.0-afn-alpha65

2 years ago

0.2.0-afn-alpha64

2 years ago

0.2.0-afn-alpha63

2 years ago

0.2.0-afn-alpha62

2 years ago

0.2.0-afn-alpha61

2 years ago

0.2.0-afn-alpha60

2 years ago

0.2.0-afn-alpha59

2 years ago

0.2.0-afn-alpha58

2 years ago

0.2.0-afn-alpha57

2 years ago

0.2.0-afn-alpha56

2 years ago

0.2.0-afn-alpha55

2 years ago

0.2.0-afn-alpha54

2 years ago

0.2.0-afn-alpha53

2 years ago

0.2.0-afn-alpha52

2 years ago

0.2.0-afn-alpha51

2 years ago

0.2.0-afn-alpha50

2 years ago

0.2.0-afn-alpha49

2 years ago

0.2.0-afn-alpha48

2 years ago

0.2.0-afn-alpha47

2 years ago

0.2.0-afn-alpha44

2 years ago

0.2.0-afn-alpha43

2 years ago

0.2.0-afn-alpha46

2 years ago

0.2.0-afn-alpha45

2 years ago

0.2.0-afn-alpha42

2 years ago

0.2.0-afn-alpha41

2 years ago

0.2.0-afn-alpha40

2 years ago

0.2.0-afn-alpha39

2 years ago

0.2.0-afn-alpha38

2 years ago

0.2.0-afn-alpha37

2 years ago

0.2.0-afn-alpha36

2 years ago

0.2.0-afn-alpha34

2 years ago

0.2.0-afn-alpha35

2 years ago

0.2.0-afn-alpha33

2 years ago

0.2.0-afn-alpha32

2 years ago

0.2.0-afn-alpha31

2 years ago

0.2.0-afn-alpha30

2 years ago

0.2.0-afn-alpha29

2 years ago

0.2.0-afn-alpha28

2 years ago

0.2.0-afn-alpha27

2 years ago

0.2.0-afn-alpha26

2 years ago

0.2.0-afn-alpha25

2 years ago

0.2.0-afn-alpha24

2 years ago

0.2.0-afn-alpha23

2 years ago

0.2.0-afn-alpha22

2 years ago

0.2.0-afn-alpha21

2 years ago

0.2.0-afn-alpha20

2 years ago

0.2.0-afn-alpha19

2 years ago

0.2.0-afn-alpha18

2 years ago

0.2.0-afn-alpha17

2 years ago

0.2.0-afn-alpha16

2 years ago

0.2.0-afn-alpha15

2 years ago

0.2.0-afn-alpha14

2 years ago

0.2.0-afn-alpha13

2 years ago

0.2.0-afn-alpha12

2 years ago

0.2.0-afn-alpha11

2 years ago

0.2.0-afn-alpha10

2 years ago

0.2.0-afn-alpha9

2 years ago

0.2.0-afn-alpha8

2 years ago

0.2.0-afn-alpha7

2 years ago

0.2.0-afn-alpha6

2 years ago

0.2.0-afn-alpha5

2 years ago

0.2.0-afn-alpha4

2 years ago

0.2.0-afn-alpha3

2 years ago

0.2.0-afn-alpha2

2 years ago

0.2.0-afn-alpha1

2 years ago

0.1.14-afn-alpha20

2 years ago

0.1.14-afn-alpha19

2 years ago

0.1.14-afn-alpha18

2 years ago

0.1.14-afn-alpha17

2 years ago

0.1.14-afn-alpha16

2 years ago

0.1.14-afn-alpha15

2 years ago

0.1.14-afn-alpha14

2 years ago

0.1.14-afn-alpha13

2 years ago

0.1.14-afn-alpha12

2 years ago

0.1.14-afn-alpha11

2 years ago

0.1.14-afn-alpha10

2 years ago

0.1.14-afn-alpha9

2 years ago

0.1.14-afn-alpha8

2 years ago

0.1.14-afn-alpha7

2 years ago

0.1.14-afn-alpha6

2 years ago

0.1.14-afn-alpha5

2 years ago

0.1.14-afn-alpha4

2 years ago

0.1.14-afn-alpha3

2 years ago

0.1.14-afn-alpha2

2 years ago

0.1.14-afn-alpha

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago