@simplysm/angular 14.0.30 → 14.0.33

package/src/core/providers/sd-toast.provider.ts

@@ -1,321 +0,0 @@
-import {
-  ApplicationRef,
-  createComponent,
-  effect,
-  EnvironmentInjector,
-  inject,
-  Injectable,
-  Injector,
-  signal,
-  type ComponentRef,
-  type OutputEmitterRef,
-  type Type,
-  type WritableSignal,
-} from "@angular/core";
-import { outputToObservable } from "@angular/core/rxjs-interop";
-import type { DirectiveInputSignals } from "../utils/directive-input-signals";
-import { SdToast } from "../../ui/overlay/toast/sd-toast";
-import { SdToastContainer } from "../../ui/overlay/toast/sd-toast-container";
-import { SdSystemLogProvider } from "./sd-system-log.provider";
-import "@simplysm/core-browser";
-
-export type SdToastSeverity = "info" | "success" | "warning" | "danger";
-export type SdToastTheme = "primary" | "secondary" | SdToastSeverity | "gray" | "blue-gray";
-
-export interface SdToastContentDef<O> {
-  close: OutputEmitterRef<O | undefined>;
-}
-
-export interface SdToastInput<T extends SdToastContentDef<any>> {
-  type: Type<T>;
-  inputs: Omit<DirectiveInputSignals<T>, "close">;
-}
-
-@Injectable({ providedIn: "root" })
-export class SdToastProvider {
-  private readonly _appRef = inject(ApplicationRef);
-  private readonly _envInjector = inject(EnvironmentInjector);
-  private readonly _injector = inject(Injector);
-  private readonly _systemLog = inject(SdSystemLogProvider);
-
-  alertThemes = signal<SdToastSeverity[]>([]);
-  overlap = signal(false);
-  beforeShowFn?: (theme: SdToastSeverity) => void;
-
-  private _containerRef: ComponentRef<SdToastContainer> | undefined;
-  private readonly _toastRefs: ComponentRef<SdToast>[] = [];
-  private readonly _contentRefs = new Map<ComponentRef<SdToast>, ComponentRef<any>>();
-
-  constructor() {
-    effect(() => {
-      if (this._containerRef !== undefined) {
-        this._containerRef.setInput("overlap", this.overlap());
-      }
-    });
-  }
-
-  private get containerRef(): ComponentRef<SdToastContainer> {
-    if (this._containerRef === undefined) {
-      this._containerRef = createComponent(SdToastContainer, {
-        environmentInjector: this._envInjector,
-      });
-      this._appRef.attachView(this._containerRef.hostView);
-      document.body.appendChild(this._containerRef.location.nativeElement);
-      this._containerRef.setInput("overlap", this.overlap());
-    }
-    return this._containerRef;
-  }
-
-  info(message: string, useProgress?: true): WritableSignal<number>;
-  info(message: string, useProgress?: false): void;
-  info(message: string, useProgress = false): WritableSignal<number> | void {
-    return this._show("info", message, useProgress);
-  }
-
-  success(message: string, useProgress?: true): WritableSignal<number>;
-  success(message: string, useProgress?: false): void;
-  success(message: string, useProgress = false): WritableSignal<number> | void {
-    return this._show("success", message, useProgress);
-  }
-
-  warning(message: string, useProgress?: true): WritableSignal<number>;
-  warning(message: string, useProgress?: false): void;
-  warning(message: string, useProgress = false): WritableSignal<number> | void {
-    return this._show("warning", message, useProgress);
-  }
-
-  danger(message: string, useProgress?: true): WritableSignal<number>;
-  danger(message: string, useProgress?: false): void;
-  danger(message: string, useProgress = false): WritableSignal<number> | void {
-    return this._show("danger", message, useProgress);
-  }
-
-  notify<T extends SdToastContentDef<any>>(input: SdToastInput<T>): Promise<Parameters<T["close"]["emit"]>[0] | undefined> {
-    return new Promise((resolve) => {
-      // overlap 모드: 기존 토스트 모두 제거
-      if (this.overlap()) {
-        this._removeAllToasts();
-      }
-
-      const containerEl = this.containerRef.location.nativeElement as HTMLElement;
-
-      // 토스트 래퍼 생성
-      const toastRef = createComponent(SdToast, {
-        environmentInjector: this._envInjector,
-      });
-      this._appRef.attachView(toastRef.hostView);
-
-      // 커스텀 컴포넌트 생성 (projectableNodes로 토스트 래퍼 안에 삽입)
-      const contentRef: ComponentRef<T> = createComponent(input.type, {
-        environmentInjector: this._envInjector,
-        elementInjector: this._injector,
-      });
-      this._appRef.attachView(contentRef.hostView);
-
-      // inputs 바인딩
-      for (const [key, value] of Object.entries(input.inputs as Record<string, unknown>)) {
-        contentRef.setInput(key, value);
-      }
-
-      // 컨텐츠를 토스트 래퍼 안에 삽입
-      const toastEl = toastRef.location.nativeElement as HTMLElement;
-      toastEl.appendChild(contentRef.location.nativeElement);
-      containerEl.appendChild(toastEl);
-      this._toastRefs.push(toastRef);
-
-      // repaint 후 open 설정
-      toastEl.repaint();
-      toastRef.instance.open.set(true);
-
-      // contentRef를 추적하여 토스트 파괴 시 함께 정리
-      this._contentRefs.set(toastRef, contentRef);
-
-      // close output 구독
-      const closeSub = outputToObservable(contentRef.instance.close).subscribe((result) => {
-        closeSub.unsubscribe();
-        this._dismissToast(toastRef);
-        resolve(result);
-      });
-
-      // 5초 후 자동 해제 (resolve 연동)
-      this._setupAutoDismiss(toastRef, 5000, () => {
-        closeSub.unsubscribe();
-        resolve(undefined);
-      });
-    });
-  }
-
-  async try<R>(fn: () => Promise<R>): Promise<R | undefined>;
-  async try<R>(fn: () => Promise<R>, messageFn: (err: unknown) => string): Promise<R | undefined>;
-  async try<R>(
-    fn: () => Promise<R>,
-    messageFn?: (err: unknown) => string,
-  ): Promise<R | undefined> {
-    try {
-      return await fn();
-    } catch (err) {
-      if (!(err instanceof Error)) {
-        throw err;
-      }
-
-      const message = messageFn !== undefined ? messageFn(err) : err.message;
-      this.danger(message);
-      await this._systemLog.writeAsync("error", err.stack ?? err.message);
-      return undefined;
-    }
-  }
-
-  private _show(
-    theme: SdToastSeverity,
-    message: string,
-    useProgress: boolean,
-  ): WritableSignal<number> | void {
-    // alertThemes 체크
-    if (this.alertThemes().includes(theme)) {
-      window.alert(message);
-      return;
-    }
-
-    // beforeShowFn 콜백
-    if (this.beforeShowFn !== undefined) {
-      this.beforeShowFn(theme);
-    }
-
-    // overlap 모드: 기존 토스트 모두 제거
-    if (this.overlap()) {
-      this._removeAllToasts();
-    }
-
-    // 토스트 컴포넌트 생성
-    const containerEl = this.containerRef.location.nativeElement as HTMLElement;
-    const toastRef = createComponent(SdToast, {
-      environmentInjector: this._envInjector,
-    });
-    this._appRef.attachView(toastRef.hostView);
-
-    toastRef.setInput("theme", theme);
-    toastRef.setInput("useProgress", useProgress);
-    toastRef.instance.message.set(message);
-
-    containerEl.appendChild(toastRef.location.nativeElement);
-    this._toastRefs.push(toastRef);
-
-    // repaint 후 open 설정
-    (toastRef.location.nativeElement as HTMLElement).repaint();
-    toastRef.instance.open.set(true);
-
-    if (useProgress) {
-      // progress 모드: effect로 100% 감지 후 1초 뒤 자동 해제
-      const progressSignal = toastRef.instance.progress;
-
-      effect(
-        (onCleanup) => {
-          const val = progressSignal();
-          if (val >= 100) {
-            const timerId = setTimeout(() => {
-              this._dismissToast(toastRef);
-            }, 1000);
-            onCleanup(() => clearTimeout(timerId));
-          }
-        },
-        { injector: toastRef.injector },
-      );
-
-      return progressSignal;
-    } else {
-      // 일반 모드: 3초 후 자동 해제 (호버 중이면 1초 지연)
-      this._setupAutoDismiss(toastRef, 3000);
-    }
-  }
-
-  private _setupAutoDismiss(
-    toastRef: ComponentRef<SdToast>,
-    delayMs: number,
-    onDismiss?: () => void,
-  ): void {
-    const el = toastRef.location.nativeElement as HTMLElement;
-    let isHovering = false;
-    let dismissPending = false;
-    let dismissed = false;
-
-    const dismiss = () => {
-      if (dismissed) return;
-      dismissed = true;
-      onDismiss?.();
-      this._dismissToast(toastRef);
-    };
-
-    const dismissAfterDelay = (ms: number) => {
-      setTimeout(() => {
-        if (dismissed) return;
-        if (isHovering) {
-          dismissPending = true;
-        } else {
-          dismiss();
-        }
-      }, ms);
-    };
-
-    el.addEventListener("mouseenter", () => {
-      isHovering = true;
-    });
-    el.addEventListener("mouseleave", () => {
-      isHovering = false;
-      if (dismissPending) {
-        dismissPending = false;
-        dismissAfterDelay(1000);
-      }
-    });
-
-    dismissAfterDelay(delayMs);
-  }
-
-  private _dismissToast(toastRef: ComponentRef<SdToast>): void {
-    toastRef.instance.open.set(false);
-
-    const el = toastRef.location.nativeElement as HTMLElement;
-    let fallbackId: ReturnType<typeof setTimeout>;
-
-    const onTransitionEnd = () => {
-      clearTimeout(fallbackId);
-      el.removeEventListener("transitionend", onTransitionEnd);
-      this._destroyToast(toastRef);
-    };
-
-    el.addEventListener("transitionend", onTransitionEnd);
-
-    // fallback: transition이 없는 경우 300ms 후 파괴
-    fallbackId = setTimeout(() => {
-      el.removeEventListener("transitionend", onTransitionEnd);
-      this._destroyToast(toastRef);
-    }, 300);
-  }
-
-  private _destroyToast(toastRef: ComponentRef<SdToast>): void {
-    const idx = this._toastRefs.indexOf(toastRef);
-    if (idx === -1) return; // 이미 파괴됨
-
-    this._toastRefs.splice(idx, 1);
-
-    // 연결된 contentRef 파괴
-    const contentRef = this._contentRefs.get(toastRef);
-    if (contentRef !== undefined) {
-      this._contentRefs.delete(toastRef);
-      this._appRef.detachView(contentRef.hostView);
-      contentRef.destroy();
-    }
-
-    const el = toastRef.location.nativeElement as HTMLElement;
-    if (el.parentNode !== null) {
-      el.parentNode.removeChild(el);
-    }
-    this._appRef.detachView(toastRef.hostView);
-    toastRef.destroy();
-  }
-
-  private _removeAllToasts(): void {
-    for (const ref of [...this._toastRefs]) {
-      this._destroyToast(ref);
-    }
-  }
-}

