@reflex-stack/tsp 0.1.11 → 0.2.1

package/src/commands/size-report.js

@@ -98,51 +98,46 @@ export async function sizeReport ( bundles, config ) {
 	return allBundleSizes
 }
 
-export async function cleanSizeReports ( config ) {
-	const dir = new Directory( join(config.cwd, config.reports) )
-	await dir.ensureParents()
-	await dir.clean()
-}
-
 export function generateJSON ( sizeReport, config ) {
 	writeFileSync(
-		join(config.cwd, config.reports, 'size-report.json'),
+		join(config.cwd, 'bundle-sizes.json'),
 		JSON.stringify( sizeReport ),
 		{ encoding: 'utf-8' }
 	)
 }
 
-async function generateTextSVG ( filePath, scheme, text ) {
-	const svgBitFile = new File( filePath );
-	const fontSize = 14
-	const height = fontSize + 1
-	const width = text.length * fontSize * 0.6 + 1
-	svgBitFile.content( () => [
-		`<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">`,
-		`<style> text { fill: ${scheme === "dark" ? "white" : "black" }; font-family: Consolas, Monaco, "Lucida Console", monospace; font-size: ${fontSize}px; }</style>`,
-		`<text y="${height - 1}">${text}</text>`,
-		`</svg>`,
-	].join(""))
-	await svgBitFile.ensureParents()
-	await svgBitFile.save();
+async function replaceBundleSizeInFile( filePath, id, size ) {
+	// Open file and replace tags like <bundle-size id="{id}">{size}</bundle-size>
+	// If you find any tag with any size in it, with this ID, replace the size with the new from arguments
+	// For ex: ("README.md", "main", 500b)
+	// Before: <bundle-size id="main">200b</bundle-size>
+	// After: <bundle-size id="main">500b</bundle-size>
+	// Should do it for all instances in file. Can be done sync if possible.
+	const file = new File( filePath )
+	await file.load()
+	const escapedId = id.replace( /[.*+?^${}()|[\]\\]/g, '\\$&' )
+	const regex = new RegExp( `<bundle-size id="${ escapedId }">.*?</bundle-size>`, 'g' )
+	file.content( ( content ) => {
+		return content.replaceAll( regex, `<bundle-size id="${ id }">${ size }</bundle-size>` )
+	})
+	await file.save()
 }
 
-export async function generateSVGs ( sizeReport, config ) {
+export async function replaceBundleSizes ( sizeReport, config ) {
+	const files = ["README.md"] // fixme add config
 	let total = 0
-	for ( const bundle of sizeReport ) {
-		const size = bundle.sizes[2]
-		total += size
-		const sizeContent = naiveHumanFileSize( size )
-		for ( const scheme of ["light", "dark"] ) {
-			const filePath = join( config.cwd, config.reports, `${bundle.name}-${scheme}.svg` )
-			await generateTextSVG( filePath, scheme, sizeContent )
+	for (const file of files) {
+		// Per bundle size
+		for ( const bundle of sizeReport ) {
+			const size = bundle.sizes[2]
+			total += size
+			const sizeContent = naiveHumanFileSize( size )
+			await replaceBundleSizeInFile(file, bundle.name, sizeContent)
 		}
-	}
-	if ( sizeReport.length > 1 ) {
-		const sizeContent = naiveHumanFileSize( total )
-		for ( const scheme of ["light", "dark"] ) {
-			const filePath = join( config.cwd, config.reports, `total-${scheme}.svg` )
-			await generateTextSVG( filePath, scheme, sizeContent )
+		// Total size
+		if ( sizeReport.length > 1 ) {
+			const sizeContent = naiveHumanFileSize( total )
+			await replaceBundleSizeInFile(file, "total", sizeContent)
 		}
 	}
 }

package/src/config.js

@@ -9,9 +9,7 @@ export let getConfig = (userPackage) => {
 		tests: './tests',
 		"test-files": ['test.js'],
 		tmp: './tmp',
-		reports: './reports',
 		'generate-json-report': true,
-		'generate-svg-report': true,
 		// Override with package config
 		...((userPackage ?? {})['tsp'] ?? {})
 	}

package/src/tests.js

@@ -1,5 +1,4 @@
 
-
 let total = 0
 let success = 0
 let failed = 0
@@ -14,14 +13,12 @@ export function startTest () {
 	}
 }
 
-
-
 export const describe = ( name, fn ) => {
 	console.log(`${ name }`)
 	fn()
 }
 
-export const it = ( name, fn ) => {
+export const test = ( name, fn ) => {
 	++total
 	try {
 		fn()

package/src/utils.js

@@ -45,9 +45,11 @@ export function showIntroMessage ( noThrow = false ) {
  * Very naive implementation.
  */
 export function naiveHumanFileSize ( size ) {
-  if ( size > 1000 ) // is it base 10 or ^2 ?
-    size = ~~(size / 10) / 100 + 'k'
-  return size + 'b'
+	if ( size >= 1000000 )
+		size = ~~( size / 10000 ) / 100 + 'mb'
+	else if ( size >= 1000 )
+		size = ~~( size / 10 ) / 100 + 'kb'
+	return size + 'b'
 }
 
 // Get git remote repo URL if in a git repo

package/tests/example-package/LICENCE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2022 Alexis Bouhet
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/tests/example-package/README.md

@@ -1,31 +0,0 @@
-# TSP Example
-
-## This is a test package for @reflex-stack/tsp, do not use it
-
-Main bundle is <picture style="display: inline-block"><source media="(prefers-color-scheme: dark)" srcset="./reports/main-dark.svg"><img src="./reports/main-light.svg"></picture>
-and optional submodule is only <picture style="display: inline-block"><source media="(prefers-color-scheme: dark)" srcset="./reports/submodule-dark.svg"><img src="./reports/submodule-light.svg"></picture>
-
-## Install
-
-`npm i @reflex-stack/tsp-example`
-
-## Usage
-
-##### Main module
-- `import { ... } from "{{ packageNPMName }}"`
-
-##### Sub module
-- `import { ... } from "{{ packageNPMName }}/submodule"`
-
-## Build commands
-
-##### Build
-- `npm run build`
-##### Test
-- `npm run test`
-##### Publish
-- `npm run publish`
-
----
-## TSP
-This package has been created with [tsp](https://github.com/reflex-stack/tsp)

package/tests/example-package/dist/common-dep.d.ts

@@ -1 +0,0 @@
-export declare const commonDep = "common dependency";

package/tests/example-package/dist/common-dep.js

@@ -1 +0,0 @@
-export const commonDep = "common dependency";

package/tests/example-package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./root-dep.js";
-export { doStuff } from "./stuff.js";

package/tests/example-package/dist/index.js

@@ -1,2 +0,0 @@
-export * from "./root-dep.js";
-export { doStuff } from "./stuff.js";

package/tests/example-package/dist/root-dep.d.ts

@@ -1 +0,0 @@
-export declare const rootDep = "root dependency";

package/tests/example-package/dist/root-dep.js

@@ -1 +0,0 @@
-export const rootDep = "root dependency";

package/tests/example-package/dist/stuff.d.ts

@@ -1 +0,0 @@
-export declare function doStuff(): string;

package/tests/example-package/dist/stuff.js

@@ -1,5 +0,0 @@
-import { commonDep } from "./common-dep.js";
-export function doStuff() {
-    console.log("DO STUFFF");
-    return `Do stuff ${commonDep}`;
-}

package/tests/example-package/dist/submodule/index.d.ts

@@ -1 +0,0 @@
-export declare function doSubmoduleStuff(): string;

package/tests/example-package/dist/submodule/index.js

@@ -1,5 +0,0 @@
-import { submoduleDep } from "./submodule-dep.js";
-import { commonDep } from "../common-dep.js";
-export function doSubmoduleStuff() {
-    return `Do submodule stuff ${submoduleDep} ${commonDep}`;
-}

package/tests/example-package/dist/submodule/submodule-dep.d.ts

@@ -1 +0,0 @@
-export declare const submoduleDep = "submodule dependency";

package/tests/example-package/dist/submodule/submodule-dep.js

@@ -1 +0,0 @@
-export const submoduleDep = "submodule dependency";