file-structurer v0.0.3

File Structurer

This package surfaces some utilities for structuring files in javascript projects.

At the moment it's just a couple of functions that are helpful when working with component folders.

Component folders are a familiar pattern in modern javascript development. A common use case is when a component has tests associated with it.

In this package, "component folder" refers to a file structure like the following:

├── Button
│   ├── Button.spec.tsx
│   ├── Button.tsx
│   └── index.tsx
├── Card
│   ├── Card.spec.tsx
│   ├── Card.tsx
│   └── index.tsx

Check out this component folder VS Code extension for an example of this package in action.

Installation

npm install file-structurer

Usage

import { createComponentFolder, converFileToFolder } from 'file-structurer'

API

createComponentFolder

Create a component folder.

Parameters

Returns

An object with some details about the created files.

Example

createComponentFolder({
    path: '/path/to/components/folder',
    name: 'Button',
    ext: 'tsx'
})

convertFileToFolder

Create a component folder from an existing file. Copies the content of the file and fixes the imports to work from within a folder. The new folder will have the same name as the original file and the new files will have the same extension.

Parameters

Returns

An object with some details about the created files.

Example

convertFileToFolder({
    path: '/path/to/components/folder/Button',
    deleteFile: true
})