onlybuild 1.3.0 → 1.4.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [v1.4.0](https://github.com/neogeek/onlybuild/tree/v1.4.0) - (2024-05-08)
+
+[Full Changelog](https://github.com/neogeek/onlybuild/compare/v1.3.0...v1.4.0)
+
+- [feat] Switch typescript work without a flag. [#18](https://github.com/neogeek/onlybuild/pull/18)
+- [feat] TSX/React.js Support [#17](https://github.com/neogeek/onlybuild/pull/17)
+- [hotfix] Fixed TypeScript logic to not override JavaScript functionality. [#16](https://github.com/neogeek/onlybuild/pull/16)
+
 ## [v1.3.0](https://github.com/neogeek/onlybuild/tree/v1.3.0) - (2024-05-08)
 
 [Full Changelog](https://github.com/neogeek/onlybuild/compare/v1.2.1...v1.3.0)

package/README.md

@@ -32,6 +32,7 @@
 - [Getting Started](#getting-started)
 - [File Structure](#file-structure)
 - [Ignore Files](#ignore-files)
+- [React](#react)
 - [TypeScript](#typescript)
 - [Formatting Files](#formatting-files)
 - [Watching For Changes](#watching-for-changes)
@@ -92,7 +93,6 @@ Usage: onlybuild <path> [options]
    -v, --version         Display the current installed version.
    -o, --out             Sets build directory. Default path is build/
    -i, --ignore          Sets ignore file path. Default path is .onlyignore
-   -t, --typescript      Parse TypeScript files. (experimental)
 ```
 
 ## Quick Start Guide
@@ -264,18 +264,34 @@ screenshot.png
 LICENSE
 ```
 
-## TypeScript
+## React
 
-> [!WARNING]
-> This feature is experimental.
+If you want to use [React.js](https://react.dev/), instead of <code>&#96;html&#96;</code> string templates, you can do that by using `react-dom/server` in a `.jsx` or `.tsx` file.
 
-By default `onlybuild` looks for `.mjs` files, but if you add the `--typescript` flag to the build command, it will instead look for `.ts` files.
+```javascript
+import React from 'react';
+import { renderToString } from 'react-dom/server';
 
-```bash
-$ npx onlybuild --typescript
+function Hello() {
+  return <h1>Hello, React!</h1>;
+}
+
+export default renderToString(<Hello />);
+```
+
+In order for `.jsx` or `.tsx` files to work property you will need to add `"type": "module"` to your `package.json`.
+
+```json
+{
+  ...
+  "type": "module",
+  ...
+}
 ```
 
-You will also need to add `"type": "module"` to your `package.json` file for imports to work correctly.
+## TypeScript
+
+In order for TypeScript files to work property you will need to add `"type": "module"` to your `package.json`.
 
 ```json
 {
@@ -350,6 +366,7 @@ Serving the files once the build is complete is easy using the NPM package [http
 1. [External API](./examples/external-api/) - Output data fetched from an external API.
 1. [<code>&#96;html&#96;</code> String Template](./examples/html-string-template/) - Use the <code>&#96;html&#96;</code> string template utility to add syntax highlighting to HTML.
 1. [Includes](./examples/includes/) - An example that uses reusable includes for building multiple pages.
+1. [React.js](./examples/react.js/) - An example using React.js to render HTML.
 
 ## Benchmark
 

package/dist/bin/index.d.ts

@@ -1,3 +1,4 @@
 #!/usr/bin/env node --no-warnings
 import 'dotenv/config';
+import 'tsx/esm';
 export {};

package/dist/bin/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node --no-warnings
 import 'dotenv/config';
-import { register } from 'tsx/esm/api';
+import 'tsx/esm';
 import { globby } from 'globby';
 import parseCmdArgs from 'parse-cmd-args';
 import { buildFiles, writeFiles } from '../src/build.js';
@@ -22,7 +22,6 @@ else if (args.flags['--help'] || args.flags['-h']) {
    -v, --version         Display the current installed version.
    -o, --out             Sets build directory. Default path is build/
    -i, --ignore          Sets ignore file path. Default path is .onlyignore
-   -t, --typescript      Parse TypeScript files. (experimental)
 `);
     process.exit();
 }
@@ -32,25 +31,25 @@ const [buildDir = 'build/'] = [args.flags['--out'], args.flags['-o']]
 const [ignoreFile = '.onlyignore'] = [args.flags['--ignore'], args.flags['-i']]
     .filter(flag => typeof flag === 'string')
     .map(String);
-const [typescript = false] = [args.flags['--typescript'], args.flags['-t']]
-    .filter(flag => typeof flag === 'boolean')
-    .map(Boolean);
-if (typescript) {
-    register();
-}
 const filesToBuild = await globby([
-    typescript ? '**/*.ts' : '**/*.mjs',
+    '**/*.mjs',
+    '**/*.jsx',
+    '**/*.ts',
+    '**/*.tsx',
     '!_*/**/*',
     '!node_modules/',
     `!${buildDir}`
-], {
+].filter(Boolean), {
     gitignore: false,
     ignoreFiles: [ignoreFile],
     cwd: args.inputs[0]
 });
 const filesToCopy = await globby([
     '**/*',
-    typescript ? '!**/*.ts' : '!**/*.mjs',
+    '!**/*.mjs',
+    '!**/*.jsx',
+    '!**/*.ts',
+    '!**/*.tsx',
     '!_*/**/*',
     '!package.json',
     '!package-lock.json',

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "onlybuild",
     "description": "A zero-config cli for building static websites.",
-    "version": "1.3.0",
+    "version": "1.4.0",
     "engines": {
         "node": ">=20.x"
     },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "onlybuild",
   "description": "A zero-config cli for building static websites.",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "engines": {
     "node": ">=20.x"
   },