chore: rename useWatchDirectory to useFileSystem

Author: TimMikeladze

README.md

@@ -24,10 +24,10 @@ pnpm add use-file-system
 
 ```tsx
 import React from 'react';
-import { commonFilters, useWatchDirectory } from 'use-file-system';
+import { commonFilters, useFileSystem } from 'use-file-system';
 
 export const Example = () => {
-  const { onDirectorySelection, files } = useWatchDirectory({
+  const { onDirectorySelection, files } = useFileSystem({
     filters: commonFilters, // filters out .gitignore paths and output paths like node_modules or dist, etc
     onFilesAdded: (newFiles, previousFiles) => {
       console.log('onFilesAdded', newFiles, previousFiles);
@@ -93,7 +93,7 @@ export const Example = () => {
 - [distFilter](#gear-distfilter)
 - [miscFilter](#gear-miscfilter)
 - [processDirectory](#gear-processdirectory)
-- [useWatchDirectory](#gear-usewatchdirectory)
+- [useFileSystem](#gear-usefilesystem)
 
 ### :gear: gitFilter
 
@@ -119,11 +119,11 @@ export const Example = () => {
 | ---------- | ---------- |
 | `processDirectory` | `(directoryHandle: FileSystemDirectoryHandle, directoryPath: string, filters: Filter[], includeFiles: Map<string, FileSystemFileHandle>, ignoreFilePaths: Set<...>) => Promise<...>` |
 
-### :gear: useWatchDirectory
+### :gear: useFileSystem
 
 | Function | Type |
 | ---------- | ---------- |
-| `useWatchDirectory` | `(props: UseFileHandlingHookProps) => { handles: Map<string, FileSystemFileHandle>; onDirectorySelection: () => Promise<void>; files: Map<...>; isProcessing: boolean; }` |
+| `useFileSystem` | `(props: UseFileHandlingHookProps) => { handles: Map<string, FileSystemFileHandle>; onDirectorySelection: () => Promise<void>; files: Map<...>; isProcessing: boolean; }` |
 
 
 ## :wrench: Constants

src/filters.ts

@@ -76,9 +76,6 @@ export const distFilter: FilterFn = async () => {
     if (filepath.includes(`/node_modules/`)) {
       return true;
     }
-    if (filepath.includes(`/node_modules/`)) {
-      return true;
-    }
     if (filepath.includes(`/.next/`)) {
       return true;
     }

src/index.ts

@@ -1,3 +1,3 @@
 export * from './filters';
 export * from './processDirectory';
-export * from './useWatchDirectory';
+export * from './useFileSystem';

src/stories/Example.stories.tsx

@@ -12,6 +12,4 @@ const Template: StoryFn<typeof Example> = () => <Example />;
 
 export const Primary = Template.bind({});
 
-Primary.args = {
-  text: 'Clicked this many times:',
-};
+Primary.args = {};

src/stories/Example.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { action } from '@storybook/addon-actions';
-import { commonFilters, useWatchDirectory } from '..';
+import { commonFilters, useFileSystem } from '..';
 
 export const Example = () => {
-  const { onDirectorySelection, files } = useWatchDirectory({
+  const { onDirectorySelection, files } = useFileSystem({
     filters: commonFilters,
     onFilesAdded: (newFiles, previousFiles) => {
       console.log('onFilesAdded', newFiles, previousFiles);

src/useWatchDirectory.tsx src/useFileSystem.tsx

@@ -30,7 +30,7 @@ export interface UseFileHandlingHookProps {
 
 const DEFAULT_POLL_INTERVAL = 500;
 
-export const useWatchDirectory = (props: UseFileHandlingHookProps) => {
+export const useFileSystem = (props: UseFileHandlingHookProps) => {
   const {
     onFilesAdded: onAddFile,
     onFilesChanged: onChangeFile,