@migration-planner-ui/ioc 0.0.2

package/dist/Container.d.ts

@@ -0,0 +1,7 @@
+/** A naive, singleton-scoped dependency injection container */
+export declare class Container {
+    #private;
+    constructor();
+    get<T>(registeredInterfaceSymbol: symbol): T;
+    register<T = unknown>(registeredInterfaceSymbol: symbol, value: T): Container;
+}

package/dist/Container.js

@@ -0,0 +1,28 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Container_registry;
+/** A naive, singleton-scoped dependency injection container */
+export class Container {
+    constructor() {
+        _Container_registry.set(this, void 0);
+        __classPrivateFieldSet(this, _Container_registry, {}, "f");
+    }
+    get(registeredInterfaceSymbol) {
+        const value = __classPrivateFieldGet(this, _Container_registry, "f")[registeredInterfaceSymbol];
+        return value;
+    }
+    register(registeredInterfaceSymbol, value) {
+        __classPrivateFieldGet(this, _Container_registry, "f")[registeredInterfaceSymbol] = value;
+        return this;
+    }
+}
+_Container_registry = new WeakMap();

package/dist/Context.d.ts

@@ -0,0 +1,2 @@
+import { Container } from "./Container";
+export declare const Context: import("react").Context<Container>;

package/dist/Context.js

@@ -0,0 +1,2 @@
+import { createContext } from "react";
+export const Context = createContext(null);

package/dist/Provider.d.ts

@@ -0,0 +1,5 @@
+import { type FC, type PropsWithChildren } from "react";
+import { Container } from "./Container";
+export declare const Provider: FC<PropsWithChildren<{
+    container: Container;
+}>>;

package/dist/Provider.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Context } from "./Context";
+export const Provider = (props) => {
+    const { container, children } = props;
+    return _jsx(Context.Provider, { value: container, children: children });
+};

package/dist/hooks/UseInjection.d.ts

@@ -0,0 +1 @@
+export declare function useInjection<T>(registeredInterfaceSymbol: symbol): T;

package/dist/hooks/UseInjection.js

@@ -0,0 +1,9 @@
+import { useContext } from "react";
+import { Context } from "../Context";
+export function useInjection(registeredInterfaceSymbol) {
+    const container = useContext(Context);
+    if (!container) {
+        throw new ReferenceError("useInjection must be used inside its Provider");
+    }
+    return container.get(registeredInterfaceSymbol);
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Container";
+export * from "./Provider";
+export * from "./hooks/UseInjection";
+export * from './Context';

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./Container";
+export * from "./Provider";
+export * from "./hooks/UseInjection";
+export * from './Context';

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@migration-planner-ui/ioc",
+  "version": "0.0.2",
+  "description": "A basic IoC solution for React apps (inspired by InversifyJs)",
+  "author": "Jonathan Kilzi <jkilzi@redhat.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/kubev2v/migration-planner-ui.git",
+    "directory": "packages/ioc"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./src/index.ts",
+        "./dist/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "yarn run -T tsc -b",
+    "bundle": "yarn build && yarn pack --out dist/%s-%v.tgz",
+    "clean": "rm -rf node_modules dist",
+    "lint": "yarn run -T eslint . --report-unused-disable-directives --max-warnings 0"
+  },
+  "devDependencies": {
+    "@patternfly/react-core": "*",
+    "@patternfly/react-icons": "*",
+    "@patternfly/react-tokens": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-router-dom": "*"
+  },
+  "peerDependencies": {
+    "@patternfly/react-core": "^5.4.0",
+    "@patternfly/react-icons": "^5.4.0",
+    "@patternfly/react-tokens": "^5.4.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.0"
+  },
+  "stableVersion": "1.1.1"
+}

package/src/Container.ts

@@ -0,0 +1,22 @@
+/** A naive, singleton-scoped dependency injection container */
+export class Container {
+  readonly #registry: Record<symbol, unknown>;
+
+  constructor() {
+    this.#registry = {};
+  }
+
+  get<T>(registeredInterfaceSymbol: symbol): T {
+    const value = this.#registry[registeredInterfaceSymbol] as T;
+    return value;
+  }
+
+  register<T = unknown>(
+    registeredInterfaceSymbol: symbol,
+    value: T
+  ): Container {
+    this.#registry[registeredInterfaceSymbol] = value;
+
+    return this;
+  }
+}

package/src/Context.ts

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+import { Container } from "./Container";
+
+export const Context = createContext<Container | null>(null);

package/src/Provider.tsx

@@ -0,0 +1,10 @@
+import { type FC, type PropsWithChildren } from "react";
+import { Context } from "./Context";
+import { Container } from "./Container";
+
+export const Provider: FC<
+  PropsWithChildren<{ container: Container }>
+> = (props) => {
+  const { container, children } = props;
+  return <Context.Provider value={container}>{children}</Context.Provider>;
+};

package/src/hooks/UseInjection.ts

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { Context } from "../Context";
+
+export function useInjection<T>(registeredInterfaceSymbol: symbol): T {
+  const container = useContext(Context);
+  if (!container) {
+    throw new ReferenceError("useInjection must be used inside its Provider");
+  }
+
+  return container.get<T>(registeredInterfaceSymbol);
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from "./Container";
+export * from "./Provider";
+export * from "./hooks/UseInjection";
+export * from './Context';

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "../../node_modules/.tmp/ioc/tsconfig.tsbuildinfo",
+    "composite": true,
+    "declaration": true,
+    "useDefineForClassFields": true,
+    "jsx": "react-jsx",
+    "target": "es6",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "rootDir": "src",
+    "outDir": "dist",
+    "paths": {
+      "#/*": ["./src/*"]
+    }
+  },
+}