@bronifty/fs-utils
v0.0.13
Published
### Using [ByteDance Web-Infra modern.js module-tools](https://modernjs.dev/module-tools/en/api/plugin-api/plugin-hooks.html) to build an npm library which uses umd (works with import and require)
Downloads
17
Readme
@bronifty/fs-utils
Using ByteDance Web-Infra modern.js module-tools to build an npm library which uses umd (works with import and require)
pnpm add @bronifty/fs-utils
getProjectRoot
- with an optional path argument, the function will walk up the directory tree from the path until it finds a package.json file
import { getProjectRoot } from '@bronifty/fs-utils';
// same result as process.cwd()
console.log('getProjectRoot()', getProjectRoot());
console.log('process.cwd()', process.cwd());
console.log(
'getProjectRoot(./path/to/dir/or/file.ext)',
getProjectRoot('./path/to/dir/or/file.ext'),
);
deleteBuckets
import { deleteBuckets } from '@bronifty/fs-utils';
deleteBuckets('default', ['bronifty-dont-deleteme']).catch(console.error);
readJson
import fs from 'node:fs/promises';
import path from 'node:path';
import { getProjectRoot, readJson } from '@bronifty/fs-utils';
async function readJsonFile(path: string) {
return await readJson(path);
}
readJsonFile(`${getProjectRoot()}/package.json`)
.then(json => {
console.log(json);
})
.catch(error => {
console.error('Error reading JSON file:', error);
});
getNestedProperty
- compliments of @colinhacks
- specify the file and property separated by dots
import fs from 'node:fs/promises';
import path from 'node:path';
import {
getProjectRoot,
readJson,
getNestedProperty,
} from '@bronifty/fs-utils';
async function readJsonGetProperty(path: string) {
const jsonFile = await readJson(path);
const result = getNestedProperty(jsonFile, 'multiValueHeaders.Accept.0');
return result;
}
readJsonGetProperty(`${getProjectRoot()}/test/events/apig.json`)
.then(result => {
console.log('result', result);
})
.catch(error => {
console.error('Error reading JSON file:', error);
});
marcs-observable
- basic functionality
import { ObservableFactory } from '@bronifty/fs-utils';
const [getter, setter, subscriber] = ObservableFactory.useState([]);
let count = 0;
subscriber(() => count++);
const arr = [1, 2];
setter(arr);
arr.push(3);
setter([1, 2, 3]);
console.log('should equal 2: ', count);
arr.push(4);
console.log('should equal 2: ', count);
setter([1, 2, 3, 4]);
console.log('should equal 3: ', count);
console.log('should equal [1,2,3,4]: ', getter());
- application example
Note: the fs-utils library is built for node; it breaks in the browser until i can figure out how the modernjs plugin system works or figure out a build config. for now, to use it in an app like react, you can use the @bronifty/marcs-observable package
import React from 'react';
import ObservableFactory from '@bronifty/marcs-observable';
import './App.css';
// declaring our observable state outside the component to maintain state across re-renders; this could also be done in a store and imported
const [
childObservableGetter,
childObservableSetter,
childObservableSubscriber,
] = ObservableFactory.useState(0);
const [parentObservableGetter] = ObservableFactory.useState(
() => childObservableGetter() * 2,
);
let unsubscribe = () => {};
const App = () => {
// subscribing react hook for ui update to observable value update inside a useEffect so it runs once on mount and doesn't get re-assigned every re-render
const [input1, setInput1] = React.useState(childObservableGetter());
React.useEffect(() => {
unsubscribe = childObservableSubscriber((newVal: any) => {
setInput1(newVal);
});
return () => {
unsubscribe();
};
}, []); // Empty dependency array ensures this effect runs only once on mount
const handleInputChange = (e: any) => {
childObservableSetter(e.target.value); // Update observable state
};
return (
<>
<section>
<h2>numeric input</h2>
<input type="number" value={input1} onChange={handleInputChange} />
<p>
childObservableGetter value (childObservableGetter()):{' '}
{childObservableGetter()}
</p>
<p>
parentObservableGetter value (parentObservableGetter()):{' '}
{parentObservableGetter()}
</p>
<button onClick={unsubscribe}>unsubscribe from ui updates</button>
</section>
</>
);
};
export default App;
Config
- example tsconfig.json (typeRoots) for a consuming app of the library
{
"compilerOptions": {
"target": "ES2020",
"module": "NodeNext",
"moduleResolution": "NodeNext",
"esModuleInterop": true,
"strict": true,
"outDir": "./dist",
"rootDir": "./src",
"typeRoots": ["./node_modules/@bronifty/fs-utils/dist/types"]
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}