ef.js

Declarative DOM helper experiment

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
  97. 97
  98. 98
  99. 99
  100. 100
  101. 101
  102. 102
  103. 103
  104. 104
  105. 105
  106. 106
  107. 107
  108. 108
  109. 109
  110. 110
  111. 111
  112. 112
  113. 113
  114. 114
  115. 115
  116. 116
  117. 117
  118. 118
  119. 119
  120. 120
  121. 121
  122. 122
  123. 123
  124. 124
  125. 125
  126. 126
  127. 127
  128. 128
  129. 129
  130. 130
  131. 131
  132. 132
  133. 133
  134. 134
  135. 135
  136. 136
  137. 137
  138. 138
  139. 139
  140. 140
  141. 141
  142. 142
  143. 143
  144. 144
  145. 145
  146. 146
  147. 147
  148. 148
  149. 149
  150. 150
  151. 151
  152. 152
  153. 153
  154. 154
  155. 155
  156. 156
  157. 157
  158. 158
// This script bundles `esm/es2019/ef.js`, with variants.
// The resulted files can be found at `dist/`. This command also copies
// top-level `LICENSE` file into `dist/` for minified bundles. The result
// files are archived and saved as `bundle.zip`.
//
// This script reads JS files tsc emits, as Bun bundler does not perform
// any transform.

import chalk from "chalk";
import { mkdir } from "node:fs/promises";
import { basename, relative } from "node:path";
import JsZip from "jszip";

import { bytesToString } from "./_filesize.js";
import { getNetworkFilesize } from "./print-filesize.js";

import { version } from "../package.json";
import HEADER from "../HEADER.txt";

const rootDir = new URL("../", import.meta.url);
const outputDir = new URL("dist/", rootDir);
const jsDir = new URL("esm/es2019/", rootDir);

interface BundleOptions {
  minify?: boolean;

  header?: boolean;
}

export async function bundle({
  minify = false,
  header = false,
}: BundleOptions): Promise<Uint8Array> {
  // ESBuild can both transform and bundle in single step but unnecessarily changes
  // syntax too much. (e.g. `class Foo {}` -> `var Foo = class {}`)
  const result = await Bun.build({
    entrypoints: [new URL("ef.js", jsDir).pathname],
    format: "esm",
    minify,
  });

  const [file] = result.outputs;
  if (!file) {
    throw new Error("`Bun.build` returned zero-length array for `outputs`");
  }

  if (result.outputs.length > 1) {
    throw new Error(
      "Expected a single JS file built, but recieved " +
        result.outputs.length +
        " files",
    );
  }

  if (!header) {
    return new Uint8Array(await file.arrayBuffer());
  }

  const enc = new TextEncoder();

  return enc.encode(HEADER + (await file.text()));
}

function humanBytes(bytes: number): string {
  const label = bytesToString(bytes);

  if (bytes >= 10_000) {
    return chalk.bold(chalk.red(label));
  }

  if (bytes >= 5_000) {
    return chalk.yellow(label);
  }

  return chalk.blue(label);
}

interface BundledFile {
  path: string;
  content: Uint8Array;
}

async function bundleAndWrite(
  outName: string,
  opts: BundleOptions,
): Promise<BundledFile> {
  console.error(chalk.gray(`Bundling "%s"...`), outName);

  const content = await bundle(opts);

  const outPath = relative(process.cwd(), new URL(outName, outputDir).pathname);

  console.error(chalk.gray(`Writing to "%s"...`), outPath);

  await Bun.write(outPath, content);

  const size = getNetworkFilesize(content);

  console.error(
    chalk.white(`%s: written %s (gzip: %s)`),
    outName,
    humanBytes(size.raw),
    humanBytes(size.gzip),
  );

  return {
    path: outPath,
    content,
  };
}

if (import.meta.main) {
  await mkdir(outputDir, { recursive: true });

  const files: BundledFile[] = [];

  for (const minify of [true, false]) {
    for (const header of [true, false]) {
      const modifier = [minify ? "m" : "", header ? "h" : ""].join("");

      files.push(
        await bundleAndWrite(`ef-${version}${modifier}.js`, {
          header,
          minify,
        }),
      );
    }
  }

  const licenseSrc = new URL("LICENSE", rootDir);
  const licenseDst = new URL("LICENSE", outputDir);

  console.error(
    chalk.gray(`Copying "%s" to "%s"...`),
    relative(process.cwd(), licenseSrc.pathname),
    relative(process.cwd(), licenseDst.pathname),
  );

  const licenseText = await Bun.file(licenseSrc);

  await Bun.write(licenseDst, licenseText);

  console.error(chalk.white("LICENSE: copied"));

  const zip = new JsZip();

  const folder = zip.folder("ef")!;

  folder.file("LICENSE", await licenseText.arrayBuffer());

  for (const file of files) {
    folder.file(basename(file.path), file.content);
  }

  const zipFile = await zip.generateAsync({ type: "uint8array" });

  await Bun.write(new URL("bundle.zip", rootDir), zipFile);
}