react-native-bundle-discovery-ui 2.6.0 → 2.7.0

package/lib/build.js

@@ -1,123 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const chalk = require("chalk");
-const { build } = require("@discoveryjs/cli");
-const config = require("../.discoveryrc.js");
-const { isRsdoctorReportPath } = require("./isRsdoctorReport.js");
-
-function buildHtmlPage(filePath, output, clean, singleFile, verbose) {
-  if (verbose) {
-    console.info(
-      `Building HTML page from file: ${chalk.green(filePath)} options: ${JSON.stringify(
-        { output, clean, singleFile },
-        null,
-        2,
-      )}`,
-    );
-  }
-
-  if (!filePath) {
-    console.error(
-      `Usage: '${chalk.green("npx react-native-bundle-discovery build <path-to-file>")}', Please provide a path to a JSON file.`,
-    );
-    process.exit(1);
-  }
-
-  const jsonFilePath = path.resolve(process.cwd(), filePath);
-  if (verbose) {
-    console.info(
-      `Loading JSON file from: ${chalk.green(jsonFilePath)}, base directory: ${chalk.green(process.cwd())}`,
-    );
-  }
-
-  let fullJsonPath;
-
-  try {
-    fullJsonPath = require.resolve(jsonFilePath);
-  } catch (err) {
-    console.error(`❌Error loading file: ${chalk.red(jsonFilePath)}\n\n`);
-    console.error(err.message);
-    process.exit(1);
-  }
-
-  const configFile = path.resolve(__dirname, "./.tmp.js");
-
-  if (verbose) {
-    console.info(
-      `Creating temporary config file at: ${chalk.green(configFile)}, for discovery.js`,
-    );
-  }
-  const transformRcdoctor = require.resolve("./rsdoctor.js");
-  fs.writeFileSync(
-    configFile,
-    `const {transformRSDoctorData} = require("${transformRcdoctor}");
-module.exports = ${JSON.stringify(
-      { ...config, data: "<tmp>" },
-      null,
-      1,
-    ).replace(
-      `"<tmp>"`,
-      isRsdoctorReportPath(fullJsonPath)
-        ? `() => transformRSDoctorData(require("${fullJsonPath}"))`
-        : `() => require("${fullJsonPath}")`,
-    )};`,
-  );
-
-  if (verbose) {
-    console.info(`Building HTML page with options:`, {
-      output,
-      clean,
-      singleFile,
-    });
-  }
-
-  const _config = {
-    name: "Bundle Discovery",
-    mode: "single",
-    // models: [ [Object] ],
-    colorScheme: "auto",
-    download: true,
-    upload: false,
-    embed: false,
-    encodings: false,
-  };
-  const _options = {
-    singleFile,
-    clean,
-    output,
-    //
-    cache: true,
-    cachedir: path.resolve(__dirname, "./.discoveryjs-cache"),
-    checkCacheTtl: false,
-    minify: true,
-    dataCompression: true,
-    sourcemap: false,
-    embed: "by-config",
-    experimentalJsonxl: false,
-    scriptFormat: "esm",
-    scriptExternal: [],
-    data: true,
-    excludeModelOnDataFail: false,
-    prettyData: false,
-    modelDownload: false,
-    modelDataUpload: true,
-    modelResetCache: false,
-    serveOnlyAssets: true,
-    dev: true,
-    config: configFile,
-    configFile: configFile,
-  };
-  return build(_options, _config, configFile).then((result) => {
-    console.log(`========================================`);
-    console.log(
-      `✅ HTML page built successfully at: ${chalk.green(
-        path.resolve(output, "index.html").replace(process.cwd() + "/", ""),
-      )}`,
-    );
-    console.log(`========================================`);
-  });
-}
-
-module.exports = {
-  buildHtmlPage,
-};

package/lib/server.js