package/src/core/utils/injectSdSystemConfigResource.ts

@@ -1,41 +0,0 @@
-import { ElementRef, ErrorHandler, inject, type ResourceRef, resource, type Signal } from "@angular/core";
-import { SdSystemConfigProvider } from "../providers/sd-system-config.provider";
-
-export function injectSdSystemConfigResource<T>(options: { key: Signal<string | undefined> }) {
-  const sdSystemConfig = inject<SdSystemConfigProvider<Record<string, T>>>(SdSystemConfigProvider);
-  const elRef = inject(ElementRef);
-  const errorHandler = inject(ErrorHandler);
-
-  const elTag = elRef.nativeElement.tagName.toLowerCase();
-
-  const res: ResourceRef<T | undefined> = resource({
-    params: () => options.key(),
-    loader: async ({ params: key }) => {
-      return (await sdSystemConfig.getAsync(`${elTag}.${key}`)) as T | undefined;
-    },
-  });
-
-  function set(value: T | undefined) {
-    res.set(value);
-    const key = options.key();
-    if (key == null) return;
-    queueMicrotask(() => {
-      sdSystemConfig.setAsync(`${elTag}.${key}`, value as T).catch((err) => {
-        errorHandler.handleError(err);
-      });
-    });
-  }
-
-  return {
-    value: res.value,
-    isLoading: res.isLoading,
-    status: res.status,
-    hasValue: () => res.hasValue(),
-    reload: () => res.reload(),
-    set,
-    update(fn: (prev: T | undefined) => T | undefined) {
-      const newValue = fn(res.value());
-      set(newValue);
-    },
-  };
-}

