@tsmodule/tsmodule 17.1.3 → 20.0.0

package/dist/commands/build/index.d.ts

@@ -0,0 +1,12 @@
+export declare const bannerLog: (msg: string) => void;
+/**
+ * Build TS to JS. This will contain incomplete specifiers like `./foo` which
+ * could mean many things, all of which is handled by the loader which will
+ * resolve them for us.
+ */
+export declare const build: ({ files, styles, dev, fast }: {
+    files?: string;
+    styles?: string;
+    dev?: boolean;
+    fast?: boolean;
+}) => Promise<void>;

package/dist/commands/build/index.js

@@ -1,3 +1,3 @@
-import{build as T}from"esbuild";import{existsSync as E,readFileSync as F,rmSync as h,writeFileSync as N}from"fs";import{extname as O,isAbsolute as x,resolve as D,resolve as u}from"path";import l from"chalk";import{copy as P}from"fs-extra";import{env as w}from"process";import B from"fast-glob";import c from"ora";import{createDebugLogger as C,log as d}from"create-debug-logger";import{isJsOrTs as W,isTs as m,isTsxOrJsx as a}from"../../utils/index.js";import{emitTsDeclarations as $}from"./lib/emitTsDeclarations.js";import{getPackageJsonFile as v}from"../../utils/pkgJson.js";import{normalizeImportSpecifiers as G}from"../normalize/index.js";const J=t=>{const s=`  ${t}  `;d(l.bgBlue(l.bold(l.white(s))))},_=()=>{let t;if(E("dist/package.json")?t=JSON.parse(F("dist/package.json","utf-8")):t={},t?.module==="module")return!0;t.type="module",N("dist/package.json",JSON.stringify(t,null,2))},A=async({files:t="src/**/*",dev:s=!1,fast:g=!1})=>{w.NODE_ENV=s?"development":"production";const r=C(A);r.log("Building",{files:t,dev:s,fast:g}),J(`${l.bold("TS Module")} [${w.NODE_ENV}]`);const k=await v(),i=process.cwd(),f={absWorkingDir:i,outbase:"src",outdir:"dist",assetNames:"[name].js",logLevel:s?"warning":"error",charset:"utf8",format:"esm",target:"esnext",minify:!s,define:{PACKAGE_JSON:k}},p=u(i,"src"),n=u(i,"dist"),o=B.sync(t,{cwd:i}).filter(e=>O(e)!==".d.ts").map(e=>u(e));if(x(t)){o.length||o.push(t);const e=t.replace(p,n).replace(m,".js").replace(a,".js");r.log("Cleaning emitted file:",{outfile:e}),h(e,{force:!0})}else r.log("Cleaning old output:",{outDir:n}),h(n,{force:!0,recursive:!0});console.log();const y=o.filter(e=>m.test(e)).filter(e=>!a.test(e));r.log("Compiling TS files:",{tsFiles:y}),await T({...f,entryPoints:y.filter(e=>!e.endsWith(".d.ts"))}),c("Built TS files.").succeed();const S=o.filter(e=>a.test(e));r.log("Compiling TSX files:",{tsxFiles:S}),await T({...f,entryPoints:S.filter(e=>!e.endsWith(".d.ts")),jsxFactory:"createElement",banner:{js:`import { createElement } from "react";
-`}}),c("Built TSX files.").succeed();const b=o.filter(e=>!W.test(e));if(r.log("Copying non-JS/TS files.",{allFiles:o,nonJsTsFiles:b}),await Promise.all(b.map(async e=>{const j=D(i,e).replace(p,n).replace(m,".js").replace(a,".js");r.log("Copying non-source file:",{file:e,outfile:j}),await P(e,j)})),!process.env.NO_REWRITES){const e=t.replace(p,n).replace(/^(\.\/)?src\//,"dist/").replace(m,".js").replace(a,".js");await G(e.endsWith(".js")?e:`${e}.js`),c("Normalized import specifiers.").succeed()}_()&&c('Forced "type": "module" in output.').succeed(),console.log(),!(s||g)&&(J("Running post-build setup."),d(`Generating type declarations.
-This might take a moment.`),$(o),c(`Generated delcarations for ${o.length} files.`).succeed(),d(l.green("Build complete.")))};export{J as bannerLog,A as build};
+import{dirname as C,extname as D,isAbsolute as $,resolve as h,resolve as u}from"path";import{build as J}from"esbuild";import{existsSync as k,mkdirSync as W,readFileSync as T,rmSync as x,writeFileSync as P}from"fs";import a from"chalk";import{env as E}from"process";import v from"fast-glob";import m from"ora";import{createDebugLogger as G,log as f}from"create-debug-logger";import{getPackageJson as _,getPackageJsonFile as A}from"../../utils/pkgJson.js";import{isJsOrTs as I,isTs as d,isTsxOrJsx as p}from"../../utils/index.js";import{createShell as L}from"await-shell";import{emitTsDeclarations as M}from"./lib/emitTsDeclarations.js";import{normalizeImportSpecifiers as R}from"../normalize/index.js";const F=s=>{const r=`  ${s}  `;f(a.bgBlue(a.bold(a.white(r))))},z=()=>{let s;if(k("dist/package.json")?s=JSON.parse(T("dist/package.json","utf-8")):s={},s?.module==="module")return!0;s.type="module",P("dist/package.json",JSON.stringify(s,null,2))},V=async({files:s="src/**/*",styles:r="src/styles/components/index.css",dev:i=!1,fast:y=!1})=>{E.NODE_ENV=i?"development":"production";const N=L(),t=G(V);t.log("Building",{files:s,dev:i,fast:y}),F(`${a.bold("TS Module")} [${E.NODE_ENV}]`);const O=await A(),n=process.cwd(),S={absWorkingDir:n,outbase:"src",outdir:"dist",assetNames:"[name].js",logLevel:i?"warning":"error",charset:"utf8",format:"esm",target:"esnext",minify:!i,define:{PACKAGE_JSON:O}},g=u(n,"src"),l=u(n,"dist"),o=v.sync(s,{cwd:n}).filter(e=>D(e)!==".d.ts").map(e=>u(e));if($(s)){o.length||o.push(s);const e=s.replace(g,l).replace(d,".js").replace(p,".js");t.log("Cleaning emitted file:",{outfile:e}),x(e,{force:!0})}else t.log("Cleaning old output:",{outDir:l}),x(l,{force:!0,recursive:!0});console.log();const w=o.filter(e=>d.test(e)).filter(e=>!p.test(e));t.log("Compiling TS files:",{tsFiles:w}),await J({...S,entryPoints:w.filter(e=>!e.endsWith(".d.ts"))}),m("Built TS files.").succeed();const j=o.filter(e=>p.test(e));t.log("Compiling TSX files:",{tsxFiles:j}),await J({...S,entryPoints:j.filter(e=>!e.endsWith(".d.ts")),jsxFactory:"createElement",banner:{js:`import { createElement } from "react";
+`}}),m("Built TSX files.").succeed();const b=o.filter(e=>!I.test(e));if(t.log("Copying non-JS/TS files.",{allFiles:o,nonJsTsFiles:b}),await Promise.all(b.map(async e=>{const c=h(n,e).replace(g,l).replace(d,".js").replace(p,".js");t.log("Copying non-source file:",{file:e,outfile:c}),W(C(c),{recursive:!0}),P(c,T(e),{encoding:"binary",flag:"w"})})),!process.env.NO_REWRITES){const e=s.replace(g,l).replace(/^(\.\/)?src\//,"dist/").replace(d,".js").replace(p,".js");await R(e.endsWith(".js")?e:`${e}.js`),m("Normalized import specifiers.").succeed()}if(z()&&m('Forced "type": "module" in output.').succeed(),console.log(),!(i||y)){if(k(h(r))){t.log("Building styles for production.");const e=await _(),{style:c="./dist/styles.css"}=e,B=["npx tailwindcss",i?"":"-m","--postcss postcss.config.js",`-i ${r}`,"-o",c];await N.run(B.join(" "))}else t.log("Styles not found.",{styles:r});F("Running post-build setup."),f(`Generating type declarations.
+This might take a moment.`),M(o),m(`Generated delcarations for ${o.length} files.`).succeed(),f(a.green("Build complete."))}};export{F as bannerLog,V as build};

package/dist/commands/build/lib/emitTsDeclarations.d.ts

@@ -0,0 +1 @@
+export declare const emitTsDeclarations: (files: string[]) => void;

package/dist/commands/create/index.d.ts

@@ -0,0 +1,3 @@
+export declare const create: (name: string, { react }: {
+    react?: boolean;
+}) => Promise<void>;

package/dist/commands/create/index.js

@@ -1 +1 @@
-import a from"chalk";import{createShell as c}from"await-shell";import d from"ora";import{createTemplate as o}from"./lib/createTemplate.js";import{rewritePkgJson as l}from"./lib/rewritePkgJson.js";globalThis.SHELL_OPTIONS={stdio:["ignore","ignore","inherit"]};const w=async(e,{react:n=!1})=>{const t=c(),i=d(`Creating new module ${a.blueBright(e)}.`).start();await o("default",e),n&&await o("react",e),await l(e),i.succeed("Project created."),process.chdir(e);const r=[],s=["@tsmodule/tsmodule"];n&&(r.push("react","react-dom"),s.push("@types/react","@types/react-dom","next","eslint-config-next","tailwindcss","postcss","autoprefixer")),r.length&&await t.run(`yarn add ${r.join(" ")}`),s.length&&await t.run(`yarn add -D ${s.join(" ")}`),i.succeed("Dependencies installed."),await t.run("git init"),i.succeed("Git initialized.")};export{w as create};
+import a from"chalk";import{createShell as c}from"await-shell";import d from"ora";import{createTemplate as n}from"./lib/createTemplate.js";import{rewritePkgJson as l}from"./lib/rewritePkgJson.js";globalThis.SHELL_OPTIONS={stdio:["ignore","ignore","inherit"]};const w=async(e,{react:o=!1})=>{const t=c(),i=d(`Creating new module ${a.blueBright(e)}.`).start();await n("default",e),o&&await n("react",e),await l(e),i.succeed("Project created."),process.chdir(e);const r=[],s=["@tsmodule/tsmodule"];o&&(r.push("react","react-dom"),s.push("@types/react","@types/react-dom","next","eslint","eslint-config-next","tailwindcss","postcss","postcss-import","autoprefixer")),r.length&&await t.run(`yarn add ${r.join(" ")}`),s.length&&await t.run(`yarn add -D ${s.join(" ")}`),i.succeed("Dependencies installed."),await t.run("git init"),i.succeed("Git initialized.")};export{w as create};

package/dist/commands/create/lib/createTemplate.d.ts

@@ -0,0 +1 @@
+export declare const createTemplate: (template: string, projectName: string) => Promise<void>;

package/dist/commands/create/lib/rewritePkgJson.d.ts

@@ -0,0 +1 @@
+export declare const rewritePkgJson: (projectName: string) => Promise<void>;

package/dist/commands/dev/index.d.ts

@@ -0,0 +1 @@
+export declare const dev: () => Promise<void>;

package/dist/commands/dev/index.js

@@ -1,3 +1,3 @@
-import{existsSync as a,lstatSync as m}from"fs";import{relative as p,resolve as f}from"path";import{build as s}from"../build/index.js";import r from"chalk";import{createShell as u}from"await-shell";import{log as d}from"create-debug-logger";import w from"ora";import g from"node-watch";const o=()=>{console.clear()},i=t=>{d(`
+import{existsSync as a,lstatSync as m}from"fs";import{relative as p,resolve as f}from"path";import{build as s}from"../build/index.js";import r from"chalk";import{createShell as u}from"await-shell";import{log as d}from"create-debug-logger";import w from"ora";import v from"node-watch";const o=()=>{console.clear()},i=t=>{d(`
 `,r.gray(`Built ${r.bold(t)}.`),`
-`,r.blue(new Date().toLocaleString()))},k=async()=>{const t=process.cwd(),n=u();process.platform!=="win32"&&await n.run("clear"),o(),await s({dev:!0}),i("src/**/*"),g(f(t,"src"),{recursive:!0,persistent:!0}).on("change",async(v,e)=>{if(!a(e)||!m(e).isFile())return;o();const c=Date.now();await s({dev:!0,files:e});const l=Date.now()-c;w(r.blueBright(`Dev refresh finished in ${r.bold(`${l}ms`)}.`)).succeed(),i(p(t,e))})};export{k as dev};
+`,r.blue(new Date().toLocaleString()))},O=async()=>{const t=process.cwd(),c=u();process.platform!=="win32"&&await c.run("clear"),o(),await s({dev:!0}),i("src/**/*"),v(f(t,"src"),{recursive:!0}).on("change",async(D,e)=>{if(!a(e)||m(e).isDirectory())return;o();const n=Date.now();await s({dev:!0,files:e});const l=Date.now()-n;w(r.blueBright(`Dev refresh finished in ${r.bold(`${l}ms`)}.`)).succeed(),i(p(t,e))})};export{O as dev};

package/dist/commands/execute/index.d.ts

@@ -0,0 +1 @@
+export declare const execute: () => Promise<void>;

package/dist/commands/normalize/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @fileoverview
+ * This module contains the logic for normalizing import specifiers. It must use
+ * fully-specified filepaths here, since the bootstrap script will compile it
+ * with esbuild and then use it to normalize emitted output.
+ */
+/**
+ * Matches a complete import statement, including the import keyword, as well as
+ * dynamic imports, requires, and export statements.
+ */
+export declare const generateImportPattern: (importSource: string) => RegExp;
+/**
+ * Rewrite an import/export/require statement.
+ */
+export declare const rewriteImportStatement: (importStatement: string, specifierToReplace: string, specifierReplacement: string) => string;
+/**
+ * Rewrite imports in the emitted JS to ESM-compliant paths.
+ */
+export declare const normalizeImportSpecifiers: (files?: string) => Promise<any>;

package/dist/commands/normalize/lib/typescriptApi.d.ts

@@ -0,0 +1,13 @@
+import ts from "typescript";
+export declare const TS_CONFIG: ts.CompilerOptions;
+export declare const compilerHost: ts.CompilerHost;
+interface SpecifierReplacement {
+    specifierToReplace: string;
+    specifierReplacement: string;
+}
+/**
+ * Get the rewritten specifiers for a given module. Import/export specifiers
+ * will be resolved ahead-of-time by the TypeScript compiler and returned.
+ */
+export declare const getRewrittenSpecifiers: (modulePath: string) => SpecifierReplacement[];
+export {};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-var r="@tsmodule/tsmodule",a="module",m="17.1.2",d="tsmodule/tsmodule",s="TypeScript Module loader and compiler",l="MIT",c={tsmodule:"dist/index.js"},p={".":"./dist/loader/index.js","./*":"./dist/*/index.js","./package.json":"./package.json"},u="dist/types/index.d.ts",f=[{name:"C. Lewis",email:"ctj.lewis@icloud.com",url:"https://ctjlewis.com"}],b=["dist/","templates/"],v={node:">=14"},g={bootstrap:"node bootstrap.js",bootload:"node --no-warnings --loader ./dist/loader/index.js src/index.ts build -f",prebuild:"yarn bootstrap && yarn bootload && yarn link -f",build:"tsmodule build",dev:"tsmodule dev",lint:"eslint --fix src",prepare:"yarn build -f",prepublishOnly:"yarn build && yarn test",pretest:"yarn build -f",test:"ava --no-worker-threads"},h={"@types/glob":"^7.2.0","@types/node":"^17.0.15","@typescript-eslint/eslint-plugin":"^5.9.1","@typescript-eslint/parser":"^5.9.1",ava:"^4.0.1","await-shell":"^29.0.1-0",chalk:"^5.0.0",commander:"^8.3.0","create-debug-logger":"^1.10.1",esbuild:"^0.14.0",eslint:"^8.8.0","fast-glob":"^3.2.10","fs-extra":"^10.0.0",glob:"^7.2.0","node-watch":"^0.7.3",ora:"^6.0.1",path:"^0.12.7",typescript:"^4.5.5"},S=["esm","loader","typescript","loader hook","require hook","experimental-loader"],w={timeout:"10 minutes",files:["test/**/*.test.ts"],extensions:{ts:"module"},nodeArguments:["--no-warnings","--loader=@tsmodule/tsmodule"]},y={"@types/fs-extra":"^9.0.13"},t={name:r,type:a,version:m,repository:d,description:s,license:l,bin:c,exports:p,types:u,contributors:f,files:b,engines:v,scripts:g,dependencies:h,keywords:S,ava:w,devDependencies:y};import e from"chalk";import{Command as T}from"commander";import{build as B}from"./commands/build/index.js";import{create as C}from"./commands/create/index.js";import{dev as R}from"./commands/dev/index.js";import{execute as j}from"./commands/execute/index.js";import{normalizeImportSpecifiers as x}from"./commands/normalize/index.js";const{version:A}=t,i=new T;i.name(e.white(e.bold("tsmodule"))).usage(e.white(e.bold("<file | command> [options]"))).description(e.blueBright(`A tool for building TypeScript modules.
+var r="@tsmodule/tsmodule",s="module",m="20.0.0",d="tsmodule/tsmodule",l="TypeScript Module loader and compiler",a="MIT",c={tsmodule:"dist/index.js"},p={".":"./dist/loader/index.js","./*":"./dist/*/index.js","./package.json":"./package.json"},u="dist/types/index.d.ts",f=[{name:"C. Lewis",email:"ctj.lewis@icloud.com",url:"https://ctjlewis.com"}],b=["dist/","templates/"],g={node:">=14"},h={bootstrap:"node bootstrap.js",bootload:"node --no-warnings --loader ./dist/loader/index.js src/index.ts build -r",prebuild:"yarn bootstrap && yarn bootload && yarn link -f",build:"tsmodule build",dev:"tsmodule dev",lint:"eslint --fix src",prepare:"yarn build -r",prepublishOnly:"yarn build && yarn test",pretest:"yarn build -r",test:"ava --no-worker-threads"},v={"@types/glob":"^7.2.0","@types/node":"^17.0.15","@typescript-eslint/eslint-plugin":"^5.9.1","@typescript-eslint/parser":"^5.9.1",ava:"^4.0.1","await-shell":"^29.0.1-0",chalk:"^5.0.0",commander:"^8.3.0","create-debug-logger":"^1.10.1",esbuild:"^0.14.0",eslint:"^8.8.0","fast-glob":"^3.2.10","fs-extra":"^10.0.0",glob:"^7.2.0","node-watch":"^0.7.3",ora:"^6.0.1",path:"^0.12.7",typescript:"^4.5.5"},y=["esm","loader","typescript","loader hook","require hook","experimental-loader"],S={timeout:"10 minutes",files:["test/**/*.test.ts"],extensions:{ts:"module"},nodeArguments:["--no-warnings","--loader=@tsmodule/tsmodule"]},w={"@types/fs-extra":"^9.0.13"},t={name:r,type:s,version:m,repository:d,description:l,license:a,bin:c,exports:p,types:u,contributors:f,files:b,engines:g,scripts:h,dependencies:v,keywords:y,ava:S,devDependencies:w};import o from"chalk";import{Command as T}from"commander";import{build as x}from"./commands/build/index.js";import{create as B}from"./commands/create/index.js";import{dev as C}from"./commands/dev/index.js";import{execute as R}from"./commands/execute/index.js";import{normalizeImportSpecifiers as j}from"./commands/normalize/index.js";const{version:A}=t,i=new T;i.name(o.white(o.bold("tsmodule"))).usage(o.white(o.bold("<file | command> [options]"))).description(o.blueBright(`A tool for building TypeScript modules.
 
-Run TS directly: ${e.bold("tsmodule src/index.ts")} 
-Use a command: ${e.bold("tsmodule build")}`)).version(String(A)),i.command("dev").description("Build and watch for changes.").action(R),i.command("build").option("--files <files>","The files to build (default: all)").option("-d, --dev","Build development version").option("-f, --fast","Do not emit type declarations, only transform to JS").description("Builds TS files to output in dist/.").action(B),i.command("create <name>").option("--react","Create React component library with Next.js").description("Create a new project.").action(C),i.command("normalize [files]").description(`Rewrites import specifiers in files to ESM-compliant paths.
-(default: dist/**/*.js)`).action(async({files:n})=>{await x(n)}),i.command("run",{isDefault:!0}).argument("<file>","The file to run.").option("--d, --dev","Enable development mode").description("Run the given TS program, analogous to `node <file>`.").action(j),i.parse(process.argv);
+Run TS directly: ${o.bold("tsmodule src/index.ts")} 
+Use a command: ${o.bold("tsmodule build")}`)).version(String(A)),i.command("dev").description("Build and watch for changes.").action(C),i.command("build").option("--files <files>","Files to build","src/**/*").option("--styles <styles>","The styles to build","src/styles/components/index.css").option("-d, --dev","Build development runtime").option("-r, --runtime-only","Do not emit type declarations, only build JS runtime").description("Builds TS files to output in dist/.").action(x),i.command("create <name>").option("--react","Create React component library with Next.js").description("Create a new project.").action(B),i.command("normalize [files]").description(`Rewrites import specifiers in files to ESM-compliant paths.
+(default: dist/**/*.js)`).action(async({files:n})=>{await j(n)}),i.command("run",{isDefault:!0}).argument("<file>","The file to run.").option("--d, --dev","Enable development mode").description("Run the given TS program, analogous to `node <file>`.").action(R),i.parse(process.argv);

package/dist/loader/index.d.ts

@@ -0,0 +1,11 @@
+import type { GetFormatHook as ModuleGetFormatHook, LoadHook as ModuleLoadHook, ResolveHook as ModuleResolveHook, TransformHook as ModuleTransformSourceHook } from "./types";
+export declare const resolve: ModuleResolveHook;
+export declare const load: ModuleLoadHook;
+/**
+ * @deprecated As of Node 17.
+ */
+export declare const getFormat: ModuleGetFormatHook;
+/**
+ * @deprecated As of Node 17.
+ */
+export declare const transformSource: ModuleTransformSourceHook;

package/dist/loader/types.d.ts

@@ -0,0 +1,22 @@
+export declare type Promisable<T> = Promise<T> | T;
+export declare type ModuleSource = string | SharedArrayBuffer | Uint8Array;
+export declare type ModuleFormat = "builtin" | "commonjs" | "json" | "module" | "wasm";
+export declare type ResolveHook = (specifier: string, context: {
+    conditions: string[];
+    parentURL?: string;
+}, fallback: ResolveHook) => Promisable<{
+    url: string;
+    format?: ModuleFormat;
+}>;
+export declare type GetFormatHook = (url: string, context: object, fallback: GetFormatHook) => Promisable<{
+    format: ModuleFormat;
+}>;
+export declare type TransformHook = (source: ModuleSource, context: Record<"url" | "format", string>, fallback: TransformHook) => Promisable<{
+    source: ModuleSource;
+}>;
+export declare type LoadHook = (url: string, context: {
+    format?: ModuleFormat;
+}, fallback: LoadHook) => Promisable<{
+    format: ModuleFormat;
+    source: ModuleSource;
+}>;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+declare global {
+    const PACKAGE_JSON: Record<string, unknown>;
+}
+export * from "../loader/types";

package/dist/utils/index.d.ts

@@ -0,0 +1,28 @@
+export declare const DEVELOPMENT_MODE: boolean;
+export declare const isTs: RegExp;
+export declare const isJs: RegExp;
+export declare const isTsxOrJsx: RegExp;
+export declare const isJsOrTs: RegExp;
+export declare const BASE_CONFIG: {
+    format: string;
+    charset: string;
+    sourcemap: string;
+    target: string;
+    minify: boolean;
+};
+export declare type ModuleLoaders = {
+    [extension: string]: {
+        [configKey: string]: unknown;
+    };
+};
+export declare const MODULE_LOADERS: ModuleLoaders;
+export declare const POSSIBLE_EXTENSIONS: string[];
+/**
+ * Force a Unix-like path.
+ */
+export declare const normalizeSpecifier: (specifier: string) => string;
+export declare const fileExists: (fileUrl: string) => string | void;
+export declare const fileExistsAny: (fileUrls: string[]) => string | void;
+export declare const checkTsExtensions: (specifier: string) => string | void;
+export declare const checkJsExtension: (specifier: string) => string | void;
+export declare const checkExtensions: (specifier: string) => string;

package/dist/utils/pkgJson.d.ts

@@ -0,0 +1,2 @@
+export declare const getPackageJsonFile: () => Promise<string>;
+export declare const getPackageJson: () => Promise<any>;

package/dist/utils/pkgJson.js

@@ -1 +1 @@
-import{readFileSync as c}from"fs";import{resolve as r}from"path";const a=async()=>{const o=process.cwd(),e=r(o,"package.json");return c(e,"utf-8")};export{a as getPackageJsonFile};
+import{readFileSync as s}from"fs";import{resolve as n}from"path";const t=async()=>{const e=process.cwd(),o=n(e,"package.json");return s(o,"utf-8")},p=async()=>{const e=await t();return JSON.parse(e)};export{p as getPackageJson,t as getPackageJsonFile};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tsmodule/tsmodule",
   "type": "module",
-  "version": "17.1.3",
+  "version": "20.0.0",
   "repository": "tsmodule/tsmodule",
   "description": "TypeScript Module loader and compiler",
   "license": "MIT",
@@ -30,14 +30,14 @@
   },
   "scripts": {
     "bootstrap": "node bootstrap.js",
-    "bootload": "node --no-warnings --loader ./dist/loader/index.js src/index.ts build -f",
+    "bootload": "node --no-warnings --loader ./dist/loader/index.js src/index.ts build -r",
     "prebuild": "yarn bootstrap && yarn bootload && yarn link -f",
     "build": "tsmodule build",
     "dev": "tsmodule dev",
     "lint": "eslint --fix src",
-    "prepare": "yarn build -f",
+    "prepare": "yarn build -r",
     "prepublishOnly": "yarn build && yarn test",
-    "pretest": "yarn build -f",
+    "pretest": "yarn build -r",
     "test": "ava --no-worker-threads"
   },
   "dependencies": {

package/templates/default/package.json

@@ -13,10 +13,11 @@
     "./*": "./dist/*/index.js"
   },
   "scripts": {
+    "dev": "tsmodule dev",
     "build": "tsmodule build",
     "test": "ava",
     "lint": "eslint src --fix",
-    "pretest": "tsmodule build -f",
+    "pretest": "tsmodule build -r",
     "prepublishOnly": "yarn build && yarn test"
   },
   "ava": {

package/templates/react/package.json

@@ -3,6 +3,7 @@
   "version": "0.0.1",
   "license": "MIT",
   "types": "dist/index.d.ts",
+  "style": "dist/styles.css",
   "files": [
     "dist"
   ],

package/templates/react/postcss.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    "postcss-import": {},
     tailwindcss: {},
     autoprefixer: {},
   },

package/templates/react/src/styles/global/elements/index.css

@@ -0,0 +1,268 @@
+/* FONTS: Customize */
+/* Style your serif font here. */
+.serif {
+  font-family: serif;
+}
+
+/* Style your sans font here. */
+.sans-serif {
+  font-family: sans-serif;
+}
+
+/* Style your display font here. */
+.display {}
+
+/* Style your interface font here. */
+.interface {
+  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+  Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+}
+
+/* LINKS */
+a {
+  @apply underline;
+  color: inherit;
+  text-decoration: none;
+}
+
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+  color: #0070f3;
+}
+
+/* If the user can hover, transition in by default. */
+@media (hover: hover) {
+  a {
+    transition: 300ms;
+    text-decoration: underline;
+    text-decoration-color: transparent;
+  }
+
+  a:hover {
+    text-decoration-color: inherit;
+  }
+}
+
+/* FONT SIZES */
+@media (min-width: 769px) {
+  html {
+    font-size: 1.25em;
+  }
+}
+
+@media (min-width: 1081px) {
+  html {
+    font-size: 1.5em;
+  }
+}
+
+@media (min-width: 1441px) {
+  html {
+    font-size: 1.8em;
+  }
+}
+
+@media (min-width: 1921px) {
+  html {
+    font-size: 2.5em;
+  }
+}
+
+/* HEADINGS */
+
+h1, .h1,
+h2, .h2,
+h3, .h3,
+h4, .h4,
+h5, .h5,
+h6, .h6 {
+  @apply font-bold display;
+  @apply pb-2 leading-snug;
+}
+
+h1, .h1 {
+  @apply text-4xl;
+}
+
+h2, .h2 {
+  @apply text-2xl;
+}
+
+h3, .h3 {
+  @apply text-xl;
+}
+
+h4, .h4 {
+  @apply text-lg;
+}
+
+h5, .h5 {
+  @apply text-base;
+}
+
+h6, .h6 {
+  @apply text-sm;
+}
+
+.title {
+  @apply mt-2 display font-bold;
+}
+
+.title p {
+  @apply p-0 m-0;
+}
+
+/* FLEX */
+
+/**
+  * A container that expands to fill its parent.
+  */
+.expanded {
+  @apply h-full w-full;
+}
+/**
+  * A flex container that is filled by its content.
+  */
+.filled {
+  @apply flex flex-1 items-stretch;
+}
+/**
+  * A pure-flex container will be display: flex.
+  */
+.pure-flex {
+  @apply flex;
+}
+/**
+  * And its immediate children will have zero padding and margin.
+  */
+.pure-flex > * {
+  @apply m-0 p-0;
+}
+/*
+  * A flex container centered along both axes.
+  */
+.flex-center {
+  @apply flex justify-center items-center;
+}
+/**
+  * Center flex and text.
+  */
+.center {
+  @apply flex-center text-center;
+}
+
+/* CONTENT */
+
+code {}
+
+main {
+  /* @apply px-0 py-0; */
+  padding: 0 !important;
+  @apply flex-col center expanded filled gap-16;
+}
+
+header {
+  z-index: 9999;
+}
+
+footer {
+  @apply flex-center py-4 border-t-2 border-gray-200;
+}
+
+article {
+  @apply text-lg serif mx-auto;
+  @apply max-w-screen-sm lg:max-w-screen-lg 2xl:max-w-screen-2xl 4xl:max-w-screen-4xl;
+}
+
+/* FORMS */
+
+button, .button {
+  @apply cursor-pointer;
+  @apply pure-flex flex-center;
+  @apply px-8 py-4;
+  @apply rounded-lg border-2;
+  @apply bg-blue-500 text-white font-bold;
+
+  text-decoration: none !important;
+}
+
+label {
+  @apply p-4 font-light;
+}
+
+input {
+  @apply border-2 border-gray-300 rounded-lg;
+  @apply p-2;
+}
+
+select {
+  @apply bg-white;
+  @apply border-2 border-gray-300 rounded-lg;
+  @apply p-2;
+}
+
+/* Buttons already signal that the user can interact by touching. */
+button, .button {
+  text-decoration: none !important;
+  @apply cursor-pointer;
+  @apply pure-flex flex-center;
+  @apply px-8 py-4;
+  @apply rounded-lg border-2;
+  @apply bg-blue-500 text-white font-bold;
+}
+
+/* TABLES */
+
+table {
+  @apply mx-auto w-full;
+}
+
+table tr, table tr div {
+  @apply truncate;
+}
+
+table tr:nth-child(even) {
+  /* @apply bg-gray-400; */
+}
+
+
+.squish {
+  animation-name: squish;
+  animation-timing-function: ease;
+  animation-duration: 2s;
+  animation-iteration-count: 1;
+}
+
+@keyframes squish {
+  0% {
+    transform: scale(1, 1);
+  }
+
+  10% {
+    transform: scale(1.1, 0.9);
+  }
+
+  30% {
+    transform: scale(0.9, 1.1);
+  }
+
+  50% {
+    transform: scale(1.05, 0.95);
+  }
+
+  57% {
+    transform: scale(1, 1);
+  }
+
+  64% {
+    transform: scale(1, 1);
+  }
+
+  100% {
+    transform: scale(1, 1);
+  }
+}

package/templates/react/src/styles/global/index.css

@@ -0,0 +1,2 @@
+@import './viewport/index.css';
+@import './elements/index.css';

package/templates/react/src/styles/global/viewport/index.css

@@ -0,0 +1,11 @@
+/*
+ * Ensure the page fills the viewport. Prevent purgecss from removing this
+ * styling, which it likes to do for the #__next selector.
+ */
+/* purgecss start ignore */
+html, body, main, #__next {
+  @apply m-0 p-0 box-border;
+  @apply min-h-screen;
+  @apply w-full h-full;
+}
+/* purgecss end ignore */

package/templates/react/src/styles/index.css

@@ -1,253 +1,6 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss/base';
+@import 'tailwindcss/utilities';
+@import 'tailwindcss/components';
 
-/* FONTS: Customize */
-@layer base {
-  /* Style your serif font here. */
-  .serif {
-    font-family: serif;
-  }
-
-  /* Style your sans font here. */
-  .sans-serif {
-    font-family: sans-serif;
-  }
-
-  /* Style your display font here. */
-  .display {}
-
-  /* Style your interface font here. */
-  .interface {
-    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-  }
-}
-
-/* DEFAULT BODY FONT */
-@layer base {
-  html, body {
-    @apply font-size-sm interface;
-  }
-}
-
-/* LINKS */
-@layer base {
-  a {
-    @apply underline;
-    color: inherit;
-    text-decoration: none;
-  }
-  
-  h1 a,
-  h2 a,
-  h3 a,
-  h4 a,
-  h5 a,
-  h6 a {
-    color: #0070f3;
-  }
-  
-  /* If the user can hover, transition in by default. */
-  @media (hover: hover) {
-    a {
-      transition: 300ms;
-      text-decoration: underline;
-      text-decoration-color: transparent;
-    }
-  
-    a:hover {
-      text-decoration-color: inherit;
-    }
-  }
-}
-
-/* FONT SIZES */
-@layer base {
-  .font-size-1 {
-    @apply text-4xl sm:text-5xl 2xl:text-6xl 4xl:text-8xl;
-  }
-
-  .font-size-2 {
-    @apply text-2xl sm:text-4xl 2xl:text-5xl 4xl:text-6xl;
-  }
-
-  .font-size-3 {
-    @apply text-xl sm:text-2xl 2xl:text-4xl 4xl:text-5xl;
-  }
-
-  .font-size-base {
-    @apply text-lg sm:text-xl 2xl:text-2xl 4xl:text-3xl;
-  }
-
-  .font-size-sm {
-    @apply text-base 2xl:text-lg 4xl:text-2xl;
-  }
-
-  .font-size-xs {
-    @apply text-sm 2xl:text-base 4xl:text-lg;
-  }
-}
-
-/* HEADINGS */
-@layer base {
-  h1, .h1,
-  h2, .h2,
-  h3, .h3,
-  h4, .h4,
-  h5, .h5,
-  h6, .h6 {
-    @apply font-bold display;
-    @apply pb-2 leading-snug;
-  }
-
-  h1, .h1 {
-    @apply font-size-1;
-  }
-
-  h2, .h2 {
-    @apply font-size-2;
-  }
-
-  h3, .h3 {
-    @apply font-size-3;
-  }
-
-  h4, .h4 {
-    @apply font-size-base;
-  }
-
-  h5, .h5 {
-    @apply font-size-sm;
-  }
-
-  h6, .h6 {
-    @apply font-size-xs;
-  }
-
-  .title {
-    @apply mt-2 display font-bold;
-  }
-
-  .title p {
-    @apply p-0 m-0;
-  }
-}
-
-/* FLEX */
-@layer base {
-  /**
-   * A container that fills its parent.
-   */
-  .expanded {
-    @apply h-full w-full;
-  }
-  /**
-   * Flex container that fills its content.
-   */
-  .filled {
-    @apply flex flex-1 items-stretch;
-  }
-  /**
-   * A pure-flex container will be display: flex.
-   */
-  .pure-flex {
-    @apply flex;
-  }
-  /**
-   * And its immediate children will have zero padding and margin.
-   */
-  .pure-flex > * {
-    @apply m-0 p-0;
-  }
-  /*
-   * A flex container centered along both axes.
-   */
-  .flex-center {
-    @apply flex justify-center items-center;
-  }
-  /**
-   * Center flex and text.
-   */
-  .center {
-    @apply flex-center text-center;
-  }
-}
-
-/* CONTENT */
-@layer base {
-  code {}
-
-  main {
-    @apply p-8 flex-col filled flex-center;
-  }
-
-  header {
-    z-index: 9999;
-  }
-
-  footer {
-    @apply flex-center py-4 border-t-2 border-gray-200;
-  }
-
-  article {
-    @apply font-size-base serif mx-auto;
-    @apply max-w-screen-sm lg:max-w-screen-lg 2xl:max-w-screen-2xl 4xl:max-w-screen-4xl;
-  }
-}
-
-/* FORMS */
-@layer base {
-  button, .button {
-    text-decoration: none !important;
-    @apply cursor-pointer;
-    @apply pure-flex flex-center;
-    @apply px-8 py-4;
-    @apply rounded-lg border-2;
-    @apply bg-blue-500 text-white font-bold;
-  }
-
-  label {
-    @apply p-4 font-light;
-  }
-  
-  input {
-    @apply border-2 border-gray-300 rounded-lg;
-    @apply p-2;
-  }
-  
-  select {
-    @apply bg-white;
-    @apply border-2 border-gray-300 rounded-lg;
-    @apply p-2;
-  }
-  
-  /* Buttons already signal that the user can interact by touching. */
-  button, .button {
-    text-decoration: none !important;
-    @apply cursor-pointer;
-    @apply pure-flex flex-center;
-    @apply px-8 py-4;
-    @apply rounded-lg border-2;
-    @apply bg-blue-500 text-white font-bold;
-  }
-}
-
-/* TABLES */
-@layer base {
-  table {
-    @apply mx-auto w-full;
-  }
-  
-  table tr, table tr div {
-    @apply truncate;
-  }
-  
-  table tr:nth-child(even) {
-    /* @apply bg-gray-400; */
-  }
-}
-
-@import './elements/index.css';
-@import './viewport/index.css';
-@import './custom/index.css';
+@import './global/index.css';
+@import './components/index.css';

package/templates/react/src/styles/viewport/index.css

@@ -1,26 +0,0 @@
-/*
- * Ensure the page fills the viewport. Prevent purgecss from removing this
- * styling, which it likes to do for the #__next selector.
- */
-/* purgecss start ignore */
-html, body, #__next, #root, main {
-  /* Border-box, no padding. */
-  @apply m-0 p-0 box-border;
-  /* Fill screen, flex column, stretch items. */
-  @apply min-h-screen flex-col;
-}
-
-html,
-body {
-  background: #fafafa;
-
-  /* font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif; */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  /* background-color: #90d5ec; */
-  /* background-image: linear-gradient(320deg, #fec3c5 20%, #d1ebf6 80%); */
-}
-
-/* purgecss end ignore */