@nu-art/live-docs-frontend 0.400.7

package/core/module-pack.d.ts

@@ -0,0 +1,2 @@
+export declare const ModulePack_Frontend_LiveDocs: import("../modules/ModuleFE_LiveDocs.js").ModuleFE_LiveDocs_Class[];
+export * from '../modules/ModuleFE_LiveDocs.js';

package/core/module-pack.js

@@ -0,0 +1,22 @@
+/*
+ * Live-Docs will allow you to add and edit tool-tips from within your app...
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ModuleFE_LiveDocs } from '../modules/ModuleFE_LiveDocs.js';
+export const ModulePack_Frontend_LiveDocs = [
+    ModuleFE_LiveDocs
+];
+export * from '../modules/ModuleFE_LiveDocs.js';

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./core/module-pack.js";
+export * from "./ui/LiveDoc.js";
+export * from "./utils.js";

package/index.js

@@ -0,0 +1,21 @@
+/*
+ * Permissions management system, define access level for each of
+ * your server apis, and restrict users by giving them access levels
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from "./core/module-pack.js";
+export * from "./ui/LiveDoc.js";
+export * from "./utils.js";

package/modules/ModuleFE_LiveDocs.d.ts

@@ -0,0 +1,17 @@
+import { Module } from '@nu-art/ts-common';
+import { ToastBuilder } from '@nu-art/thunderstorm-frontend/index';
+import { DB_Document, LiveDocReqParams } from '@nu-art/live-docs-shared';
+import { ApiStruct_LiveDoc } from '@nu-art/live-docs-shared/api';
+import { ApiDefCaller } from '@nu-art/thunderstorm-shared';
+export type LiveDocActionResolver = (doc: DB_Document) => ToastBuilder;
+export declare class ModuleFE_LiveDocs_Class extends Module implements ApiDefCaller<ApiStruct_LiveDoc> {
+    private docs;
+    private toasterResolver;
+    readonly v1: ApiDefCaller<ApiStruct_LiveDoc>['v1'];
+    constructor();
+    protected init(): void;
+    onGotDoc: (response: DB_Document, params: LiveDocReqParams) => Promise<void>;
+    get(key: string): DB_Document;
+    setActionsResolver(resolver: LiveDocActionResolver): void;
+}
+export declare const ModuleFE_LiveDocs: ModuleFE_LiveDocs_Class;

package/modules/ModuleFE_LiveDocs.js

@@ -0,0 +1,50 @@
+/*
+ * Live-Docs will allow you to add and edit tool-tips from within your app...
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { Module } from '@nu-art/ts-common';
+import { apiWithBody, apiWithQuery } from '@nu-art/thunderstorm-frontend/index';
+import { ApiDef_LiveDoc } from '@nu-art/live-docs-shared/api';
+import { DefaultLiveDocEditor } from '../utils.js';
+export class ModuleFE_LiveDocs_Class extends Module {
+    docs = {};
+    toasterResolver = DefaultLiveDocEditor;
+    v1;
+    constructor() {
+        super();
+        this.v1 = {
+            get: apiWithQuery(ApiDef_LiveDoc.v1.get, this.onGotDoc),
+            upsert: apiWithBody(ApiDef_LiveDoc.v1.upsert, this.onGotDoc),
+            history: apiWithQuery(ApiDef_LiveDoc.v1.history, this.onGotDoc),
+        };
+    }
+    init() {
+    }
+    onGotDoc = async (response, params) => {
+        const _doc = this.docs[params.key];
+        if (_doc && response.document === _doc.document)
+            return;
+        this.docs[params.key] = response;
+        this.toasterResolver(response).show();
+    };
+    get(key) {
+        return this.docs[key];
+    }
+    setActionsResolver(resolver) {
+        this.toasterResolver = resolver;
+    }
+}
+export const ModuleFE_LiveDocs = new ModuleFE_LiveDocs_Class();

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@nu-art/live-docs-frontend",
+  "version": "0.400.7",
+  "description": "Live docs Frontend",
+  "keywords": [
+    "TacB0sS",
+    "express",
+    "infra",
+    "live-docs",
+    "nu-art",
+    "thunderstorm",
+    "typescript"
+  ],
+  "homepage": "https://github.com/nu-art-js/thunderstorm",
+  "bugs": {
+    "url": "https://github.com/nu-art-js/thunderstorm/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com:nu-art-js/live-docs.git"
+  },
+  "publishConfig": {
+    "directory": "dist",
+    "linkDirectory": true
+  },
+  "license": "Apache-2.0",
+  "author": "TacB0sS",
+  "scripts": {
+    "build": "tsc"
+  },
+  "contributors": [
+    {
+      "name": "TacB0sS"
+    },
+    {
+      "name": "Cipher",
+      "url": "https://www.linkedin.com/in/itay-leybovich-470b87229/"
+    }
+  ],
+  "dependencies": {
+    "@nu-art/live-docs-shared": "0.400.7",
+    "@nu-art/firebase-frontend": "0.400.7",
+    "@nu-art/firebase-shared": "0.400.7",
+    "@nu-art/thunderstorm-frontend": "0.400.7",
+    "@nu-art/thunderstorm-shared": "0.400.7",
+    "@nu-art/ts-common": "0.400.7",
+    "express": "^4.18.2",
+    "firebase": "^11.9.0",
+    "firebase-admin": "13.4.0",
+    "firebase-functions": "6.3.2",
+    "moment": "^2.29.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "^6.9.0",
+    "request": "^2.88.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/express": "^4.17.17",
+    "@types/history": "^4.7.2",
+    "@types/request": "^2.48.1"
+  },
+  "unitConfig": {
+    "type": "typescript-lib"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./*": {
+      "types": "./*.d.ts",
+      "import": "./*.js"
+    }
+  }
+}

package/ui/LiveDoc.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+type State = {
+    edit?: boolean;
+};
+type Props = {
+    docKey: string;
+    component?: React.ReactNode;
+    duration?: number;
+};
+export declare class LiveDoc extends React.Component<Props, State> {
+    static defaultProps: {
+        component: string;
+    };
+    constructor(props: Props);
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/ui/LiveDoc.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Live-Docs will allow you to add and edit tool-tips from within your app...
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+import { ModuleFE_LiveDocs } from '../modules/ModuleFE_LiveDocs.js';
+const showLiveDoc = (e) => {
+    const key = e.currentTarget.id;
+    ModuleFE_LiveDocs.v1.get({ key }).execute();
+};
+export class LiveDoc extends React.Component {
+    static defaultProps = {
+        component: '?'
+    };
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        const Component = this.props.component;
+        return (_jsx("div", { className: `clickable`, id: this.props.docKey, style: { display: 'inline-block' }, onClick: showLiveDoc, children: Component || 'Click Here' }));
+    }
+}

package/utils.d.ts

@@ -0,0 +1,3 @@
+import { LiveDocActionResolver } from './modules/ModuleFE_LiveDocs.js';
+export declare const DefaultLiveDocEditor: LiveDocActionResolver;
+export declare const showEditModalExample: (docKey: string) => void;

package/utils.js

@@ -0,0 +1,51 @@
+/*
+ * Live-Docs will allow you to add and edit tool-tips from within your app...
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// import * as React from 'react';
+import { ToastBuilder } from '@nu-art/thunderstorm-frontend/index';
+export const DefaultLiveDocEditor = (doc) => {
+    return new ToastBuilder().setContent(doc.document.length === 0 ? `No Content for document with key: ${doc.document}` : doc.document);
+    // .setActions(
+    // 	[<button style={{marginRight: 8}} onClick={() => showEditModalExample(docKey)}>Edit</button>]);
+};
+export const showEditModalExample = (docKey) => {
+    // const title = "Default Edit modal";
+    //
+    // const doc = LiveDocsModule.get(docKey);
+    //
+    // const originalDoc = doc.document;
+    // const content = <TS_TextArea id={`livedoc-${docKey}`} type="text" style={{height: "110px", margin: "8px", width: "100%", outline: "none"}}
+    //                              value={doc.document}
+    //                              onChange={(value: string) => {
+    // 	                             doc.document = value;
+    // 	                             ModuleFE_Toaster.toastInfo(doc.document);
+    //                              }}/>;
+    // new Dialog_Builder(content)
+    // 	.setTitle(title)
+    // 	.setStyle({maxWidth: "400px", width: "350px", height: "220px"})
+    // 	.addButton(DialogButton_Cancel(() => {
+    // 		doc.document = originalDoc;
+    // 		ModuleFE_Dialog.close();
+    // 	}))
+    // 	.addButton(DialogButton_Save(() => {
+    // 		const liveDoc: Request_UpdateDocument = {key: docKey, document: doc.document};
+    // 		LiveDocsModule.update(liveDoc);
+    // 		ModuleFE_Dialog.close();
+    // 	}))
+    // 	.setOverlayColor("rgba(102, 255, 255, 0.4)")
+    // 	.show();
+};