package/src/core/utils/injectViewTitleSignal.ts

@@ -1,25 +0,0 @@
-import { computed, inject, type Signal } from "@angular/core";
-import { SdActivatedModalProvider } from "../providers/sd-activated-modal.provider";
-import { SdAppStructureProvider } from "../providers/sd-app-structure.provider";
-import { injectFullPageCodeSignal } from "./injectFullPageCodeSignal";
-import { injectCurrentPageCodeSignal } from "./injectCurrentPageCodeSignal";
-
-export function injectViewTitleSignal(): Signal<string> {
-  const activatedModal = inject(SdActivatedModalProvider, { optional: true });
-  const sdAppStructure = inject(SdAppStructureProvider);
-
-  const fullPageCode = injectFullPageCodeSignal();
-  const currPageCode = injectCurrentPageCodeSignal();
-
-  return computed(() => {
-    if (activatedModal != null) {
-      return activatedModal.modalComponent()?.title() ?? "";
-    }
-
-    try {
-      return sdAppStructure.getTitleByFullCode(currPageCode?.() ?? fullPageCode());
-    } catch {
-      return "";
-    }
-  });
-}

package/src/core/utils/injectViewTypeSignal.ts

@@ -1,33 +0,0 @@
-import { computed, inject, type Signal } from "@angular/core";
-import { ActivatedRoute } from "@angular/router";
-import { SdActivatedModalProvider } from "../providers/sd-activated-modal.provider";
-import { injectCurrentPageCodeSignal } from "./injectCurrentPageCodeSignal";
-import { injectFullPageCodeSignal } from "./injectFullPageCodeSignal";
-
-export function injectViewTypeSignal(getComp: () => object): Signal<SdViewType> {
-  const activatedModal = inject(SdActivatedModalProvider, { optional: true });
-  const activatedRoute = inject(ActivatedRoute, { optional: true });
-
-  const fullPageCode = injectFullPageCodeSignal();
-  const currPageCode = injectCurrentPageCodeSignal();
-
-  return computed<SdViewType>(() => {
-    if (activatedModal != null) {
-      return "modal";
-    }
-
-    const comp = getComp();
-
-    if (
-      activatedRoute &&
-      activatedRoute.component === comp.constructor &&
-      fullPageCode() === currPageCode?.()
-    ) {
-      return "page";
-    }
-
-    return "control";
-  });
-}
-
-export type SdViewType = "page" | "modal" | "control";

