Skip to content

Commit

Permalink
chore(comments): adding comments on todos and updating readme to indi…
Browse files Browse the repository at this point in the history
…cate WIP status
  • Loading branch information
tomgobich committed Oct 20, 2024
1 parent e4b7b34 commit bd66524
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 117 deletions.
116 changes: 2 additions & 114 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,115 +1,3 @@
# AdonisJS package starter kit
# Work In Progress

> A boilerplate for creating AdonisJS packages
This repo provides you with a starting point for creating AdonisJS packages. Of course, you can create a package from scratch with your folder structure and workflow. However, using this starter kit can speed up the process, as you have fewer decisions to make.

## Setup

- Clone the repo on your computer, or use `giget` to download this repo without the Git history.
```sh
npx giget@latest gh:adonisjs/pkg-starter-kit
```
- Install dependencies.
- Update the `package.json` file and define the `name`, `description`, `keywords`, and `author` properties.
- The repo is configured with an MIT license. Feel free to change that if you are not publishing under the MIT license.

## Folder structure

The starter kit mimics the folder structure of the official packages. Feel free to rename files and folders as per your requirements.

```
├── providers
├── src
├── bin
├── stubs
├── configure.ts
├── index.ts
├── LICENSE.md
├── package.json
├── README.md
├── tsconfig.json
├── tsnode.esm.js
```

- The `configure.ts` file exports the `configure` hook to configure the package using the `node ace configure` command.
- The `index.ts` file is the main entry point of the package.
- The `tsnode.esm.js` file runs TypeScript code using TS-Node + SWC. Please read the code comment in this file to learn more.
- The `bin` directory contains the entry point file to run Japa tests.
- Learn more about [the `providers` directory](./providers/README.md).
- Learn more about [the `src` directory](./src/README.md).
- Learn more about [the `stubs` directory](./stubs/README.md).

### File system naming convention

We use `snake_case` naming conventions for the file system. The rule is enforced using ESLint. However, turn off the rule and use your preferred naming conventions.

## Peer dependencies

The starter kit has a peer dependency on `@adonisjs/core@6`. Since you are creating a package for AdonisJS, you must make it against a specific version of the framework core.

If your package needs Lucid to be functional, you may install `@adonisjs/lucid` as a development dependency and add it to the list of `peerDependencies`.

As a rule of thumb, packages installed in the user application should be part of the `peerDependencies` of your package and not the main dependency.

For example, if you install `@adonisjs/core` as a main dependency, then essentially, you are importing a separate copy of `@adonisjs/core` and not sharing the one from the user application. Here is a great article explaining [peer dependencies](https://blog.bitsrc.io/understanding-peer-dependencies-in-javascript-dbdb4ab5a7be).

## Published files

Instead of publishing your repo's source code to npm, you must cherry-pick files and folders to publish only the required files.

The cherry-picking uses the `files` property inside the `package.json` file. By default, we publish the following files and folders.

```json
{
"files": ["build/src", "build/providers", "build/stubs", "build/index.d.ts", "build/index.js"]
}
```

If you create additional folders or files, mention them inside the `files` array.

## Exports

[Node.js Subpath exports](https://nodejs.org/api/packages.html#subpath-exports) allows you to define the exports of your package regardless of the folder structure. This starter kit defines the following exports.

```json
{
"exports": {
".": "./build/index.js",
"./types": "./build/src/types.js"
}
}
```

- The dot `.` export is the main export.
- The `./types` exports all the types defined inside the `./build/src/types.js` file (the compiled output).

Feel free to change the exports as per your requirements.

## Testing

We configure the [Japa test runner](https://japa.dev/) with this starter kit. Japa is used in AdonisJS applications as well. Just run one of the following commands to execute tests.

- `npm run test`: This command will first lint the code using ESlint and then run tests and report the test coverage using [c8](https://github.com/bcoe/c8).
- `npm run quick:test`: Runs only the tests without linting or coverage reporting.

The starter kit also has a Github workflow file to run tests using Github Actions. The tests are executed against `Node.js 20.x` and `Node.js 21.x` versions on both Linux and Windows. Feel free to edit the workflow file in the `.github/workflows` directory.

## TypeScript workflow

- The starter kit uses [tsc](https://www.typescriptlang.org/docs/handbook/compiler-options.html) for compiling the TypeScript to JavaScript when publishing the package.
- [TS-Node](https://typestrong.org/ts-node/) and [SWC](https://swc.rs/) are used to run tests without compiling the source code.
- The `tsconfig.json` file is extended from [`@adonisjs/tsconfig`](https://github.com/adonisjs/tooling-config/tree/main/packages/typescript-config) and uses the `NodeNext` module system. Meaning the packages are written using ES modules.
- You can perform type checking without compiling the source code using the `npm run type check` script.

Feel free to explore the `tsconfig.json` file for all the configured options.

## ESLint and Prettier setup

The starter kit configures ESLint and Prettier. Both configurations are stored within the `package.json` file and use our [shared config](https://github.com/adonisjs/tooling-config/tree/main/packages). Feel free to change the configuration, use custom plugins, or remove both tools altogether.

## Using Stale bot

The [Stale bot](https://github.com/apps/stale) is a Github application that automatically marks issues and PRs as stale and closes after a specific duration of inactivity.

Feel free to delete the `.github/stale.yml` and `.github/lock.yml` files if you decide not to use the Stale bot.
This package is not yet ready for use and is not available on NPM.
11 changes: 8 additions & 3 deletions src/scaffolds/jumpstart_scaffold.ts
Original file line number Diff line number Diff line change
Expand Up @@ -26,16 +26,17 @@ export default class JumpstartScaffold extends BaseScaffold {
this.logger.log(
this.colors.blue("You'll need @adonisjs/lucid installed and configured to continue")
)
await ace.exec('add @adonisjs/lucid', [])
await ace.exec('add', ['@adonisjs/lucid'])
}

if (!isAuthConfigured) {
this.logger.log(
this.colors.blue("You'll need @adonisjs/auth installed and configured to continue")
)
await ace.exec('add @adonisjs/auth', [])
await ace.exec('add', ['@adonisjs/auth'])
}

// TODO: doesn't seem to complete configuration
if (!isMailConfigured) {
this.logger.log(
this.colors.blue("You'll need @adonisjs/mail installed and configured to continue")
Expand Down Expand Up @@ -76,6 +77,8 @@ export default class JumpstartScaffold extends BaseScaffold {

async #registerPreloads() {
await this.codemods.makeUsingStub(stubsRoot, 'start/globals.stub', {})

// TODO: join these into the existing routes.ts file
await this.codemods.makeUsingStub(stubsRoot, 'routes/auth.stub', {})
await this.codemods.makeUsingStub(stubsRoot, 'routes/web.stub', {})

Expand All @@ -88,7 +91,9 @@ export default class JumpstartScaffold extends BaseScaffold {
}

async #generateStubs() {
// stubs -> views
//* NOTE: copy utils from base_scaffold exist because Tempura throws an exception on the backticked contents (escaped or not)

// stubs -> views -- using cp due to the number of files
await cp(this.app.makePath(stubsRoot, 'views'), this.app.viewsPath(), {
recursive: true,
force: false,
Expand Down

0 comments on commit bd66524

Please sign in to comment.