♻️ Normalize data

packages/utils/.gitignore

@@ -0,0 +1,6 @@
+node_modules
+# Keep environment variables out of version control
+.env
+
+dist
+yarn-error.log

packages/utils/package.json

@@ -1,13 +1,26 @@
 {
   "name": "utils",
   "version": "1.0.0",
-  "main": "index.ts",
   "license": "AGPL-3.0-or-later",
   "private": true,
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
   "devDependencies": {
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "rollup": "^2.63.0",
+    "rollup-plugin-dts": "^4.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
     "typescript": "^4.5.4"
   },
   "dependencies": {
+    "models": "*",
     "next": "^12.0.7"
+  },
+  "scripts": {
+    "build": "yarn rollup -c",
+    "dev": "yarn rollup -c --watch"
   }
 }

packages/utils/rollup.config.js

@@ -0,0 +1,38 @@
+import resolve from '@rollup/plugin-node-resolve'
+import commonjs from '@rollup/plugin-commonjs'
+import typescript from '@rollup/plugin-typescript'
+import dts from 'rollup-plugin-dts'
+import peerDepsExternal from 'rollup-plugin-peer-deps-external'
+
+const packageJson = require('./package.json')
+
+export default [
+  {
+    input: 'src/index.ts',
+    output: [
+      {
+        file: packageJson.main,
+        format: 'cjs',
+        sourcemap: true,
+        inlineDynamicImports: true,
+      },
+      {
+        file: packageJson.module,
+        format: 'esm',
+        sourcemap: true,
+        inlineDynamicImports: true,
+      },
+    ],
+    plugins: [
+      peerDepsExternal(),
+      resolve(),
+      commonjs(),
+      typescript({ tsconfig: './tsconfig.json' }),
+    ],
+  },
+  {
+    input: 'dist/esm/types/index.d.ts',
+    output: [{ file: 'dist/index.d.ts', format: 'esm' }],
+    plugins: [dts()],
+  },
+]

packages/utils/src/utils.ts

@@ -1,3 +1,5 @@
+import { Table } from 'models'
+
 export const sendRequest = async <ResponseData>({
   url,
   method,
@@ -25,3 +27,8 @@ export const sendRequest = async <ResponseData>({
 export const isDefined = <T>(value: T | undefined | null): value is T => {
   return <T>value !== undefined && <T>value !== null
 }
+
+export const filterTable = <T>(ids: string[], table: Table<T>): Table<T> => ({
+  byId: ids.reduce((acc, id) => ({ ...acc, [id]: table.byId[id] }), {}),
+  allIds: ids,
+})

packages/utils/tsconfig.json

@@ -1,10 +1,17 @@
 {
   "compilerOptions": {
-    "target": "es2016",
-    "module": "commonjs",
+    "target": "es5",
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "declaration": true,
+    "declarationDir": "types",
+    "sourceMap": true,
+    "outDir": "dist",
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "emitDeclarationOnly": true
   }
 }