package/src/core/utils/mark.ts

@@ -1,24 +0,0 @@
-import type { WritableSignal } from "@angular/core";
-import {
-  producerIncrementEpoch,
-  producerNotifyConsumers,
-  producerUpdatesAllowed,
-  runPostSignalSetFn,
-  SIGNAL,
-} from "@angular/core/primitives/signals";
-
-export function mark(sig: WritableSignal<any>, clone?: boolean): void {
-  if (clone) {
-    sig.update((v) => (Array.isArray(v) ? [...v] : { ...v }));
-  } else {
-    if (!producerUpdatesAllowed()) {
-      throw new Error();
-    }
-
-    const node = sig[SIGNAL] as any;
-    node.version++;
-    producerIncrementEpoch();
-    producerNotifyConsumers(node);
-    runPostSignalSetFn(node);
-  }
-}

package/src/core/utils/setups/setupCanDeactivate.ts

@@ -1,42 +0,0 @@
-import { DestroyRef, ElementRef, inject, reflectComponentType } from "@angular/core";
-import { ActivatedRoute, type CanDeactivateFn } from "@angular/router";
-import { SdActivatedModalProvider } from "../../providers/sd-activated-modal.provider";
-
-export function setupCanDeactivate(fn: () => boolean): void {
-  const activatedModal = inject(SdActivatedModalProvider, { optional: true });
-  const activatedRoute = inject(ActivatedRoute, { optional: true });
-  const elRef = inject(ElementRef);
-
-  if (activatedModal != null) {
-    activatedModal.canDeactiveFn = fn;
-    return;
-  }
-
-  if (activatedRoute) {
-    if (!activatedRoute.routeConfig) return;
-
-    const component = activatedRoute.component;
-    if (component == null || typeof component === "string") return;
-
-    if (
-      reflectComponentType(component)?.selector !==
-      elRef.nativeElement.tagName.toLowerCase()
-    ) {
-      return;
-    }
-
-    const canDeactivateFn: CanDeactivateFn<unknown> = () => fn();
-    if (activatedRoute.routeConfig.canDeactivate == null) {
-      activatedRoute.routeConfig.canDeactivate = [];
-    }
-    activatedRoute.routeConfig.canDeactivate.push(canDeactivateFn);
-
-    const destroyRef = inject(DestroyRef);
-    destroyRef.onDestroy(() => {
-      const idx = activatedRoute.routeConfig!.canDeactivate!.indexOf(canDeactivateFn);
-      if (idx !== -1) {
-        activatedRoute.routeConfig!.canDeactivate!.splice(idx, 1);
-      }
-    });
-  }
-}

