elbe-ui 0.2.26 → 0.2.30

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elbe-ui",
   "type": "module",
-  "version": "0.2.26",
+  "version": "0.2.30",
   "author": "Robin Naumann",
   "license": "MIT",
   "repository": {
@@ -14,30 +14,32 @@
     "flutter"
   ],
   "files": [
-    "elbe.scss",
-    "style/*.scss",
     "dist/*.js",
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "dist/**/*.d.ts"
+    "dist/*.d.ts",
+    "dist/*.css"
   ],
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "rm -r ./dist ; bun build --target=node src/index.tsx --outdir=dist && bun run build:declaration",
-    "build:declaration": "tsc --emitDeclarationOnly --project tsconfig.types.json"
+    "build:ts": "tsc",
+    "build:dts": "tsc --declaration",
+    "build:css": "sass --quiet-deps style/elbe.scss dist/elbe.css",
+    "build": "rm -rf ./dist && bun run build:ts && bun run build:dts && bun run build:css"
   },
-  "module": "src/index.tsx",
   "devDependencies": {
-    "@types/bun": "latest"
+    "@types/bun": "latest",
+    "sass": "^1.80.6"
   },
   "peerDependencies": {
-    "typescript": "^5.0.0"
+    "typescript": "^5.5.4"
   },
   "dependencies": {
+    "@preact/preset-vite": "^2.9.1",
     "@preact/signals": "^1.3.0",
+    "colors-convert": "^1.4.1",
     "lucide-react": "^0.438.0",
-    "preact": "^10.23.2",
-    "preact-router": "^4.1.2"
+    "preact": "^10.24.2",
+    "preact-router": "^4.1.2",
+    "vite": "^5.4.10"
   }
 }

package/dist/bit/bit.d.ts

@@ -1,34 +0,0 @@
-import { Signal } from "@preact/signals";
-import { type PreactContext } from "preact";
-export interface BitUseInterface<C, T> {
-    signal: Signal<BitState<T>>;
-    ctrl: C;
-    map: <D>(m: TriMap<T, D>) => D | preact.JSX.Element;
-    onData: (f: (d: T) => any) => any;
-}
-interface BitData<C, T> {
-    ctrl: C;
-    state: Signal<BitState<T>>;
-}
-export interface BitState<T> {
-    loading?: boolean;
-    error?: any;
-    data?: T;
-}
-export type BitContext<T, C> = PreactContext<BitData<T, C> | null>;
-export interface TriMap<T, D> {
-    onLoading?: () => D;
-    onError?: (e: string) => D;
-    onData?: (value: T) => D;
-}
-export interface TWParams<T> {
-    emit: (t: T) => void;
-    emitLoading: () => void;
-    emitError: (e: any) => void;
-    map: <D>(m: TriMap<T, D>) => D;
-    signal: Signal<BitState<T>>;
-}
-export declare function makeBit<C, T>(name: string): BitContext<C, T>;
-export declare function ProvideBit<I, C, T>(context: BitContext<C, T>, parameters: I, worker: (p: I, d: TWParams<T>, ctrl: C) => void, ctrl: (p: I, d: TWParams<T>) => C, children: any): import("preact").JSX.Element;
-export declare function useBit<C, T>(context: BitContext<C, T>): BitUseInterface<C, T>;
-export {};

package/dist/bit/ctrl_bit.d.ts

@@ -1,30 +0,0 @@
-import type { JSX } from "preact/jsx-runtime";
-import type { BitUseInterface, TWParams } from "./bit";
-declare abstract class BitControl<I, DT> {
-    p: I;
-    bit: TWParams<DT>;
-    constructor(p: I, bit: TWParams<DT>);
-    act(fn: (b: DT) => Promise<void>): void;
-    /**
-     * Clean up resources. This is called once
-     * the element is removed from the DOM.
-     */
-    dispose(): void;
-}
-export declare abstract class WorkerControl<I, DT> extends BitControl<I, DT> {
-    reload: (() => Promise<void>) | null;
-    abstract worker(): Promise<DT>;
-}
-export declare abstract class StreamControl<I, DT, Stream> extends BitControl<I, DT> {
-    protected stream: Stream | null;
-    abstract listen(): Stream;
-    dispose(): void;
-    abstract disposeStream(stream: Stream): void;
-}
-export declare function CtrlBit<I, DT, C extends BitControl<I, DT>>(ctrl: (p: I, d: TWParams<DT>) => C, name?: string): {
-    Provide: (props: I & {
-        children: React.ReactNode;
-    }) => JSX.Element;
-    use: () => BitUseInterface<C, DT>;
-};
-export {};

package/dist/service/s_api.d.ts

@@ -1,30 +0,0 @@
-export interface PostArgs {
-    path?: {
-        [key: string]: string | number | boolean | undefined;
-    };
-    query?: {
-        [key: string]: string | number | boolean | undefined;
-    };
-    body?: any;
-}
-/**
- * ApiService is a simple wrapper around fetch that handles JSON serialization and error handling.
- * to use it, you must first call `ApiService.init(apiURL)` with the base URL of your API.
- */
-export declare class ApiService {
-    private apiURL;
-    private static _i;
-    static get i(): ApiService;
-    private constructor();
-    static init(apiURL: string): void;
-    private _fetch;
-    get(path: string, args?: PostArgs): Promise<any>;
-    post(path: string, args: PostArgs): Promise<any>;
-    delete(path: string, args: PostArgs): Promise<any>;
-}
-export interface ApiError {
-    code: number;
-    message: string;
-    data?: any;
-}
-export declare function ifApiError(e: any): ApiError | null;

package/dist/ui/color_theme.d.ts

@@ -1,5 +0,0 @@
-export type ElbeColorStyles = "accent" | "error" | "warning" | "success" | "info";
-export type ElbeColorManners = "major" | "minor" | "action" | "integrated";
-export type ElbeColorThemes = "primary" | "secondary" | "inverse";
-export type ElbeColorModes = "light" | "dark";
-export type ElbeTypeStyles = "header-1" | "header-2" | "header-3" | "header-4" | "header-5" | "header-6" | "text-s" | "text-m" | "text-l" | "code";

package/dist/ui/components/badge.d.ts

@@ -1,25 +0,0 @@
-import React from "preact/compat";
-import type { ElbeColorStyles } from "../color_theme";
-import type { ElbeChild, ElbeChildren } from "../util/util";
-import type { ElbeProps } from "./box";
-export type BadgeProps = {
-    count?: number;
-    message?: string;
-    child?: ElbeChild;
-    hidden?: boolean;
-    children?: ElbeChildren;
-} & ElbeProps;
-export declare function TestBadge(p: BadgeProps): Badge;
-export declare class Badge extends React.Component<BadgeProps & {
-    colorStyle: ElbeColorStyles;
-}> {
-    constructor(props: BadgeProps & {
-        colorStyle: ElbeColorStyles;
-    });
-    static accent(p: BadgeProps): React.JSX.Element;
-    static error(p: BadgeProps): React.JSX.Element;
-    static warning(p: BadgeProps): React.JSX.Element;
-    static success(p: BadgeProps): React.JSX.Element;
-    static info(p: BadgeProps): React.JSX.Element;
-    render(): React.JSX.Element;
-}