@owlmeans/web-client 0.1.0

package/src/components/uploader/index.ts

@@ -0,0 +1,4 @@
+
+export type * from './types.js'
+export * from './component.js'
+export * from './image.js'

package/src/components/uploader/types.ts

@@ -0,0 +1,14 @@
+import type { PropsWithChildren } from 'react'
+import type { FC } from 'react'
+import type { DropzoneRootProps, DropzoneOptions } from 'react-dropzone'
+
+interface RootProps extends Record<string, unknown> {
+}
+
+export interface UploaderProps extends PropsWithChildren<DropzoneOptions> {
+  Root?: FC<PropsWithChildren<any>>
+  rootProps?: RootProps
+}
+
+export interface UploaderRootProps extends PropsWithChildren<RootProps>, DropzoneRootProps {
+}

package/src/consts.ts

@@ -0,0 +1,2 @@
+
+export const DEFAULT_ROOT = 'root'

package/src/context.ts

@@ -0,0 +1,27 @@
+
+import { makeClientContext } from '@owlmeans/client'
+import { AppConfig, AppContext } from './types.js'
+import { AUTH_RESOURCE } from '@owlmeans/client-auth'
+import { appendWebDbService } from '@owlmeans/web-db'
+import { appendClientResource } from '@owlmeans/client-resource'
+import { useContext as useCtx } from '@owlmeans/client'
+import { extractPrimaryHost } from './helper.js'
+import { appendWebAuthService } from './service.js'
+
+export const makeContext = <C extends AppConfig = AppConfig, T extends AppContext<C> = AppContext<C>>(
+  cfg: C
+): T => {
+  const context = makeClientContext(cfg) as T
+  extractPrimaryHost<C, T>(context)
+
+  appendWebAuthService<C, T>(context)
+  appendWebDbService<C, T>(context)
+  appendClientResource<C, T>(context, AUTH_RESOURCE)
+
+  context.makeContext = makeContext as typeof context.makeContext
+
+  return context
+}
+
+export const useContext = <C extends AppConfig = AppConfig,T extends AppContext<C> = AppContext<C>>() =>
+  useCtx<C,T>()

package/src/errors.ts

@@ -0,0 +1,25 @@
+
+import {ComponentError} from '@owlmeans/client'
+
+export class UploaderError extends ComponentError {
+  public static override typeName: string = `${ComponentError.typeName}Uploader`
+
+  constructor(message: string = 'error') {
+    super(`uploader:${message}`)
+    this.type = UploaderError.typeName
+  }
+}
+
+export class FileUploadingError extends UploaderError {
+  public static override typeName: string = `${UploaderError.typeName}FileUploading`
+
+  public original: Error | undefined
+
+  constructor(message: string = 'error') {
+    super(`file-uploading:${message}`)
+    this.type = FileUploadingError.typeName
+  }
+}
+
+ComponentError.registerErrorClass(UploaderError)
+ComponentError.registerErrorClass(FileUploadingError)

package/src/exports.ts

@@ -0,0 +1,9 @@
+
+export { handler } from '@owlmeans/client'
+export { config } from '@owlmeans/client-context'
+export { service } from '@owlmeans/config'
+export { AppType, HOME, ROOT, BASE, GUEST } from '@owlmeans/context'
+export { module, elevate, provideRequest, stab } from '@owlmeans/client-module'
+export { route, frontend } from '@owlmeans/route'
+export type { ClientModule as Module } from '@owlmeans/client-module'
+export type { ClientRoute as Route } from '@owlmeans/client-route'

package/src/helper.ts

@@ -0,0 +1,8 @@
+import type { AppConfig, AppContext } from './types.js'
+
+export const extractPrimaryHost = <C extends AppConfig = AppConfig, T extends AppContext<C> = AppContext<C>>(context: T) => {
+  if (typeof window !== 'undefined') {
+    context.cfg.primaryHost = window.location.hostname
+    context.cfg.primaryPort = window.location.port != null && window.location.port != '' ? parseInt(window.location.port) : undefined
+  }
+}

package/src/i18n/auth-en.json

@@ -0,0 +1,5 @@
+{
+  "dispatcher": {
+    "loading": "Loading..."
+  }
+}

package/src/i18n.ts

@@ -0,0 +1,5 @@
+
+import authEn from './i18n/auth-en.json'
+import { addI18nLib } from '@owlmeans/i18n'
+
+addI18nLib('en', 'auth', authEn)

package/src/index.ts

@@ -0,0 +1,13 @@
+
+export * from './consts.js'
+export * from './types.js'
+export * from './main.js'
+export * from './router.js'
+export * from './components/index.js'
+export * from './modules.js'
+export * from './exports.js'
+export * from './context.js'
+export * from './helper.js'
+export * from './i18n.js'
+export * from './service.js'
+export * from './errors.js'

