.reflame.config.jsonc

{
  // This is a JSON with Comments file.
  // It's basically JSON, with the addition of comments, and looser syntax
  // (trailing commas!).
  // Reflame uses this to identify your app.
  "appId": "01GVH35S71FJP26W72V3K7CB2N", // prod
  // "appId": "01GSXZYQT1W0TZDJAG94P9S4BZ", // prod fork
  // "appId": "01GR550WASJY2G2NSYZ4P54JJV", // dev
  // This is what shows up in the browser's tab bar.
  "title": "highlight.io",
  // This is the description that shows up in Google search.
  "description": "Highlight gives your team full transparency into the errors, interactions, and performance metrics of your client-side application.",
  // Reflame will watch this directory for your React source code and ship changes
  // instantly.
  "sourceDirectory": "frontend/src",
  // Reflame will use this to keep your app up to date as we make improvements.
  "foundation": {
    "name": "ts-react",
    "version": 1,
  },
  "themeColor": "#5629c6",
  "filesIgnored": [
    "**/**.css.ts"
  ],
  "environments": {
    "production": {
      "REACT_APP_COMMIT_SHA": {
        "type": "expression",
        "value": "Reflame.gitCommitSha"
      },
      "REACT_APP_FRONTEND_URI": {
        "type": "expression",
        "value": "window.location.origin"
      },
    },
    "development": {
      "REACT_APP_COMMIT_SHA": {
        "type": "expression",
        "value": "Reflame.gitCommitSha"
      },
      "REACT_APP_FRONTEND_URI": {
        "type": "expression",
        "value": "window.location.origin"
      },
    },
  },
  "defaultEnvironment": "production",
  "scripts": [
    "/gtm.js",
    "/index",
    "/vanilla.js",
    "/canny.js",
    "https://js.hs-scripts.com/20473940.js",
  ],
  "stylesheets": [
    "https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap",
    "https://unpkg.com/@highlight-run/rrweb@0.9.27/dist/index.css",
    "/public.css",
  ],
  "metas": [
    {
      "name": "msapplication-TileColor",
      "content": "#5629c6",
    },
    {
      "name": "title",
      "content": "highlight.io | The Open Source, Fullstack Monitoring Platform"
    },
    {
      "property": "og:type",
      "content": "website"
    },
    {
      "property": "og:url",
      "content": "https://app.highlight.io/"
    },
    {
      "property": "og:title",
      "content": "highlight.io | The Open Source, Fullstack Monitoring Platform"
    },
    {
      "property": "og:description",
      "content": "Highlight gives your team full transparency into the errors, interactions, and performance metrics of your client-side application."
    },
    {
      "property": "og:image",
      "content": "/hero.png"
    },
    {
      "property": "twitter:card",
      "content": "/hero.png"
    },
    {
      "property": "twitter:url",
      "content": "https://app.highlight.io/"
    },
    {
      "property": "twitter:title",
      "content": "highlight.io | The Open Source, Fullstack Monitoring Platform"
    },
    {
      "property": "twitter:description",
      "content": "Highlight gives your team full transparency into the errors, interactions, and performance metrics of your client-side application."
    },
    {
      "property": "twitter:image",
      "content": "/hero.png"
    },
  ],
  "links": [
    {
      "rel": "apple-touch-icon",
      "sizes": "180x180",
      "href": "/apple-touch-icon.png",
    },
    {
      "rel": "apple-touch-icon",
      "href": "/logo192.png",
    },
    {
      "rel": "icon",
      "sizes": "32x32",
      "href": "/favicon-32x32.png",
    },
    {
      "rel": "icon",
      "sizes": "16x16",
      "href": "/favicon-16x16.png",
    },
    {
      "rel": "mask-icon",
      "color": "#5629c6",
      "href": "/safari-pinned-tab.svg",
    },
    {
      "rel": "preconnect",
      "href": "https://fonts.gstatic.com",
      "crossorigin": true
    }
  ],
  "manifest": {
    "short_name": "highlight.io",
    "name": "highlight.io | The Open Source, Fullstack Monitoring Platform",
    "icons": [
      {
        "src": "/icon.ico",
        "sizes": "64x64 32x32 24x24 16x16",
        "type": "image/x-icon"
      },
      {
        "src": "/logo192.png",
        "type": "image/png",
        "sizes": "192x192"
      },
      {
        "src": "/logo512.png",
        "type": "image/png",
        "sizes": "512x512"
      }
    ],
    "start_url": ".",
    "display": "standalone",
    "theme_color": "#5629c6",
    "background_color": "#ffffff"
  },  
  "storybookCompatibility": {
    "testStories": true,
  },
  "nodejsCompatibility": {
    "omitModuleExtension": true,
    "mapIndexToDirectory": true,
    "packageJson": {
      "versionIncluded": true,
      "dependenciesSynced": true,
    },
  },
  "tailwindCompatibility": {
    "stylesheetPathname": "/style/tailwind.css",
    "disablePreflight": true,
    "theme": {
      "blur": {
        "xs": "2px",
      },
      "colors": {
        "primary-1": "#B19CFF",
        "primary-2": "#6C37F4",
        "primary-3": "#5420D1",
        "primary-4": "#0D0225",
        "secondary-1": "#B9F2FE",
        "secondary-2": "#72E4FC",
        "secondary-3": "#23B6E2",
        "secondary-4": "#0B75AA",
        "highlight-1": "#EBFF5E",
        "highlight-2": "#8DC31A",
        "selection": "#EBFF5E",
        "error": "#FF5377",
        "warning": "#FF9457",
        "success": "#36E79B",
        "midnight": "#0D0225",
        "pale-purple": "#645D74",
      },
      "fontFamily": {
        "poppins": [
          "Poppins",
          "sans-serif"
        ],
      },
    }
  },
  "specifierTransforms": [
    {
      "from": "/",
      "to": "@/",
    },
    {
      "from": "/components/",
      "to": "@components/",
    },
    {
      "from": "/static/",
      "to": "@icons/",
    },
    {
      "from": "/util/",
      "to": "@util/",
    },
    {
      "from": "/hooks/",
      "to": "@hooks/",
    },
    {
      "from": "/pages/",
      "to": "@pages/",
    },
    {
      "from": "/routers/",
      "to": "@routers/",
    },
    {
      "from": "/graph/generated/",
      "to": "@graph/",
    },
    {
      "from": "/authentication/",
      "to": "@authentication/",
    },
    {
      "from": "/context/",
      "to": "@context/",
    },
    {
      "from": "/lottie/",
      "to": "@lottie/",
    },
    {
      "from": "/__generated/rr/rr.js",
      "to": "@highlight-run/rrweb",
    },
    {
      "from": "/__generated/rr/rrTypes.js",
      "to": "@highlight-run/rrweb-types",
    },
    {
      "from": "/__generated/rr/rr.min.css",
      "to": "@highlight-run/rrweb/dist/rrweb.min.css",
    },
    {
      "from": "^/__generated/ve/(.*).css.js$",
      "to": "/$1.css",
      "phase": "pre",
    },
  ],
  "libraries": {
    "@highlight-run/ui": {
      "sourceDirectory": "packages/ui/src",
      "entryPoints": {
        "/components": "/components/index.ts",
        "/css": "/css.ts",
        "/keyframes": "/keyframes.ts",
        "/sprinkles": "/sprinkles.ts",
        "/vars": "/vars.ts",
        "/theme": "/theme.ts",
        "/colors": "/colors.ts",
        "/borders": "/borders.ts",
        "/styles.css": "/noop.ts",
      },
      "npmPackages": {
        "ariakit": {
          "entryPoints": [
            "/",
            "/button",
            "/combobox",
            "/form",
            "/checkbox",
          ],
        },
        "@vanilla-extract/sprinkles": {
          "entryPoints": [
            "/createRuntimeSprinkles"
          ],
        },
        "@vanilla-extract/recipes": {
          "entryPoints": [
            "/createRuntimeFn"
          ],
        },
      },
      "nodejsCompatibility": {
        "omitModuleExtension": true,
        "mapIndexToDirectory": true,
        "packageJson": {
          "dependenciesSynced": true,
        },
      },
      "filesIgnored": [
        "**/**.css.ts"
      ],
      "specifierTransforms": {
        "^/__generated/ve/(.*).css.js$": "/$1.css",
      },
    },
    "highlight.run": {
      "sourceDirectory": "sdk/firstload/src",
      "entryPoint": "/index.tsx",
      "nodejsCompatibility": {
        "omitModuleExtension": true,
        "mapIndexToDirectory": true,
      },
      "npmPackages": {},
    },
    "highlight.io": {
      "sourceDirectory": "highlight.io",
      "entryPoint": "/index.ts",
      "nodejsCompatibility": {
        "omitModuleExtension": true,
        "mapIndexToDirectory": true,
      },
      "filesIgnored": [
        "**/**",
        "!components/**/**",
        "!content/**/**",
        "!styles/**/**",
        "!utils/**/**",
        "!index.ts",
      ],
    },
    "@highlight-run/client": {
      "sourceDirectory": "sdk/client/src",
      "entryPoints": {
        "/src/listeners/first-load-listeners": "/listeners/first-load-listeners.tsx",
        "/src/listeners/first-load-listeners.js": "/listeners/first-load-listeners.tsx",
        "/src/listeners/network-listener/utils/utils": "/listeners/network-listener/utils/utils.ts",
        "/src/utils/secure-id": "/utils/secure-id.ts",
        "/src/utils/secure-id.js": "/utils/secure-id.ts",
        "/src/utils/sessionStorage/highlightSession": "/utils/sessionStorage/highlightSession.ts",
        "/src/utils/sessionStorage/highlightSession.js": "/utils/sessionStorage/highlightSession.ts",
        "/src/utils/sessionStorage/sessionStorageKeys": "/utils/sessionStorage/sessionStorageKeys.ts",
        "/src/utils/sessionStorage/sessionStorageKeys.js": "/utils/sessionStorage/sessionStorageKeys.ts",
        "/src/utils/storage.js": "/utils/storage.ts",
      },
      "nodejsCompatibility": {
        "omitModuleExtension": true,
        "mapIndexToDirectory": true,
        "packageJson": {
          "dependenciesSynced": true,
        },
      },
      "specifierTransforms": {
        "/publicGraphURI.ts": "consts:publicGraphURI",
      },
      "npmPackages": {},
    },
  },
  // NPM packages listed here will be installed by Reflame every time you update this file.
  //
  // It's important to only include packages that will be used by your app in browsers here.
  // Including dev-time dependencies that run in node can result in deploy failures and poor
  // performance.
  "npmPackages": {
    "@apollo/client": {
      "entryPoints": [
        "/",
        "/link/context",
        "/link/ws",
        "/utilities"
      ],
    },
    "@vanilla-extract/recipes": {
      "entryPoints": [
        "/createRuntimeFn"
      ],
    },
    // TODO: create a library for this
    // Might need a shim entry point for .css?
    "@highlight-run/react": {
      "version": "^3.2.0",
    },
    "antd": {
      "entryPoints": [
        "/",
        "/es/menu",
        "/es/checkbox",
        "/es/tooltip",
        "/es/table",
        "/es/input",
        "/es/dropdown",
        "/es/message",
        "/dist/antd.css",
      ],
    },
    "firebase": {
      "entryPoints": [
        "/compat/auth",
        "/compat/app"
      ],
    },
    "lodash": {
      "entryPoints": [
        "/",
        "/isEqual"
      ],
    },
    "moment": {
      "entryPoints": [
        "/",
        "/moment"
      ],
    },
    "rc-slider": {
      "entryPoints": [
        "/",
        "/assets/index.css"
      ],
    },
    "react-resizable": {
      "entryPoints": [
        "/css/styles.css"
      ],
    },
    "react-awesome-query-builder": {
      "entryPoints": [
        "/",
        "/lib/config/antd",
        "/lib/css/compact_styles.css",
        "/lib/css/styles.css",
      ],
    },
    "react-grid-layout": {
      "entryPoints": [
        "/",
        "/css/styles.css"
      ],
    },
    "react-icons": {
      "entryPoints": [
        "/fa",
        "/fi",
        "/ri",
        "/vsc"
      ],
    },
    "react-loading-skeleton": {
      "entryPoints": [
        "/",
        "/dist/skeleton.css"
      ],
    },
    "react-select": {
      "entryPoints": [
        "/",
        "/async",
        "/async-creatable",
        "/creatable"
      ],
    },
    "react-spinners": {
      "entryPoints": [
        "/BarLoader"
      ],
    },
    "react-syntax-highlighter": {
      "entryPoints": [
        // FIXME: Seems to create ~1000 chunks with esbuild
        // https://github.com/evanw/esbuild/issues/1836
        // "/",
        "/dist/esm/prism",
        "/dist/esm/light",
        "/dist/esm/styles/prism",
      ],
    },
    "react-use": {
      "entryPoints": [
        "/",
        "/esm/useSessionStorage",
        "/esm/useLocalStorage",
      ],
    },
    "use-query-params": {
      "entryPoints": [
        "/",
        "/adapters/react-router-6"
      ],
    },
  },
}