@forsakringskassan/vite-lib-config 4.6.9 → 4.7.1

package/README.md

@@ -5,6 +5,7 @@ Toolchain for building Vue framework libraries.
 - Hybrid ESM/CJS packages.
 - Transpiled with Babel.
 - Supports monorepo.
+- Optional: build pageobjects and selectors.
 
 ## Configuration
 
@@ -82,6 +83,21 @@ To fix global module augmentations use:
 
 Use `--help` to see full description.
 
+### Optional: build pageobjects and selectors
+
+```diff
+ {
+     "scripts": {
+         "build": "fk-build-vue-lib",
++        "build:selectors": "fk-build-selectors",
+     }
+ }
+```
+
+If `src/selectors/index.ts` it will be built to `dist/${format}/selectors.${cjs,mjs}`.
+
+If `src/cypress/index.ts` it will be built to `dist/${format}/cypress.${cjs,mjs}`.
+
 ### Dev-server
 
 ```json

package/bin/build-selectors.mjs

@@ -0,0 +1,12 @@
+#!/usr/bin/env node
+
+import { run } from "../dist/build-selectors.js";
+
+const argv = process.argv.slice(2);
+
+try {
+    await run(argv);
+} catch (err) {
+    console.error(err);
+    process.exitCode = 1;
+}

package/dist/build-selectors.js

@@ -0,0 +1,102 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/build-selectors.ts
+var build_selectors_exports = {};
+__export(build_selectors_exports, {
+  getExternals: () => getExternals,
+  run: () => run
+});
+module.exports = __toCommonJS(build_selectors_exports);
+var import_node_fs = require("node:fs");
+var import_promises = __toESM(require("node:fs/promises"));
+var import_posix = __toESM(require("node:path/posix"));
+var esbuild = __toESM(require("esbuild"));
+var extension = {
+  cjs: ".cjs",
+  esm: ".mjs"
+};
+async function build2(entrypoint, options) {
+  const { external, formats } = options;
+  if (!(0, import_node_fs.existsSync)(entrypoint)) {
+    return;
+  }
+  const basename = import_posix.default.basename(import_posix.default.dirname(entrypoint));
+  for (const format of formats) {
+    const result = await esbuild.build({
+      entryPoints: [entrypoint],
+      outfile: `dist/${format}/${basename}.${format}.js`,
+      bundle: true,
+      platform: "browser",
+      format,
+      target: "chrome119",
+      sourcemap: true,
+      external,
+      outExtension: {
+        ".js": extension[format]
+      },
+      logLevel: "info",
+      metafile: true
+    });
+    if (format === "esm") {
+      const output = await esbuild.analyzeMetafile(result.metafile);
+      console.log(output);
+    }
+  }
+}
+async function readJsonFile(filePath) {
+  const content = await import_promises.default.readFile(filePath, "utf8");
+  return JSON.parse(content);
+}
+function getExternals(pkg) {
+  const { peerDependencies = {}, externalDependencies = [] } = pkg;
+  const unique = /* @__PURE__ */ new Set([
+    ...Object.keys(peerDependencies),
+    ...externalDependencies
+  ]);
+  return Array.from(unique).toSorted((a, b) => a.localeCompare(b));
+}
+async function run(argv) {
+  const flags = new Set(argv.filter((it) => it.startsWith("--")));
+  if (flags.has("--help")) {
+    console.log("usage: fk-build-selectors [OPTIONS..]");
+    console.log(`
+  --help                     Show this help.
+`);
+  }
+  const pkg = await readJsonFile("package.json");
+  const external = getExternals(pkg);
+  const formats = ["cjs", "esm"];
+  await build2("src/cypress/index.ts", { external, formats });
+  await build2("src/selectors/index.ts", { external, formats });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getExternals,
+  run
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forsakringskassan/vite-lib-config",
-  "version": "4.6.9",
+  "version": "4.7.1",
   "description": "Försäkringskassan toolchain to build libraries with Vite",
   "keywords": [
     "vite"
@@ -33,7 +33,8 @@
   "types": "./dist/index.d.ts",
   "bin": {
     "fk-api-extractor": "bin/api-extractor.js",
-    "fk-build-vue-lib": "bin/build-vue-lib.mjs"
+    "fk-build-vue-lib": "bin/build-vue-lib.mjs",
+    "fk-build-selectors": "bin/build-selectors.mjs"
   },
   "files": [
     "*.d.ts",
@@ -43,7 +44,8 @@
   ],
   "dependencies": {
     "@microsoft/api-extractor": "7.58.7",
-    "@vue/babel-preset-app": "5.0.9"
+    "@vue/babel-preset-app": "5.0.9",
+    "esbuild": "^0.28.0"
   },
   "peerDependencies": {
     "@babel/core": "^7.22.0",