@qlover/create-app 0.7.6 → 0.7.7

package/dist/templates/next-app/src/uikit/hook/useI18nInterface.ts

@@ -0,0 +1,28 @@
+import { useTranslations } from 'next-intl';
+import { useMemo } from 'react';
+import type { PageI18nInterface } from '@config/i18n/PageI18nInterface';
+
+/**
+ * Hook to get the i18n interface
+ *
+ * @param i18nInterface - The i18n interface to get
+ * @returns The i18n interface
+ */
+export function useI18nInterface<T extends PageI18nInterface>(
+  i18nInterface: T
+): T {
+  const t = useTranslations();
+
+  const i18n = useMemo(() => {
+    return Object.fromEntries(
+      Object.entries(i18nInterface).map(([key, value]) => {
+        if (typeof value === 'string') {
+          return [key, t(value)];
+        }
+        return [key, value];
+      })
+    ) as T;
+  }, [i18nInterface, t]);
+
+  return i18n;
+}

package/dist/templates/next-app/src/uikit/hook/useIOC.ts

@@ -0,0 +1,37 @@
+import { useContext } from 'react';
+import { IOCContext } from '../context/IOCContext';
+import type { IOCIdentifierMap } from '@config/IOCIdentifier';
+import type {
+  IOCContainerInterface,
+  IOCFunctionInterface
+} from '@qlover/corekit-bridge';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type IOCIdentifier = keyof IOCIdentifierMap | (new (...args: any[]) => any);
+
+export function useIOC(): IOCFunctionInterface<
+  IOCIdentifierMap,
+  IOCContainerInterface
+>;
+export function useIOC<T extends IOCIdentifier>(
+  identifier: T
+): T extends keyof IOCIdentifierMap
+  ? IOCIdentifierMap[T]
+  : // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    T extends new (...args: any[]) => any
+    ? InstanceType<T>
+    : never;
+
+export function useIOC<T extends IOCIdentifier>(identifier?: T) {
+  const IOC = useContext(IOCContext);
+
+  if (!IOC) {
+    throw new Error('IOC is not found');
+  }
+
+  if (identifier === undefined) {
+    return IOC;
+  }
+
+  return IOC(identifier);
+}

package/dist/templates/next-app/src/uikit/hook/useMountedClient.ts

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+
+export const useMountedClient = () => {
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  return mounted;
+};

package/dist/templates/next-app/src/uikit/hook/useStore.ts

@@ -0,0 +1,15 @@
+import { useSliceStore, type SliceStore } from '@qlover/slice-store-react';
+import type {
+  StoreInterface,
+  StoreStateInterface
+} from '@qlover/corekit-bridge';
+
+export function useStore<
+  C extends StoreInterface<StoreStateInterface>,
+  State = C['state']
+>(store: C, selector?: (state: C['state']) => State): State {
+  return useSliceStore(
+    store as unknown as SliceStore<StoreStateInterface>,
+    selector
+  );
+}

package/dist/templates/next-app/tailwind.config.ts

@@ -0,0 +1,8 @@
+import type { Config } from 'tailwindcss';
+
+const config: Config = {
+  darkMode: ['class', '[data-theme="dark"]'],
+  content: ['./src/**/*.{js,ts,jsx,tsx}']
+};
+
+export default config;

package/dist/templates/next-app/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"],
+      "@config/*": ["./config/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    ".next/types/**/*.ts",
+    "config/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qlover/create-app",
-  "version": "0.7.6",
+  "version": "0.7.7",
   "description": "Create a new app with a single command",
   "private": false,
   "type": "module",