+2
-2
| { | ||
| "name": "skor", | ||
| "author": "BigAB <bigab@live.ca>", | ||
| "version": "0.0.1", | ||
| "version": "0.0.2", | ||
| "publishConfig": { | ||
@@ -15,3 +15,3 @@ "registry": "https://registry.npmjs.org/" | ||
| }, | ||
| "homepage": "https://github.com/BigAB/skor#readme", | ||
| "homepage": "https://github.com/BigAB/skor/tree/main/lib#readme", | ||
| "license": "MIT", | ||
@@ -18,0 +18,0 @@ "main": "dist/index.js", |
+24
-81
@@ -1,103 +0,46 @@ | ||
| # TSDX User Guide | ||
| # đź‘‘ Skor | ||
| Congrats! You just saved yourself hours of work by bootstrapping this project with TSDX. Let’s get you oriented with what’s here and how to use it. | ||
| A cool JS Library | ||
| > This TSDX setup is meant for developing libraries (not apps!) that can be published to NPM. If you’re looking to build a Node app, you could use `ts-node-dev`, plain `ts-node`, or simple `tsc`. | ||
| ## :mag_right: Usage | ||
| > If you’re new to TypeScript, checkout [this handy cheatsheet](https://devhints.io/typescript) | ||
| ```ts | ||
| const skor = new Skor(); | ||
| ## Commands | ||
| const unsubscribe = skor.subscribe(); | ||
| TSDX scaffolds your new library inside `/src`. | ||
| To run TSDX, use: | ||
| ```bash | ||
| npm start # or yarn start | ||
| // ...later | ||
| unsubscribe(); | ||
| ``` | ||
| This builds to `/dist` and runs the project in watch mode so any edits you save inside `src` causes a rebuild to `/dist`. | ||
| ## :hammer_and_pick: Installation | ||
| To do a one-off build, use `npm run build` or `yarn build`. | ||
| To run tests, use `npm test` or `yarn test`. | ||
| ## Configuration | ||
| Code quality is set up for you with `prettier`, `husky`, and `lint-staged`. Adjust the respective fields in `package.json` accordingly. | ||
| ### Jest | ||
| Jest tests are set up to run with `npm test` or `yarn test`. | ||
| ### Bundle Analysis | ||
| [`size-limit`](https://github.com/ai/size-limit) is set up to calculate the real cost of your library with `npm run size` and visualize the bundle with `npm run analyze`. | ||
| #### Setup Files | ||
| This is the folder structure we set up for you: | ||
| ```txt | ||
| /src | ||
| index.tsx # EDIT THIS | ||
| /test | ||
| blah.test.tsx # EDIT THIS | ||
| .gitignore | ||
| package.json | ||
| README.md # EDIT THIS | ||
| tsconfig.json | ||
| ```sh | ||
| npm i skor | ||
| ``` | ||
| ### Rollup | ||
| TSDX uses [Rollup](https://rollupjs.org) as a bundler and generates multiple rollup configs for various module formats and build settings. See [Optimizations](#optimizations) for details. | ||
| ### TypeScript | ||
| `tsconfig.json` is set up to interpret `dom` and `esnext` types, as well as `react` for `jsx`. Adjust according to your needs. | ||
| ## Continuous Integration | ||
| ### GitHub Actions | ||
| Two actions are added by default: | ||
| - `main` which installs deps w/ cache, lints, tests, and builds on all pushes against a Node and OS matrix | ||
| - `size` which comments cost comparison of your library on every pull request using [`size-limit`](https://github.com/ai/size-limit) | ||
| ## Optimizations | ||
| Please see the main `tsdx` [optimizations docs](https://github.com/palmerhq/tsdx#optimizations). In particular, know that you can take advantage of development-only optimizations: | ||
| ```js | ||
| // ./types/index.d.ts | ||
| declare var __DEV__: boolean; | ||
| // inside your code... | ||
| if (__DEV__) { | ||
| console.log('foo'); | ||
| } | ||
| ```sh | ||
| yarn add skor | ||
| ``` | ||
| You can also choose to install and use [invariant](https://github.com/palmerhq/tsdx#invariant) and [warning](https://github.com/palmerhq/tsdx#warning) functions. | ||
| ## :card_file_box: Examples | ||
| ## Module Formats | ||
| See [examples](../examples) | ||
| CJS, ESModules, and UMD module formats are supported. | ||
| ## :book: API | ||
| The appropriate paths are configured in `package.json` and `dist/index.js` accordingly. Please report if any issues are found. | ||
| - [`Skor`](#skor) | ||
| ## Named Exports | ||
| ### `Skor` | ||
| Per Palmer Group guidelines, [always use named exports.](https://github.com/palmerhq/typescript#exports) Code split inside your React app instead of your React library. | ||
| The `Skor` class. | ||
| ## Including Styles | ||
| ## Testing | ||
| There are many ways to ship styles, including with CSS-in-JS. TSDX has no opinion on this, configure how you like. | ||
| ## :seedling: Contribute | ||
| For vanilla CSS, you can include it at the root directory and add it to the `files` section in your `package.json`, so that it can be imported separately by your users and run through their bundler's loader. | ||
| Think you'd like to contribute to this project? Check out our [contributing guideline](../CONTRIBUTING.md) and feel free to create issues and pull requests! | ||
| ## Publishing to NPM | ||
| ## License | ||
| We recommend using [np](https://github.com/sindresorhus/np). | ||
| MIT © [Adam L Barrett](../LICENSE) |
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
5334
-34.52%47
-54.81%