@piedata/pieui 1.0.1 → 1.1.1

package/dist/providers/CentrifugeIOInitProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CentrifugeIOInitProvider.d.ts","sourceRoot":"","sources":["../../src/providers/CentrifugeIOInitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAKxD,QAAA,MAAM,wBAAwB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,cA+BtE,CAAA;AAED,eAAe,wBAAwB,CAAA"}
+{"version":3,"file":"CentrifugeIOInitProvider.d.ts","sourceRoot":"","sources":["../../src/providers/CentrifugeIOInitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAMxD,QAAA,MAAM,wBAAwB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,cAiCtE,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/dist/providers/SocketIOInitProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocketIOInitProvider.d.ts","sourceRoot":"","sources":["../../src/providers/SocketIOInitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAMxD,QAAA,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,cAuClE,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"SocketIOInitProvider.d.ts","sourceRoot":"","sources":["../../src/providers/SocketIOInitProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAA;AAOxD,QAAA,MAAM,oBAAoB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,cA0ClE,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/types/index.d.ts

@@ -31,6 +31,7 @@ export type WebApp = {
     BackButton: BackButtonType;
     initDataUnsafe: WebAppInitData;
     initData: string;
+    ready: () => void;
     close: () => void;
     openLink: (link: string, option: string) => void;
     platform: 'ios' | 'android' | 'web';
@@ -100,4 +101,10 @@ export interface ComponentRegistration<TProps> {
     metadata?: ComponentMetadata;
     isLazy?: boolean;
 }
+export interface PieConfig {
+    apiServer: string;
+    centrifugeServer?: string;
+    enableRenderingLog?: boolean;
+    pageProcessor?: string;
+}
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}

package/dist/util/ajaxCommonUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ajaxCommonUtils.d.ts","sourceRoot":"","sources":["../../src/util/ajaxCommonUtils.ts"],"names":[],"mappings":"AAEA,OAAO,UAAU,CAAA;AACjB,OAAO,EAAE,0BAA0B,EAAe,MAAM,UAAU,CAAA;AAIlE,eAAO,MAAM,aAAa,GACtB,yBAAyB,0BAA0B,EACnD,SAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EAChC,YAAW,KAAK,CAAC,MAAM,CAAM,EAC7B,WAAW,MAAM,oCAaU,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,kBAwGjD,CAAA"}
+{"version":3,"file":"ajaxCommonUtils.d.ts","sourceRoot":"","sources":["../../src/util/ajaxCommonUtils.ts"],"names":[],"mappings":"AACA,OAAO,UAAU,CAAA;AACjB,OAAO,EAAE,0BAA0B,EAAe,MAAM,UAAU,CAAA;AAIlE,eAAO,MAAM,aAAa,GACtB,yBAAyB,0BAA0B,EACnD,SAAQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EAChC,YAAW,KAAK,CAAC,MAAM,CAAM,EAC7B,WAAW,MAAM,oCAeU,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,kBA+GjD,CAAA"}

package/dist/util/centrifuge.d.ts

@@ -1,5 +1,5 @@
 import { Centrifuge } from 'centrifuge';
-export declare const getCentrifuge: () => Centrifuge | null;
+export declare const getCentrifuge: (apiServer: string, centrifugeServer?: string) => Centrifuge | null;
 declare const CentrifugeIOContext: import("react").Context<Centrifuge | null>;
 export default CentrifugeIOContext;
 //# sourceMappingURL=centrifuge.d.ts.map

package/dist/util/centrifuge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"centrifuge.d.ts","sourceRoot":"","sources":["../../src/util/centrifuge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAevC,eAAO,MAAM,aAAa,yBAIV,CAAA;AAQhB,QAAA,MAAM,mBAAmB,4CAAyC,CAAA;AAClE,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"centrifuge.d.ts","sourceRoot":"","sources":["../../src/util/centrifuge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAGvC,eAAO,MAAM,aAAa,GAAI,WAAW,MAAM,EAAE,mBAAmB,MAAM,sBAkBzE,CAAA;AASD,QAAA,MAAM,mBAAmB,4CAAyC,CAAA;AAClE,eAAe,mBAAmB,CAAA"}

package/dist/util/initializeComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"initializeComponents.d.ts","sourceRoot":"","sources":["../../src/util/initializeComponents.ts"],"names":[],"mappings":"AAcA;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CA8D9C;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,OAAO,CAEpD"}
+{"version":3,"file":"initializeComponents.d.ts","sourceRoot":"","sources":["../../src/util/initializeComponents.ts"],"names":[],"mappings":"AAaA;;;;;;;;;;;GAWG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAmD9C;AAED;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,OAAO,CAEpD"}

package/dist/util/pieConfig.d.ts

@@ -0,0 +1,12 @@
+import { PieConfig } from "../types";
+export declare const PieConfigContext: import("react").Context<PieConfig | null>;
+export declare const usePieConfig: () => PieConfig;
+export declare const useApiServer: () => string;
+export declare const getApiServer: () => string;
+export declare const useCentrifugeServer: () => string | undefined;
+export declare const getCentrifugeServer: () => string | undefined;
+export declare const useIsRenderingLogEnabled: () => boolean | undefined;
+export declare const isRenderingLogEnabled: () => boolean | undefined;
+export declare const usePageProcessor: () => string | undefined;
+export declare const getPageProcessor: () => string | undefined;
+//# sourceMappingURL=pieConfig.d.ts.map

package/dist/util/pieConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pieConfig.d.ts","sourceRoot":"","sources":["../../src/util/pieConfig.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,SAAS,EAAC,MAAM,UAAU,CAAC;AAGnC,eAAO,MAAM,gBAAgB,2CAAwC,CAAA;AAErE,eAAO,MAAM,YAAY,iBAMxB,CAAA;AAGD,eAAO,MAAM,YAAY,cAGxB,CAAA;AAED,eAAO,MAAM,YAAY,cAAe,CAAA;AAGxC,eAAO,MAAM,mBAAmB,0BAG/B,CAAA;AAED,eAAO,MAAM,mBAAmB,0BAAsB,CAAA;AAEtD,eAAO,MAAM,wBAAwB,2BAGpC,CAAA;AAED,eAAO,MAAM,qBAAqB,2BAA2B,CAAA;AAE7D,eAAO,MAAM,gBAAgB,0BAG5B,CAAA;AAED,eAAO,MAAM,gBAAgB,0BAAmB,CAAA"}

package/dist/util/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/util/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAqB,MAAM,UAAU,CAAA;AAEtF,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAwCrC,wBAAgB,oBAAoB,CAAC,MAAM,EACvC,YAAY,EAAE,qBAAqB,CAAC,MAAM,CAAC,GAC5C,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAanC;AAGD,eAAO,MAAM,0BAA0B,GACnC,YAAY,qBAAqB,CAAC,GAAG,CAAC,EAAE,SAG3C,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,SAE/C,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,YAExC,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,iBAAiB,GAAG,SAEnE,CAAA;AAGD,eAAO,MAAM,gBAAgB,GACzB,MAAM,MAAM,KACb,qBAAqB,CAAC,GAAG,CAAC,GAAG,SAa/B,CAAA;AAED,eAAO,MAAM,0BAA0B,QAAO,MAAM,EAEnD,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,MAElC,CAAA"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/util/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAA;AAEjE,OAAO,EAAC,aAAa,EAAC,MAAM,OAAO,CAAA;AAsCnC,wBAAgB,oBAAoB,CAAC,MAAM,EACvC,YAAY,EAAE,qBAAqB,CAAC,MAAM,CAAC,GAC5C,aAAa,CAAC,MAAM,CAAC,GAAG,SAAS,CAInC;AAGD,eAAO,MAAM,0BAA0B,GACnC,YAAY,qBAAqB,CAAC,GAAG,CAAC,EAAE,SAG3C,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,SAE/C,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,YAExC,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,KAAG,iBAAiB,GAAG,SAEnE,CAAA;AAGD,eAAO,MAAM,gBAAgB,GACzB,MAAM,MAAM,KACb,qBAAqB,CAAC,GAAG,CAAC,GAAG,SAE/B,CAAA;AAED,eAAO,MAAM,0BAA0B,QAAO,MAAM,EAEnD,CAAA;AAED,eAAO,MAAM,eAAe,QAAO,MAElC,CAAA"}

package/dist/util/socket.d.ts

@@ -1,5 +1,5 @@
 import { Socket } from 'socket.io-client';
-export declare const getSocket: () => Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
+export declare const getSocket: (apiServer: string) => Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap>;
 declare const SocketIOContext: import("react").Context<Socket<import("@socket.io/component-emitter").DefaultEventsMap, import("@socket.io/component-emitter").DefaultEventsMap> | null>;
 export default SocketIOContext;
 //# sourceMappingURL=socket.d.ts.map

package/dist/util/socket.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"socket.d.ts","sourceRoot":"","sources":["../../src/util/socket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAK,MAAM,EAAC,MAAM,kBAAkB,CAAA;AAS3C,eAAO,MAAM,SAAS,gIAGpB,CAAA;AAUF,QAAA,MAAM,eAAe,0JAAqC,CAAA;AAE1D,eAAe,eAAe,CAAA"}
+{"version":3,"file":"socket.d.ts","sourceRoot":"","sources":["../../src/util/socket.ts"],"names":[],"mappings":"AAAA,OAAO,EAAK,MAAM,EAAC,MAAM,kBAAkB,CAAA;AAQ3C,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM,6HAGzC,CAAA;AAUF,QAAA,MAAM,eAAe,0JAAqC,CAAA;AAE1D,eAAe,eAAe,CAAA"}

package/dist/util/useIsSupported.d.ts

@@ -1,2 +1,2 @@
-export declare function useIsSupported(name: string): boolean | null;
+export declare function useIsSupported(apiServer: string, name: string): boolean | null;
 //# sourceMappingURL=useIsSupported.d.ts.map

package/dist/util/useIsSupported.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsSupported.d.ts","sourceRoot":"","sources":["../../src/util/useIsSupported.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAc3D"}
+{"version":3,"file":"useIsSupported.d.ts","sourceRoot":"","sources":["../../src/util/useIsSupported.ts"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAc9E"}

package/dist/util/useWebApp.d.ts

@@ -1,4 +1,4 @@
-import { InitData, InitDataUnsafe } from "../types";
-export declare const useWebApp: () => WebApp;
+import { InitData, InitDataUnsafe, WebApp } from '../types';
+export declare const useWebApp: () => WebApp | null;
 export declare const useInitData: () => readonly [InitDataUnsafe | undefined, InitData | undefined];
 //# sourceMappingURL=useWebApp.d.ts.map

package/dist/util/useWebApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWebApp.d.ts","sourceRoot":"","sources":["../../src/util/useWebApp.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,UAAU,CAAC;AAGlD,eAAO,MAAM,SAAS,QAgBe,MACpC,CAAA;AAED,eAAO,MAAM,WAAW,QAAO,SAAS,CAAC,cAAc,GAAG,SAAS,EAAE,QAAQ,GAAG,SAAS,CAIxF,CAAA"}
+{"version":3,"file":"useWebApp.d.ts","sourceRoot":"","sources":["../../src/util/useWebApp.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAE3D,eAAO,MAAM,SAAS,QAAO,MAAM,GAAG,IAqBrC,CAAA;AAED,eAAO,MAAM,WAAW,QAAO,SAAS,CAAC,cAAc,GAAG,SAAS,EAAE,QAAQ,GAAG,SAAS,CAIxF,CAAA"}

package/dist/util/waitForSidAvailable.d.ts

@@ -1,3 +1,2 @@
-import '../types';
-export default function waitForSidAvailable(interval?: number): Promise<unknown>;
+export default function waitForSidAvailable(interval?: number): Promise<void>;
 //# sourceMappingURL=waitForSidAvailable.d.ts.map

package/dist/util/waitForSidAvailable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"waitForSidAvailable.d.ts","sourceRoot":"","sources":["../../src/util/waitForSidAvailable.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,CAAA;AAEjB,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,QAAQ,SAAO,oBAW1D"}
+{"version":3,"file":"waitForSidAvailable.d.ts","sourceRoot":"","sources":["../../src/util/waitForSidAvailable.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,QAAQ,SAAO,iBAkB1D"}

package/dist/util/webrtcClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"webrtcClient.d.ts","sourceRoot":"","sources":["../../src/util/webrtcClient.ts"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAED,qBAAa,YAAY;IACrB,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,oBAAoB,CAAgC;IAC5D,OAAO,CAAC,qBAAqB,CAAgC;gBAEjD,OAAO,EAAE,mBAAmB;IAOxC,mBAAmB,CAAC,QAAQ,EAAE,MAAM;IAWpC,oBAAoB,CAAC,QAAQ,EAAE,MAAM;IAW/B,OAAO;IAkGb,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,YAAY;IAepB,UAAU;CAmBb"}
+{"version":3,"file":"webrtcClient.d.ts","sourceRoot":"","sources":["../../src/util/webrtcClient.ts"],"names":[],"mappings":"AAAA,UAAU,mBAAmB;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,IAAI,CAAA;IAClC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC/B;AAID,qBAAa,YAAY;IACrB,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,WAAW,CAA8B;IACjD,OAAO,CAAC,OAAO,CAAqB;IACpC,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,SAAS,CAAuC;IACxD,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,oBAAoB,CAAgC;IAC5D,OAAO,CAAC,qBAAqB,CAAgC;gBAEjD,OAAO,EAAE,mBAAmB;IAOxC,mBAAmB,CAAC,QAAQ,EAAE,MAAM;IAWpC,oBAAoB,CAAC,QAAQ,EAAE,MAAM;IAY/B,OAAO;IAuGb,OAAO,CAAC,kBAAkB;IAoB1B,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,YAAY;IAiBpB,UAAU;CAqBb"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@piedata/pieui",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "A React component library featuring PieCard component",
   "repository": {
     "type": "git",
@@ -13,7 +13,10 @@
     "pieui": "dist/cli.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src",
+    "!src/cli.ts",
+    "!src/cli-schema.d.ts"
   ],
   "sideEffects": false,
   "exports": {
@@ -31,10 +34,15 @@
   "scripts": {
     "build": "rm -rf ./dist && rm -rf pieui-*.tgz && bun run build:clean && NODE_ENV=production bun run build:esm && NODE_ENV=production bun run build:cjs && NODE_ENV=production bun run build:components:esm && NODE_ENV=production bun run build:components:cjs && NODE_ENV=production bun run build:types && NODE_ENV=production bun run build:cli && bun src/cli.ts postbuild --src-dir src --out-dir dist && bun pm pack",
     "build:clean": "rm -rf dist",
-    "build:esm": "bun build src/index.ts --outfile dist/index.esm.js --format esm --target browser --minify --external react --external react-dom --external react/jsx-runtime --external highlight.js --external rehype-highlight",
-    "build:cjs": "bun build src/index.ts --outfile dist/index.js --format cjs --target node --minify --external react --external react-dom --external react/jsx-runtime --external highlight.js --external rehype-highlight",
-    "build:components:esm": "bun build src/components/index.ts --outfile dist/components/index.esm.js --format esm --target browser --minify --external react --external react-dom --external react/jsx-runtime --external highlight.js --external rehype-highlight",
-    "build:components:cjs": "bun build src/components/index.ts --outfile dist/components/index.js --format cjs --target node --minify --external react --external react-dom --external react/jsx-runtime --external highlight.js --external rehype-highlight",
+    "build:esm": "bun build src/index.ts --outfile dist/index.esm.js --format esm --target browser --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external typescript --external typescript-json-schema --external @tanstack/react-query --minify",
+    "build:cjs": "bun build src/index.ts --outfile dist/index.js --format cjs --target node --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external typescript --external @tanstack/react-query --external typescript-json-schema --minify",
+    "build:components:esm": "bun build src/components/index.ts --outfile dist/components/index.esm.js --format esm --target browser --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external @tanstack/react-query --external typescript --external typescript-json-schema --minify",
+    "build:components:cjs": "bun build src/components/index.ts --outfile dist/components/index.js --format cjs --target node --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external typescript --external @tanstack/react-query --external typescript-json-schema --minify",
+    "build:esm:debug": "bun build src/index.ts --outfile dist/index.esm.js --format esm --target browser --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external typescript --external typescript-json-schema --external @tanstack/react-query",
+    "build:cjs:debug": "bun build src/index.ts --outfile dist/index.js --format cjs --target node --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external typescript --external @tanstack/react-query --external typescript-json-schema",
+    "build:components:esm:debug": "bun build src/components/index.ts --outfile dist/components/index.esm.js --format esm --target browser --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external @tanstack/react-query --external typescript --external typescript-json-schema",
+    "build:components:cjs:debug": "bun build src/components/index.ts --outfile dist/components/index.js --format cjs --target node --jsx=automatic --jsx-import-source=react --external react --external react-dom --external highlight.js --external rehype-highlight --external glob --external typescript --external @tanstack/react-query --external typescript-json-schema",
+    "build:debug": "rm -rf ./dist && rm -rf pieui-*.tgz && bun run build:clean && NODE_ENV=production bun run build:esm:debug && NODE_ENV=production bun run build:cjs:debug && NODE_ENV=production bun run build:components:esm:debug && NODE_ENV=production bun run build:components:cjs:debug && NODE_ENV=production bun run build:types && NODE_ENV=production bun run build:cli && bun src/cli.ts postbuild --src-dir src --out-dir dist && bun pm pack",
     "build:types": "tsc --emitDeclarationOnly",
     "build:cli": "bun build src/cli.ts --outfile dist/cli.js --format cjs --target node",
     "dev": "bun run src/index.ts",
@@ -42,6 +50,7 @@
     "lint": "echo 'Linting not configured yet'",
     "prepublishOnly": "bun run build",
     "release": "npm version patch && git push && git push --tags",
+    "release:retry": "git tag v$(node -p \"require('./package.json').version\") && git push --tags",
     "release:patch": "npm version patch && git push && git push --tags",
     "release:minor": "npm version minor && git push && git push --tags",
     "release:major": "npm version major && git push && git push --tags",
@@ -62,34 +71,29 @@
   "author": "",
   "license": "MIT",
   "peerDependencies": {
-    "react": ">=18"
+    "react": ">=19",
+    "react-dom": ">=19"
   },
   "devDependencies": {
     "@types/bun": "latest",
     "@types/glob": "^9.0.0",
-    "@types/react": ">=18",
+    "glob": "^13.0.0",
+    "typescript": ">=5",
+    "eslint-plugin-no-browser-globals": "^1.0.1",
     "typescript-json-schema": "^0.67.1"
   },
   "dependencies": {
     "@tanstack/react-query": "^5.90.20",
     "@types/radium": "^0.24.8",
+    "annyang": "^2.6.1",
     "axios": "^1.13.2",
-    "axios-cache-interceptor": "^1.11.4",
     "axios-date-transformer": "^1.2.1",
     "centrifuge": "^5.5.3",
     "clsx": "^2.1.1",
-    "glob": "^13.0.0",
     "html-react-parser": "^5.2.15",
     "mitt": "^3.0.1",
-    "nuqs": "^2.8.6",
     "radium": "^0.26.2",
-    "react-jsonr": "^0.4.0",
-    "react-markdown": "^10.1.0",
-    "react-push-notification": "^1.5.4",
-    "react-toastify": "^11.0.5",
-    "rehype-highlight": "^7.0.2",
     "socket.io-client": "^4.8.3",
-    "tailwind-merge": "^3.4.0",
-    "typescript": ">=5"
+    "tailwind-merge": "^3.4.0"
   }
 }

package/src/components/Buttons/AjaxButtonCard/index.ts

@@ -0,0 +1 @@
+export { default } from './ui/AjaxButtonCard'

package/src/components/Buttons/AjaxButtonCard/types/index.ts

@@ -0,0 +1,17 @@
+import { CSSProperties } from 'react'
+import {PieContainerComponentProps} from "../../../../types";
+
+export interface AjaxButtonCardData {
+    name: string
+    title: string
+
+    pathname?: string
+    depsNames?: string[]
+    kwargs?: Record<string, string>
+
+    iconUrl?: string
+    iconPosition?: 'start' | 'end'
+    sx?: CSSProperties
+}
+
+export interface AjaxButtonCardProps extends PieContainerComponentProps<AjaxButtonCardData> {}

package/src/components/Buttons/AjaxButtonCard/ui/AjaxButtonCard.tsx

@@ -0,0 +1,38 @@
+import {AjaxButtonCardProps} from '../types'
+import PieCard from '../../../PieCard'
+import { getAjaxSubmit } from '../../../../util/ajaxCommonUtils'
+import { useMemo } from 'react'
+import parse from 'html-react-parser'
+import Radium from "radium";
+import {sx2radium} from "../../../../util/sx2radium.ts";
+
+
+const AjaxButtonCard = ({
+    data,
+    setUiAjaxConfiguration,
+}: AjaxButtonCardProps) => {
+    const { name, title, iconUrl, iconPosition, sx, pathname, kwargs, depsNames } = data
+    const ajaxSubmit = useMemo(
+        () => getAjaxSubmit(setUiAjaxConfiguration, kwargs, depsNames, pathname),
+        [setUiAjaxConfiguration, kwargs, depsNames, pathname],
+    )
+
+    return (
+        <PieCard card={'AjaxButtonCard'} data={data}>
+            <button
+                id={name}
+                className='box-border flex min-h-12 w-full min-w-min cursor-pointer items-center justify-center rounded-[16px] border border-[#080318] bg-white text-center font-[TTForsTrial] text-[#080318] hover:bg-neutral-300'
+                value={name}
+                onClick={() => ajaxSubmit()}
+                style={sx2radium(sx)}
+                type='button'
+            >
+                {iconUrl && iconPosition === 'start' && <img src={iconUrl} alt='' />}
+                {parse(title)}
+                {iconUrl && iconPosition === 'end' && <img src={iconUrl} alt='' />}
+            </button>
+        </PieCard>
+    )
+}
+
+export default Radium(AjaxButtonCard)

package/src/components/Chats/ChatCard/index.ts

@@ -0,0 +1 @@
+export { default } from './ui/ChatCard'

package/src/components/Chats/ChatCard/types/annyang.d.ts

@@ -0,0 +1,11 @@
+declare module 'annyang' {
+    interface Annyang {
+        start: (options?: { autoRestart?: boolean; continuous?: boolean }) => void
+        abort: () => void
+        addCallback: (type: string, callback: (...args: any[]) => void) => void
+        removeCallback: (type?: string) => void
+    }
+
+    const annyang: Annyang
+    export = annyang
+}

package/src/components/Chats/ChatCard/types/index.ts

@@ -0,0 +1,59 @@
+import {ButtonHTMLAttributes, CSSProperties, DetailedHTMLProps} from 'react'
+import {PieComplexComponentProps, UIConfigType} from '../../../../types'
+
+
+export interface Option {
+    title: string
+
+    iconUrl: string
+    iconPosition: 'start' | 'end'
+    sx: CSSProperties
+}
+
+export interface Message {
+    id: string
+    username: string
+    avatar: string | null
+    content: string | UIConfigType
+    options: Option[]
+    parseMode: 'HTML' | 'Markdown' | 'Pie' | 'Text'
+    align: 'left' | 'center' | 'right'
+}
+
+export type ChatIconsType = Record<
+    'voiceRecordingIcon' | 'sendIcon' | 'cancelIcon' | 'attachFileIcon',
+    string
+>
+
+
+export interface ChatButtonProps
+    extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+    icons: ChatIconsType
+}
+
+export interface ChatCardData {
+    name: string
+
+    defaultValue: string
+    defaultMessages: Message[]
+    defaultOptions: Option[]
+
+    isArea: boolean
+    placeholder: string
+    fileAccept: string
+
+    icons: ChatIconsType
+    optionsPosition: 'top' | 'bottom'
+    sxMap: Record<'container' | 'chatInput' | 'messages', CSSProperties>
+
+    pathname?: string
+    depsNames?: string[]
+    kwargs?: Record<string, string>
+
+    useSocketioSupport?: boolean
+    useCentrifugeSupport?: boolean
+    useMittSupport?: boolean
+    centrifugeChannel?: string
+}
+
+export interface ChatCardProps extends PieComplexComponentProps<ChatCardData> {}

package/src/components/Chats/ChatCard/ui/ChatCard.tsx

@@ -0,0 +1,130 @@
+import { getAjaxSubmit } from '../../../../util/ajaxCommonUtils'
+import { ChatCardProps } from '../types'
+import PieCard from '../../../PieCard'
+import ChatCardInput, { ChatCardInputHandle } from './components/ChatCardInput'
+import MessagesBoard, { MessagesBoardHandle } from './components/MessagesBoard'
+import { useEffect, useMemo, useRef, useState } from 'react'
+
+const ChatCard = ({
+    data,
+    setUiAjaxConfiguration,
+}: ChatCardProps) => {
+    const {
+        name,
+        defaultValue,
+        defaultMessages,
+        defaultOptions,
+        isArea,
+        fileAccept,
+        placeholder,
+        icons,
+        optionsPosition,
+        sxMap = {
+            container: {},
+            chatInput: {},
+            messages: {},
+        },
+        depsNames,
+        pathname,
+        kwargs,
+        useSocketioSupport,
+        useCentrifugeSupport,
+        centrifugeChannel,
+    } = data
+
+    const inputRef = useRef<ChatCardInputHandle>(null)
+    const messagesRef = useRef<MessagesBoardHandle>(null)
+    const [dirty, setDirty] = useState<boolean>(false)
+
+    const ajaxSubmit = useMemo(
+        () => getAjaxSubmit(setUiAjaxConfiguration, kwargs, depsNames, pathname),
+        [setUiAjaxConfiguration, kwargs, depsNames, pathname],
+    )
+
+    useEffect(() => {
+        if (dirty) {
+            requestAnimationFrame(() => {
+                ajaxSubmit()
+                setDirty(false)
+            })
+        }
+    }, [dirty])
+
+    const handleOptionClick = (option: string) => {
+        if (inputRef.current) {
+            inputRef.current.setValue(option)
+            setDirty(true)
+        }
+    }
+
+    const onClearInput = () => {
+        if (inputRef.current) {
+            inputRef.current.clear()
+        }
+    }
+
+    const onSetOptions = (event: any) => {
+        if (inputRef.current) {
+            inputRef.current.setOptions(event.options)
+        }
+    }
+
+    const onAddMessage = (event: any) => {
+        if (messagesRef.current) {
+            messagesRef.current.addMessage(event.message)
+        }
+    }
+
+    const onSetMessages = (event: any) => {
+        if (messagesRef.current) {
+            messagesRef.current.setMessages(event.messages)
+        }
+    }
+
+    const handleSendMessage = () => {
+        setDirty(true)
+    }
+
+    return (
+        <PieCard
+            card='ChatCard'
+            data={data}
+            methods={{
+                clearInput: onClearInput,
+                setOptions: onSetOptions,
+                addMessage: onAddMessage,
+                setMessages: onSetMessages,
+            }}
+            useSocketioSupport={useSocketioSupport}
+            useCentrifugeSupport={useCentrifugeSupport}
+            centrifugeChannel={centrifugeChannel}
+        >
+            <div className='flex size-full flex-col' style={sxMap.container}>
+                <MessagesBoard
+                    ref={messagesRef}
+                    name={name}
+                    defaultMessages={defaultMessages}
+                    sx={sxMap.messages}
+                    handleOptionClick={handleOptionClick}
+                    setUiAjaxConfiguration={setUiAjaxConfiguration}
+                />
+                <ChatCardInput
+                    ref={inputRef}
+                    name={name}
+                    isArea={isArea}
+                    defaultOptions={defaultOptions}
+                    placeholder={placeholder}
+                    defaultValue={defaultValue}
+                    fileAccept={fileAccept}
+                    sx={sxMap.chatInput}
+                    handleSendMessage={handleSendMessage}
+                    handleOptionClick={handleOptionClick}
+                    optionsPosition={optionsPosition}
+                    icons={icons}
+                />
+            </div>
+        </PieCard>
+    )
+}
+
+export default ChatCard

package/src/components/Chats/ChatCard/ui/components/AttachFileButton.tsx

@@ -0,0 +1,48 @@
+import { RefObject } from 'react'
+import AttachFileIcon from './icons/AttachFileIcon'
+import { ChatIconsType } from '../../types'
+
+
+const AttachFileButton = ({
+    name,
+    accept,
+    fileInputRef,
+    onSelectFile,
+    icons,
+}: {
+    name: string
+    accept: string
+    fileInputRef: RefObject<HTMLInputElement>
+    onSelectFile: (file: File) => void
+    icons: ChatIconsType
+}) => {
+    return (
+        <button
+            className='rounded-md p-1 text-gray-500 ring-0 hover:bg-gray-100 disabled:opacity-40 disabled:hover:bg-transparent'
+            type='button'
+            onClick={() => {
+                if (fileInputRef.current) {
+                    fileInputRef.current.click()
+                }
+            }}
+        >
+            <input
+                id={name + "__pie__" + 'file'}
+                name={name + "__pie__" + 'file'}
+                className='hidden'
+                type='file'
+                accept={accept}
+                ref={fileInputRef}
+                onChange={(e) => {
+                    if (e.target.files) {
+                        onSelectFile(e.target.files[0])
+                    }
+                }}
+            />
+            <label htmlFor={name + "__pie__" + 'file'} />
+            {icons.attachFileIcon ? <img src={icons.attachFileIcon} alt=''/> : <AttachFileIcon/>}
+        </button>
+    )
+}
+
+export default AttachFileButton

package/src/components/Chats/ChatCard/ui/components/AttachedFileView.tsx

@@ -0,0 +1,29 @@
+import AttachedFileIcon from './icons/AttachedFileIcon'
+import CancelFileIcon from './icons/CancelFileIcon'
+
+const AttachedFileView = ({
+    name,
+    selectedFile,
+    onDropFile,
+}: {
+    name: string
+    selectedFile: File
+    onDropFile: () => void
+}) => {
+    return (
+        <div className='flex w-full cursor-default flex-row items-center gap-2'>
+            <AttachedFileIcon />
+            <span className='flex-1'>{selectedFile.name}</span>
+            <input type='hidden' name={name} value='' />
+            <button
+                className='rounded-md p-1 text-gray-500 ring-0 hover:bg-gray-100 disabled:opacity-40 disabled:hover:bg-transparent'
+                type='button'
+                onClick={onDropFile}
+            >
+                <CancelFileIcon />
+            </button>
+        </div>
+    )
+}
+
+export default AttachedFileView