package/src/features/base/sd-base-container.ts

@@ -1,118 +0,0 @@
-import { NgTemplateOutlet } from "@angular/common";
-import {
-  booleanAttribute,
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  contentChild,
-  inject,
-  input,
-  TemplateRef,
-  ViewEncapsulation,
-} from "@angular/core";
-import { SdBusyContainer } from "../../ui/overlay/busy/sd-busy-container";
-import { SdTopbarContainer } from "../../ui/navigation/topbar/sd-topbar-container";
-import { SdTopbar } from "../../ui/navigation/topbar/sd-topbar";
-import { SdAppStructureProvider } from "../../core/providers/sd-app-structure.provider";
-import { SdActivatedModalProvider } from "../../core/providers/sd-activated-modal.provider";
-import { injectCurrentPageCodeSignal } from "../../core/utils/injectCurrentPageCodeSignal";
-import { injectFullPageCodeSignal } from "../../core/utils/injectFullPageCodeSignal";
-import {
-  injectViewTypeSignal,
-  type SdViewType,
-} from "../../core/utils/injectViewTypeSignal";
-import { injectParent } from "../../core/utils/injectParent";
-import { NgIcon } from "@ng-icons/core";
-import { tablerAlertTriangle } from "@ng-icons/tabler-icons";
-
-@Component({
-  selector: "sd-base-container",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [
-    SdBusyContainer,
-    SdTopbarContainer,
-    SdTopbar,
-    NgTemplateOutlet,
-    NgIcon,
-  ],
-  template: `
-    <sd-busy-container [busy]="busy()" [message]="busyMessage()">
-      @if (initialized() === undefined || initialized()) {
-        @if (restricted()) {
-          <div class="fill tx-theme-gray-light p-xxl tx-center">
-            <br />
-            <ng-icon [svg]="tablerAlertTriangle" [size]="'5em'" />
-            <br />
-            <br />
-            '{{ modalOrPageTitle() }}'에 대한 사용권한이 없습니다. 시스템 관리자에게 문의하세요.
-          </div>
-        } @else if (currViewType() === "page") {
-          <sd-topbar-container>
-            <sd-topbar>
-              <h4>{{ modalOrPageTitle() }}</h4>
-
-              <ng-template [ngTemplateOutlet]="pageTopbarTplRef() ?? null" />
-            </sd-topbar>
-
-            <div class="fill">
-              <ng-template [ngTemplateOutlet]="contentTplRef()" />
-            </div>
-          </sd-topbar-container>
-        } @else if (currViewType() === "modal") {
-          <div class="flex-column fill">
-            <div class="flex-fill">
-              <ng-template [ngTemplateOutlet]="contentTplRef()" />
-            </div>
-            @if (modalBottomTplRef()) {
-              <div class="bdt bdt-theme-gray-lightest">
-                <ng-template [ngTemplateOutlet]="modalBottomTplRef() ?? null" />
-              </div>
-            }
-          </div>
-        } @else {
-          <ng-template [ngTemplateOutlet]="contentTplRef()" />
-        }
-      }
-    </sd-busy-container>
-  `,
-})
-export class SdBaseContainer {
-  private readonly _sdActivatedModal = inject(SdActivatedModalProvider, { optional: true });
-  private readonly _sdAppStructure = inject(SdAppStructureProvider);
-
-  private readonly _parent = injectParent();
-
-  private readonly _fullPageCode = injectFullPageCodeSignal();
-  private readonly _currPageCode = injectCurrentPageCodeSignal();
-
-  contentTplRef = contentChild.required("contentTpl", { read: TemplateRef });
-
-  pageTopbarTplRef = contentChild("pageTopbarTpl", { read: TemplateRef });
-  modalBottomTplRef = contentChild("modalBottomTpl", { read: TemplateRef });
-
-  private readonly _parentViewType = injectViewTypeSignal(() => this._parent);
-  viewType = input<SdViewType>();
-  currViewType = computed(() => this.viewType() ?? this._parentViewType());
-
-  header = input<string>();
-  modalOrPageTitle = computed(() => {
-    try {
-      return (
-        this.header() ??
-        this._sdActivatedModal?.modalComponent()?.title() ??
-        this._sdAppStructure.getTitleByFullCode(this._currPageCode?.() ?? this._fullPageCode())
-      );
-    } catch {
-      return "";
-    }
-  });
-
-  initialized = input<boolean | undefined>(undefined);
-  restricted = input(false, { transform: booleanAttribute });
-  busy = input(false, { transform: booleanAttribute });
-  busyMessage = input<string>();
-
-  protected readonly tablerAlertTriangle = tablerAlertTriangle;
-}

