feat: financial statement

as a package, but doesn't abide by `@nx/enforce-module-boundaries`

libs/analytics/src/index.ts

@@ -1,2 +1 @@
 export * from './TimeLineChart';
-export * from './FinancialStatement';

libs/financial-statement/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

libs/financial-statement/.eslintrc.json

@@ -0,0 +1,34 @@
+{
+  "extends": [
+    "plugin:@nx/react",
+    "../../.eslintrc.json"
+  ],
+  "ignorePatterns": [
+    "!**/*"
+  ],
+  "overrides": [
+    {
+      "files": [
+        "*.ts",
+        "*.tsx",
+        "*.js",
+        "*.jsx"
+      ],
+      "rules": {}
+    },
+    {
+      "files": [
+        "*.ts",
+        "*.tsx"
+      ],
+      "rules": {}
+    },
+    {
+      "files": [
+        "*.js",
+        "*.jsx"
+      ],
+      "rules": {}
+    }
+  ]
+}

libs/financial-statement/README.md

@@ -0,0 +1,7 @@
+# financial-statement
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test financial-statement` to execute the unit tests via [Vitest](https://vitest.dev/).

libs/financial-statement/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@origin/financial-statement",
+  "version": "0.0.4",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  }
+}

libs/financial-statement/project.json

@@ -0,0 +1,38 @@
+{
+  "name": "financial-statement",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/financial-statement/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "lint": {
+      "executor": "@nx/linter:eslint",
+      "outputs": [
+        "{options.outputFile}"
+      ],
+      "options": {
+        "lintFilePatterns": [
+          "libs/financial-statement/**/*.{ts,tsx,js,jsx}"
+        ]
+      }
+    },
+    "build": {
+      "executor": "@nx/vite:build",
+      "outputs": [
+        "{options.outputPath}"
+      ],
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "dist/libs/financial-statement"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    }
+  }
+}

libs/analytics/src/FinancialStatement.tsx → libs/financial-statement/src/FinancialStatement.tsx

@@ -4,17 +4,21 @@ import {
   alpha,
   Box,
   Button,
+  Experimental_CssVarsProvider,
   Paper,
   Stack,
   Typography,
   useMediaQuery,
   useTheme,
 } from '@mui/material';
+import { queryClient } from '@origin/oeth/shared';
 import { useChainlinkEthUsd } from '@origin/shared/providers';
+import { theme } from '@origin/shared/theme';
+import { QueryClientProvider } from '@tanstack/react-query';
 import dayjs from 'dayjs';
 import LocalizedFormat from 'dayjs/plugin/localizedFormat';
 import RelativeTime from 'dayjs/plugin/relativeTime';
-import { useIntl } from 'react-intl';
+import { IntlProvider, useIntl } from 'react-intl';
 import { formatEther } from 'viem';
 
 import * as colors from './colors';
@@ -44,6 +48,18 @@ const getTotals = (data: Record<string, Record<string, number[]>>) => {
   }, [] as number[]);
 };
 
+export default function SelfContainedFinancialStatement() {
+  return (
+    <IntlProvider messages={{}} locale="en" defaultLocale="en">
+      <Experimental_CssVarsProvider theme={theme} defaultMode="dark">
+        <QueryClientProvider client={queryClient}>
+          <LiveFinancialStatement />
+        </QueryClientProvider>
+      </Experimental_CssVarsProvider>
+    </IntlProvider>
+  );
+}
+
 export const LiveFinancialStatement = () => {
   const endOfToday = dayjs().endOf('day').toISOString();
   const [sevenDaysAgo] = useState(dayjs().subtract(7, 'days').toISOString());
@@ -121,8 +137,6 @@ export const LiveFinancialStatement = () => {
   );
 };
 
-export default LiveFinancialStatement;
-
 const FinancialStatementContext = createContext({
   ethPrice: undefined as number | undefined,
   showUsdPrice: false,

libs/financial-statement/src/index.ts

@@ -0,0 +1,2 @@
+export * from './FinancialStatement';
+export { default } from './FinancialStatement';

libs/financial-statement/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": false,
+    "esModuleInterop": false,
+    "allowSyntheticDefaultImports": true,
+    "strict": false,
+    "types": [
+      "vite/client"
+    ]
+  },
+  "files": [
+    "../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../node_modules/@nx/react/typings/image.d.ts",
+    "../../libs/shared/theme/src/theme.d.ts",
+    "../../apps/oeth/src/env.d.ts"
+  ],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json"
+}

libs/financial-statement/tsconfig.lib.json

@@ -0,0 +1,28 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ]
+  },
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx"
+  ],
+  "include": [
+    "src/**/*.js",
+    "src/**/*.jsx",
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ]
+}

libs/financial-statement/vite.config.ts

@@ -0,0 +1,43 @@
+/// <reference types="vitest" />
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+import react from '@vitejs/plugin-react';
+import * as path from 'path';
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+
+export default defineConfig({
+  cacheDir: '../../node_modules/.vite/financial-statement',
+
+  plugins: [
+    dts({
+      entryRoot: 'src',
+      tsConfigFilePath: path.join(__dirname, 'tsconfig.lib.json'),
+      skipDiagnostics: true,
+    }),
+    react(),
+    nxViteTsPaths(),
+  ],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+
+  // Configuration for building your library.
+  // See: https://vitejs.dev/guide/build.html#library-mode
+  build: {
+    lib: {
+      // Could also be a dictionary or array of multiple entry points.
+      entry: 'src/index.ts',
+      name: 'financial-statement',
+      fileName: 'index',
+      // Change this to the formats you want to support.
+      // Don't forget to update your package.json as well.
+      formats: ['es', 'cjs'],
+    },
+    rollupOptions: {
+      // External packages that should not be bundled into your library.
+      external: ['react', 'react-dom', 'react/jsx-runtime'],
+    },
+  },
+});

libs/shared/utils/src/BigInt.ts

@@ -1,2 +1,2 @@
-export const jsonStringifyReplacer = (key, value) =>
+export const jsonStringifyReplacer = (key: string, value: unknown) =>
   typeof value === 'bigint' ? value.toString() : value;

tsconfig.base.json

@@ -23,6 +23,9 @@
       "@origin/analytics": [
         "libs/analytics/src/index.ts"
       ],
+      "@origin/financial-statement": [
+        "libs/financial-statement/src/index.ts"
+      ],
       "@origin/oeth/history": [
         "libs/oeth/history/src/index.ts"
       ],