package/src/main.tsx

@@ -0,0 +1,25 @@
+// import { StrictMode } from 'react'
+import type { ReactNode } from 'react'
+import { createRoot, hydrateRoot } from 'react-dom/client'
+import { DEFAULT_ROOT } from './consts.js'
+import type { RenderOptions } from './types.js'
+
+export const render = (node: ReactNode, opts?: RenderOptions) => {
+  const _callback = () => {
+    const key = opts?.domId ?? DEFAULT_ROOT
+    const root = document.getElementById(key)
+    if (opts?.debug) {
+      console.debug(`Render react app to ${key}`)
+    }
+    if (root == null) {
+      throw new Error(`Root element not found with id: ${key}`)
+    }
+    if (opts?.hydrate === true) {
+      hydrateRoot(root, node)
+    } else {
+      createRoot(root).render(node)
+    }
+  }
+
+  opts?.onReady ?? true ? window.addEventListener('DOMContentLoaded', _callback) : _callback()
+}

package/src/modules.ts

@@ -0,0 +1,9 @@
+import { DISPATCHER } from '@owlmeans/auth'
+import { modules as list } from '@owlmeans/client-auth'
+import { elevate } from '@owlmeans/client-module'
+import { handler } from '@owlmeans/client'
+import { Dispatcher } from './components/dispatcher/component.js'
+
+elevate(list, DISPATCHER, handler(Dispatcher), { force: true })
+
+export const modules = list

package/src/router.ts

@@ -0,0 +1,7 @@
+
+import type { RouterProvider } from '@owlmeans/client'
+import { createBrowserRouter } from 'react-router-dom'
+
+export const provide: RouterProvider = (routes) => {
+  return createBrowserRouter(routes)
+}

package/src/service.ts

@@ -0,0 +1,41 @@
+
+import { DEFAULT_ALIAS } from '@owlmeans/client-auth'
+import type { AuthServiceAppend } from '@owlmeans/client-auth'
+import type { AuthService } from '@owlmeans/auth-common'
+import { makeAuthService } from '@owlmeans/client-auth'
+import type { ClientModule } from '@owlmeans/client-module'
+import { DISPATCHER } from '@owlmeans/auth'
+import type { ClientConfig, ClientContext } from '@owlmeans/client-context'
+import { authMiddleware } from '@owlmeans/auth-common'
+
+export const makeAuthWebService = (alias: string = DEFAULT_ALIAS): AuthService => {
+  const service = makeAuthService(alias)
+
+  const update = service.update
+  service.update = async token => {
+    await update(token)
+    if (token == null) {
+      const module = service.assertCtx().module<ClientModule<string>>(DISPATCHER)
+      const [url] = await module.call()
+      document.location.href = url
+    }
+  }
+
+  return service
+}
+
+export const appendWebAuthService = <C extends ClientConfig, T extends ClientContext<C>>(
+  ctx: T, alias: string = DEFAULT_ALIAS
+): T & AuthServiceAppend => {
+  const service = makeAuthWebService(alias)
+
+  const context = ctx as T & AuthServiceAppend
+
+  context.registerService(service)
+
+  context.registerMiddleware(authMiddleware)
+
+  context.auth = () => ctx.service(service.alias)
+
+  return context
+}

package/src/types.ts

@@ -0,0 +1,17 @@
+import type { AuthServiceAppend } from '@owlmeans/client-auth'
+import type { ClientConfig } from '@owlmeans/client-context'
+import type { ClientContext } from '@owlmeans/client'
+
+export interface RenderOptions {
+  domId?: string
+  onReady?: boolean
+  hydrate?: boolean
+  debug?: boolean
+}
+
+export interface AppConfig extends ClientConfig {
+}
+
+export interface AppContext<C extends AppConfig = AppConfig> extends ClientContext<C>,
+  AuthServiceAppend {
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": [
+    "../tsconfig.default.json",
+    "../tsconfig.react.json",
+  ],
+  "compilerOptions": {
+    "rootDir": "./src/", /* Specify the root folder within your source files. */
+    "outDir": "./build/", /* Specify an output folder for all emitted files. */
+  },
+  "exclude": [
+    "./dist/**/*",
+    "./build/**/*",
+    "./*.ts"
+  ]
+}

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/consts.ts","./src/context.ts","./src/errors.ts","./src/exports.ts","./src/helper.ts","./src/i18n.ts","./src/index.ts","./src/main.tsx","./src/modules.ts","./src/router.ts","./src/service.ts","./src/types.ts","./src/components/index.ts","./src/components/dispatcher/component.tsx","./src/components/dispatcher/index.ts","./src/components/uploader/component.tsx","./src/components/uploader/image.tsx","./src/components/uploader/index.ts","./src/components/uploader/types.ts"],"version":"5.6.3"}