package/src/features/data-view/injectDataSheetExcelManager.ts

@@ -1,57 +0,0 @@
-import { type WritableSignal, inject } from "@angular/core";
-import { SdToastProvider } from "../../core/providers/sd-toast.provider";
-import { SdFileDialogProvider } from "../../core/providers/sd-file-dialog.provider";
-import { withBusy } from "../../core/utils/withBusy";
-import type { SdDataSheetSearchResult } from "./sd-data-sheet.types";
-
-export function injectDataSheetExcelManager<TItem>(options: {
-  busyCount: WritableSignal<number>;
-  search: (
-    usePagination: boolean,
-  ) => Promise<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
-  refresh: () => Promise<void>;
-  getDownloadExcelFn: () =>
-    | ((items: TItem[]) => Promise<void> | void)
-    | undefined;
-  getUploadExcelFn: () => ((file: File) => Promise<void> | void) | undefined;
-  errorMessageFn: (err: unknown) => string;
-}) {
-  const sdToast = inject(SdToastProvider);
-  const sdFileDialog = inject(SdFileDialogProvider);
-
-  async function doDownloadExcel(): Promise<void> {
-    const downloadExcelFn = options.getDownloadExcelFn();
-    if (!downloadExcelFn) return;
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(async () => {
-        const items = (await options.search(false)).items;
-        await downloadExcelFn(items);
-      }),
-    );
-  }
-
-  async function doUploadExcel(): Promise<void> {
-    const uploadExcelFn = options.getUploadExcelFn();
-    if (!uploadExcelFn) return;
-
-    const file = await sdFileDialog.showAsync(
-      false,
-      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    );
-    if (!file) return;
-
-    await withBusy(options.busyCount, () =>
-      sdToast.try(
-        async () => {
-          await uploadExcelFn(file);
-          await options.refresh();
-          sdToast.success("엑셀 업로드가 완료 되었습니다.");
-        },
-        (err) => options.errorMessageFn(err),
-      ),
-    );
-  }
-
-  return { doDownloadExcel, doUploadExcel };
-}