@@ -1,90 +0,0 @@
-const fs = require("fs");
-const path = require("path");
-const chalk = require("chalk");
-const { createServer } = require("@discoveryjs/cli");
-const { silent } = require("@discoveryjs/cli/lib/shared/utils.js");
-const config = require("../.discoveryrc.js");
-const { isRsdoctorReportPath } = require("./isRsdoctorReport.js");
-
-function serve(filePath, port, verbose) {
-  const PORT = process.env.PORT || port;
-
-  if (verbose) {
-    console.info(
-      `start server with file: ${filePath} on port: ${port} ${process.env.PORT ? `(${chalk.yellow("PORT")} env)` : ""}`,
-    );
-  }
-
-  if (!filePath) {
-    console.error(
-      `Usage: '${chalk.green("npx react-native-bundle-discovery server <path-to-file>")}', Please provide a path to a JSON file.`,
-    );
-    process.exit(1);
-  }
-
-  const jsonFilePath = path.resolve(process.cwd(), filePath);
-  if (verbose) {
-    console.info(
-      `Loading JSON file from: ${chalk.green(jsonFilePath)}, base directory: ${chalk.green(process.cwd())}`,
-    );
-  }
-
-  let fullJsonPath;
-
-  try {
-    fullJsonPath = require.resolve(jsonFilePath);
-  } catch (err) {
-    console.error(`❌Error loading file: ${chalk.red(jsonFilePath)}\n\n`);
-    console.error(err.message);
-    process.exit(1);
-  }
-
-  const configFile = path.resolve(__dirname, "./.tmp.js");
-
-  if (verbose) {
-    console.info(
-      `Creating temporary config file at: ${chalk.green(configFile)}, for discovery.js`,
-    );
-  }
-  const transformRcdoctor = require.resolve("./rsdoctor.js");
-  fs.writeFileSync(
-    configFile,
-    `const {transformRSDoctorData} = require("${transformRcdoctor}");
-module.exports = ${JSON.stringify(
-      { ...config, data: "<tmp>" },
-      null,
-      1,
-    ).replace(
-      `"<tmp>"`,
-      isRsdoctorReportPath(fullJsonPath)
-        ? `() => transformRSDoctorData(require("${fullJsonPath}"))`
-        : `() => require("${fullJsonPath}")`,
-    )};`,
-  );
-
-  if (verbose) {
-    console.info(`Running server with config: ${chalk.green(configFile)}`);
-  }
-
-  return silent(() =>
-    createServer({
-      cache: false,
-      minify: true,
-      dev: false,
-      config: configFile,
-      configFile,
-    }).then((server) =>
-      server.listen(PORT, () => {
-        console.log(
-          `[react-native-bundle-discovery]: 🚀 Server listen on ${chalk.green.underline(
-            chalk.green(`http://localhost:${PORT}`),
-          )}`,
-        );
-      }),
-    ),
-  );
-}
-
-module.exports = {
-  serve,
-};

package/prepare.js

@@ -1,102 +0,0 @@
-function getDuplicateId(path) {
-  const uniqueNodeModulePath = path.split("node_modules/").pop();
-  const ids = [uniqueNodeModulePath];
-
-  // Special case for lodash
-  if (
-    uniqueNodeModulePath.startsWith("lodash.") ||
-    uniqueNodeModulePath.startsWith("lodash-es/")
-  ) {
-    // node_modules/lodash.debounce/index.js => node_modules/lodash/debounce.js
-    // node_modules/lodash-es/get.js         => node_modules/lodash/get.js
-    const uniqueLodashPath = uniqueNodeModulePath
-      .replace("lodash-es/", "lodash/")
-      .replace("lodash.", "lodash/")
-      .replace("/index.js", ".js");
-
-    ids.push(uniqueLodashPath);
-  }
-
-  return ids;
-}
-
-function prepare(data) {
-  // data.modules = data.modules.slice(875, 880); TODO for debugging a formtree chart
-  let moduleMap = new Map();
-  let duplicatesMap = new Map();
-  let allLodashModules = new Set();
-
-  data.packages.forEach((pkg) => {
-    pkg.path = pkg.absolutePath.replace(data.rootFolder + "/", "");
-  });
-  data.modules.forEach((m) => {
-    // 0. Data transformation
-    m.absolutePath = m.path;
-    if (m.absolutePath === data.entryPoint) {
-      m.isEntry = true;
-    }
-    m.path = m.path.replace(data.rootFolder + "/", "");
-    m.dependencies.forEach((d) => {
-      d.path = d.absolutePath.replace(data.rootFolder + "/", "");
-    });
-
-    // 1. Duplicates
-    m._tmp_ids = getDuplicateId(m.path);
-    m.duplicates = [];
-    m._tmp_ids.forEach((id) => {
-      if (!duplicatesMap.has(id)) {
-        duplicatesMap.set(id, []);
-      }
-      duplicatesMap.get(id).push(m);
-    });
-    // lodash/*
-    // lodash-es/*
-    // lodash.*
-    if (m.path.includes("node_modules/lodash")) {
-      allLodashModules.add(m);
-    }
-
-    // 2. Dependencies
-    m.dependents = [];
-    moduleMap.set(m.absolutePath, m);
-
-    // 3. Other
-    // 3.1 Format prelude
-    if (m.path === "__prelude__") {
-      m.source.code = m.source.code
-        .replaceAll(";", ";\n\n")
-        .replaceAll(",", ",\n    ");
-    }
-  });
-
-  data.modules.forEach((m) => {
-    // 1. Duplicates
-    m._tmp_ids.forEach((id) => {
-      const duplicates = duplicatesMap.get(id);
-      if (duplicates.length > 1) {
-        m.duplicates.push(...duplicates.filter((d) => d !== m));
-      }
-    });
-
-    // lodash/index.js is a special case (as index.js includes all lodash functions)
-    if (m.path.endsWith("node_modules/lodash/index.js")) {
-      m.duplicates.push(...allLodashModules);
-    }
-    delete m._tmp_ids;
-
-    // 2. Dependencies
-    m.dependencies.forEach((dependency) => {
-      const dependentModule = moduleMap.get(dependency.absolutePath);
-      if (dependentModule) {
-        dependentModule.dependents.push(m); //add to the dependent module directly
-      }
-    });
-  });
-
-  allLodashModules = null;
-  moduleMap = null;
-  duplicatesMap = null;
-  return data;
-}
-
-module.exports = prepare;

package/setup.js

@@ -1,12 +0,0 @@
-const prepare = require("./prepare");
-const queryHelpers = require("./queryHelpers");
-
-module.exports = function setup({
-  defineObjectMarker,
-  addQueryHelpers,
-  setPrepare,
-}) {
-  // extend queries with custom methods
-  addQueryHelpers(queryHelpers);
-  setPrepare(prepare);
-};

package/views/_theme.js

@@ -1,35 +0,0 @@
-function isDark() {
-  const isSystemDarkMode = window?.matchMedia?.(
-    "(prefers-color-scheme: dark)",
-  )?.matches;
-  const userMode = localStorage.getItem("discoveryjs:color-scheme");
-  return userMode === "auto" ? isSystemDarkMode : userMode === "dark";
-}
-
-function doTheming(el) {
-  const dark = isDark();
-  el.classList.add("highcharts-light");
-  el.classList[!dark ? "add" : "remove"]("my-light");
-  el.classList[dark ? "add" : "remove"]("highcharts-dark");
-}
-
-// apply theme on import
-if (isDark()) {
-  // require("highcharts/themes/dark-unica"); // no
-  // require("highcharts/themes/brand-dark");
-  // require("highcharts/themes/dark-blue");
-  // require("highcharts/themes/dark-green");
-  require("../vendors/high-contrast-dark.js");
-} else {
-  // require("highcharts/themes/avocado");
-  // require("highcharts/themes/brand-light");
-  // require("highcharts/themes/gray");
-  // require("highcharts/themes/grid-light"); // no
-  // require("highcharts/themes/grid");
-  // require("highcharts/themes/high-contrast-light");
-  // require("highcharts/themes/sand-signika"); // no
-  // require("highcharts/themes/skies");
-  // require("highcharts/themes/sunset");
-}
-
-module.exports = { doTheming };

package/views/global.css

@@ -1,169 +0,0 @@
-hr{
-    border: 1px solid rgb(222 222 222);
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-}
-
-.inline-block{
-    display: inline-block;
-}
-.discovery-content>.page-default{
-    height: 100%;
-    overflow: hidden;
-    padding-top: 16px;
-    padding-bottom: 16px;
-}
-.view-tabs-content>.view-content-filter>.view-input{
-    padding-top: 12px;
-    padding-bottom: 12px;
-    margin: 0;
-    background-color: var(--discovery-background-color);
-    position: sticky;
-    top: 0;
-    z-index: 1;
-}
-.main-tabs{
-    height: calc(100% - 20px);
-    margin-top: 12px;
-}
-.main-tabs .view-tabs-content{
-    height: calc(100% - 32px);
-}
-.foamtree-filter,
-.view-foamtree{
-    width: 100%;
-    height: 100%;
-}
-.foamtree-filter>.content{
-    height: calc(100% - 60px);
-    width: 100%;
-}
-.tooltip {
-    position: absolute;
-    z-index: 10;
-    display: none;
-    background-color: #fff;
-    border: 1px solid #ccc;
-    padding: 5px;
-    border-radius: 5px;
-    box-shadow: 0 0 5px #ccc;
-}
-.tooltip-name{
-    text-transform: capitalize;
-}
-.flex-no-wrap{
-    flex-wrap: nowrap;
-}
-.width-50p{
-    width: 50%;
-}
-.my-icon{
-    display: block;
-    height: 100%;
-    width: 100%;
-}
-.my-icon-inline{
-    display: inline-block;
-    vertical-align: middle;
-    margin-left: 4px;
-}
-.my-icon-12{
-    width: 12px;
-    height: 12px;
-}
-.no-margin{
-    margin: 0;
-}
-.two-column>*{
-    width: 50%;
-}
-.m-v-8{
-    margin-top: 8px;
-    margin-bottom: 8px;
-}
-.i-duplicate{
-    display: inline-block;
-    background: #da444e;
-    color: #fff;
-    border-radius: 0.5em;
-    padding: 0 0.5em;
-}
-.m-l-0_5em{
-    margin-left: 0.5em;
-}
-.m-r-0_3em{
-    margin-right: 0.3em;
-}
-.copy-to-clipboard{
-    /* from: https://tabler.io/icons/icon/clipboard-copy */
-    background: url('data:image/svg+xml,%3Csvg%20%20xmlns=%22http://www.w3.org/2000/svg%22%20%20width=%2224%22%20%20height=%2224%22%20%20viewBox=%220%200%2024%2024%22%20%20fill=%22none%22%20%20stroke=%22currentColor%22%20%20stroke-width=%222%22%20%20stroke-linecap=%22round%22%20%20stroke-linejoin=%22round%22%20%20class=%22icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-clipboard-copy%22%3E%3Cpath%20stroke=%22none%22%20d=%22M0%200h24v24H0z%22%20fill=%22none%22/%3E%3Cpath%20d=%22M9%205h-2a2%202%200%200%200%20-2%202v12a2%202%200%200%200%202%202h3m9%20-9v-5a2%202%200%200%200%20-2%20-2h-2%22%20/%3E%3Cpath%20d=%22M13%2017v-1a1%201%200%200%201%201%20-1h1m3%200h1a1%201%200%200%201%201%201v1m0%203v1a1%201%200%200%201%20-1%201h-1m-3%200h-1a1%201%200%200%201%20-1%20-1v-1%22%20/%3E%3Cpath%20d=%22M9%203m0%202a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v0a2%202%200%200%201%20-2%202h-2a2%202%200%200%201%20-2%20-2z%22%20/%3E%3C/svg%3E');
-    background-repeat: no-repeat;
-    background-position: center;
-    display: inline-block;
-    height: 32px;
-    width: 32px;
-}
-.copy-to-clipboard::before {
-    position: absolute;
-    top: -8px;
-    font-size: 0.7rem;
-    border-radius: 4px;
-    display: inline-block;
-    padding: 1px 4px;
-    color: #fff;
-    left: 78%;
-    opacity: 0;
-    transition: opacity 0.3s ease-in-out;
-}
-.copy-to-clipboard.done::before {
-    content: "Copied!";
-    background: green;
-    opacity: 1;
-}
-.copy-to-clipboard.err::before {
-    content: "Error!";
-    background: red;
-    opacity: 1;
-}
-.prettify-checkbox{
-    position: absolute;
-    right: 31px;
-    margin-top: -26px;
-    z-index: 1;
-}
-.ask-chatgpt{
-    color: var(--discovery-view-button-color, #000);
-    text-decoration: none;
-    vertical-align: middle;
-    position: absolute;
-    z-index: 9;
-    margin-top: 12px;
-    margin-left: 105px !important;
-    height: 35px;
-}
-.ask-chatgpt::before {
-    content: '”';
-    font-size: 2em;
-    vertical-align: middle;
-    font-family: math;
-    margin-right: 0.2em;
-    display: inline-block;
-    height: 15px;
-}
-.packages-content>.view-input{
-    padding-left: 265px;
-}
-.copy-before-ask-chatgpt{
-    width: 95px;
-    background-position: left center;
-    padding-left: 25px;
-    position: absolute;
-    z-index: 9;
-    margin-top: 12px;
-    height: 35px;
-}
-.bundlejs-badge-img{
-    line-height: 0;
-    margin-bottom: -5px;
-    margin-left: 10px;
-}

package/views/highcharts.js

@@ -1,43 +0,0 @@
-import Highcharts from "../vendors/highcharts.js";
-import "../vendors/highcharts-networkgraph.js";
-import "../vendors/highcharts-exporting.js";
-
-const { doTheming } = require("./_theme");
-
-discovery.view.define("highcharts", function (el, config, rawData, context) {
-  doTheming(el);
-
-  if (Array.isArray(rawData?.options?.series)) {
-    rawData.options.series.forEach((e) => {
-      if (e.data?.[0]?.value !== undefined) {
-        // mutate data by link
-        e.data = e.data.map((d) => d.value ?? null);
-      }
-    });
-  }
-
-  // console.log({ rawData });
-
-  try {
-    Highcharts.chart(
-      el,
-      Highcharts.merge(
-        {
-          // default options
-        },
-        rawData.options,
-      ),
-    );
-  } catch (e) {
-    console.error(e, rawData);
-    discovery.view.render(
-      el,
-      {
-        view: "alert-danger",
-        data: '"Error rendering chart, please check the console for more information."',
-      },
-      rawData,
-      context,
-    );
-  }
-});