@ozdao/prometheus-framework 0.0.74 → 0.0.76

package/dist/configurator/components/layouts/layoutConfigurator.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/configurator/components/pages/Styles.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/files.server.js

@@ -0,0 +1,159 @@
+"use strict";
+const _commonjsHelpers = require("./_commonjsHelpers-3b53548e.js");
+const require$$0 = require("multer");
+const require$$1 = require("path");
+const require$$2 = require("fs");
+require("jsonwebtoken");
+require("mongodb");
+const multer = require$$0;
+const path = require$$1;
+const fs = require$$2;
+const createMulterStorage = (folderName, publicPath) => {
+  return multer.diskStorage({
+    destination: function(req, file, cb) {
+      let user = {};
+      try {
+        user = JSON.parse(req.cookies.user);
+      } catch (err) {
+        return cb(new Error("Unable to parse user from cookies"));
+      }
+      if (!user._id) {
+        return cb(new Error("No user _id found in cookies"));
+      }
+      const userUploadPath = path.join(publicPath, "users", String(user._id), folderName);
+      fs.mkdirSync(userUploadPath, { recursive: true });
+      cb(null, userUploadPath);
+    },
+    filename: function(req, file, cb) {
+      cb(null, Date.now() + path.extname(file.originalname));
+    }
+  });
+};
+const createStorage = (folderName, publicPath) => {
+  return multer.diskStorage({
+    destination: function(req, file, cb) {
+      let user = {};
+      try {
+        user = JSON.parse(req.cookies.user);
+      } catch (err) {
+        return cb(new Error("Unable to parse user from cookies"));
+      }
+      if (!user._id) {
+        return cb(new Error("No user _id found in cookies"));
+      }
+      const userUploadPath = path.join(publicPath, folderName);
+      fs.mkdirSync(userUploadPath, { recursive: true });
+      cb(null, userUploadPath);
+    },
+    filename: function(req, file, cb) {
+      cb(null, Date.now() + path.extname(file.originalname));
+    }
+  });
+};
+const controllerFactory$1 = (db, publicPath) => {
+  const uploadImageController = async (req, res, next) => {
+    const upload = multer({ storage: createMulterStorage("blog", publicPath) }).single("file");
+    console.log(req.file);
+    upload(req, res, function(err) {
+      if (err instanceof multer.MulterError) {
+        console.log(err);
+        return res.status(500).json(err);
+      } else if (err) {
+        console.log(err);
+        return res.status(500).json(err);
+      }
+      if (!req.file) {
+        return res.status(400).send({ message: "No file uploaded." });
+      }
+      const user = JSON.parse(req.cookies.user);
+      res.status(200).send({
+        message: "File uploaded successfully.",
+        filename: req.file.filename,
+        filepath: `/users/${user._id}/blog/${req.file.filename}`
+      });
+    });
+  };
+  const uploadFileController = async (req, res, next) => {
+    const folderName = req.query.folderName;
+    const upload = multer({ storage: createStorage(folderName, publicPath) }).single("file");
+    upload(req, res, function(err) {
+      if (err instanceof multer.MulterError) {
+        console.log(err);
+        return res.status(500).json(err);
+      } else if (err) {
+        console.log(err);
+        return res.status(500).json(err);
+      }
+      if (!req.file) {
+        return res.status(400).send({ message: "No file uploaded." });
+      }
+      JSON.parse(req.cookies.user);
+      res.status(200).send({
+        message: "File uploaded successfully.",
+        filename: req.file.filename,
+        filepath: `/${folderName}/${req.file.filename}`
+      });
+    });
+  };
+  const uploadMultipleFile = async (req, res, next) => {
+    const folderName = req.query.folderName;
+    const upload = multer({ storage: createStorage(folderName) }).array("file");
+    upload(req, res, function(err) {
+      if (err instanceof multer.MulterError) {
+        console.log(err);
+        return res.status(500).json(err);
+      } else if (err) {
+        console.log(err);
+        return res.status(500).json(err);
+      }
+      if (!req.files || req.files.length === 0) {
+        return res.status(400).send({ message: "No file uploaded." });
+      }
+      JSON.parse(req.cookies.user);
+      res.status(200).send(req.files.map((file) => ({
+        message: "File uploaded successfully.",
+        filename: file.filename,
+        filepath: `/${folderName}/${file.filename}`
+      })));
+    });
+  };
+  return {
+    uploadImageController,
+    uploadFileController,
+    uploadMultipleFile
+  };
+};
+var files_controller = controllerFactory$1;
+const controllerFactory = files_controller;
+var files_routes = function(app, db, origins, publicPath) {
+  const controller = controllerFactory(db, publicPath);
+  app.use(function(req, res, next) {
+    const origin = req.headers.origin;
+    if (origins.includes(origin)) {
+      res.setHeader("Access-Control-Allow-Origin", origin);
+    }
+    res.header("Access-Control-Allow-Headers", "x-access-token, Origin, Content-Type, Accept");
+    next();
+  });
+  app.post(
+    "/api/upload/image",
+    controller.uploadImageController
+  );
+  app.post(
+    "/api/upload/file",
+    controller.uploadFileController
+  );
+  app.post(
+    "/api/upload/multiple",
+    controller.uploadMultipleFile
+  );
+};
+const filesController = files_controller;
+const filesRoutes = files_routes;
+var files_server = {
+  filesController,
+  filesRoutes
+  // FileModel
+};
+const files_server$1 = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(files_server);
+module.exports = files_server$1;

package/dist/files.server.mjs

@@ -0,0 +1,160 @@
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-83b1d755.mjs";
+import require$$0 from "multer";
+import require$$1 from "path";
+import require$$2 from "fs";
+import "jsonwebtoken";
+import "mongodb";
+const multer = require$$0;
+const path = require$$1;
+const fs = require$$2;
+const createMulterStorage = (folderName, publicPath) => {
+  return multer.diskStorage({
+    destination: function(req, file, cb) {
+      let user = {};
+      try {
+        user = JSON.parse(req.cookies.user);
+      } catch (err) {
+        return cb(new Error("Unable to parse user from cookies"));
+      }
+      if (!user._id) {
+        return cb(new Error("No user _id found in cookies"));
+      }
+      const userUploadPath = path.join(publicPath, "users", String(user._id), folderName);
+      fs.mkdirSync(userUploadPath, { recursive: true });
+      cb(null, userUploadPath);
+    },
+    filename: function(req, file, cb) {
+      cb(null, Date.now() + path.extname(file.originalname));
+    }
+  });
+};
+const createStorage = (folderName, publicPath) => {
+  return multer.diskStorage({
+    destination: function(req, file, cb) {
+      let user = {};
+      try {
+        user = JSON.parse(req.cookies.user);
+      } catch (err) {
+        return cb(new Error("Unable to parse user from cookies"));
+      }
+      if (!user._id) {
+        return cb(new Error("No user _id found in cookies"));
+      }
+      const userUploadPath = path.join(publicPath, folderName);
+      fs.mkdirSync(userUploadPath, { recursive: true });
+      cb(null, userUploadPath);
+    },
+    filename: function(req, file, cb) {
+      cb(null, Date.now() + path.extname(file.originalname));
+    }
+  });
+};
+const controllerFactory$1 = (db, publicPath) => {
+  const uploadImageController = async (req, res, next) => {
+    const upload = multer({ storage: createMulterStorage("blog", publicPath) }).single("file");
+    console.log(req.file);
+    upload(req, res, function(err) {
+      if (err instanceof multer.MulterError) {
+        console.log(err);
+        return res.status(500).json(err);
+      } else if (err) {
+        console.log(err);
+        return res.status(500).json(err);
+      }
+      if (!req.file) {
+        return res.status(400).send({ message: "No file uploaded." });
+      }
+      const user = JSON.parse(req.cookies.user);
+      res.status(200).send({
+        message: "File uploaded successfully.",
+        filename: req.file.filename,
+        filepath: `/users/${user._id}/blog/${req.file.filename}`
+      });
+    });
+  };
+  const uploadFileController = async (req, res, next) => {
+    const folderName = req.query.folderName;
+    const upload = multer({ storage: createStorage(folderName, publicPath) }).single("file");
+    upload(req, res, function(err) {
+      if (err instanceof multer.MulterError) {
+        console.log(err);
+        return res.status(500).json(err);
+      } else if (err) {
+        console.log(err);
+        return res.status(500).json(err);
+      }
+      if (!req.file) {
+        return res.status(400).send({ message: "No file uploaded." });
+      }
+      JSON.parse(req.cookies.user);
+      res.status(200).send({
+        message: "File uploaded successfully.",
+        filename: req.file.filename,
+        filepath: `/${folderName}/${req.file.filename}`
+      });
+    });
+  };
+  const uploadMultipleFile = async (req, res, next) => {
+    const folderName = req.query.folderName;
+    const upload = multer({ storage: createStorage(folderName) }).array("file");
+    upload(req, res, function(err) {
+      if (err instanceof multer.MulterError) {
+        console.log(err);
+        return res.status(500).json(err);
+      } else if (err) {
+        console.log(err);
+        return res.status(500).json(err);
+      }
+      if (!req.files || req.files.length === 0) {
+        return res.status(400).send({ message: "No file uploaded." });
+      }
+      JSON.parse(req.cookies.user);
+      res.status(200).send(req.files.map((file) => ({
+        message: "File uploaded successfully.",
+        filename: file.filename,
+        filepath: `/${folderName}/${file.filename}`
+      })));
+    });
+  };
+  return {
+    uploadImageController,
+    uploadFileController,
+    uploadMultipleFile
+  };
+};
+var files_controller = controllerFactory$1;
+const controllerFactory = files_controller;
+var files_routes = function(app, db, origins, publicPath) {
+  const controller = controllerFactory(db, publicPath);
+  app.use(function(req, res, next) {
+    const origin = req.headers.origin;
+    if (origins.includes(origin)) {
+      res.setHeader("Access-Control-Allow-Origin", origin);
+    }
+    res.header("Access-Control-Allow-Headers", "x-access-token, Origin, Content-Type, Accept");
+    next();
+  });
+  app.post(
+    "/api/upload/image",
+    controller.uploadImageController
+  );
+  app.post(
+    "/api/upload/file",
+    controller.uploadFileController
+  );
+  app.post(
+    "/api/upload/multiple",
+    controller.uploadMultipleFile
+  );
+};
+const filesController = files_controller;
+const filesRoutes = files_routes;
+var files_server = {
+  filesController,
+  filesRoutes
+  // FileModel
+};
+const files_server$1 = /* @__PURE__ */ getDefaultExportFromCjs(files_server);
+export {
+  files_server$1 as default
+};

package/dist/modules/community/components/elements/Textarea.vue.d.ts

@@ -9,7 +9,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly content?: any;
         readonly prop?: any;
         readonly obj?: any;
+        readonly setFocus?: any;
     };
-    $emit: (event: "focus" | "deleteBlock" | "addBlock", ...args: any[]) => void;
+    $emit: (event: "focus" | "deleteBlock" | "addBlock" | "updateBlock", ...args: any[]) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozdao/prometheus-framework",
-  "version": "0.0.74",
+  "version": "0.0.76",
   "description": "Web3 Framework focused on user experience and ease of development.",
   "author": "OZ DAO <hello@ozdao.dev>",
   "license": "GPL-3.0-or-later",
@@ -108,6 +108,14 @@
     "./modules/events/client": {
       "import": "./dist/events.client.js",
       "require": "./dist/events.client.cjs"
+    },
+    "./modules/files/client": {
+      "import": "./dist/events.client.js",
+      "require": "./dist/events.client.cjs"
+    },
+    "./modules/files/server": {
+      "import": "./dist/server.server.js",
+      "require": "./dist/server.server.cjs"
     }
   },
   "browser": {

package/src/components/Button/Button.vue

@@ -51,12 +51,12 @@
 
 		} catch (err) {
 
-			button.value.classList.replace('bg-main', 'bg-light-red');
+			button.value.classList.replace('bg-main', 'bg-fourth-nano');
 
 			error.value = '❌';
 			
 			setTimeout(() => {
-				button.value.classList.replace('bg-light-red', 'bg-main');
+				button.value.classList.replace('bg-fourth-nano', 'bg-main');
 				button.value.style.pointerEvents = 'auto';
 				loading.value = false;
 				finished.value = false;
@@ -132,7 +132,7 @@
 		transition: all 0.33s ease;
 	 
 		&:hover {
-			// background: rgba(var(--second), 1);;
+			// background: rgb(var(--second));;
 
 			opacity: 1;
 

package/src/components/EmptyState/EmptyState.vue

@@ -3,7 +3,7 @@
     <h3 class="mn-regular">{{ title }}</h3>
     <p class="mn-small t-transp p-medium">{{ description }}</p>
 
-    <button v-if="action" @click="callback" class="t-white bg-blue w-100 button">
+    <button v-if="action" @click="callback" class="t-white bg-second w-100 button">
       {{ action }}
     </button>
   </section>

package/src/components/Field/Field.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="[$attrs.class, { 'bg-light-red': validation }]" class="flex-center flex-nowrap flex">
+  <div :class="[$attrs.class, { 'bg-fourth-nano': validation }]" class="flex-center flex-nowrap flex">
     <!-- Label -->
     <div v-if="label" class="t-transp mn-r-small">
       <span>{{label}}</span>

package/src/components/FieldPhone/FieldPhone.vue

@@ -739,7 +739,7 @@
 
 <template>
   <div 
-    :class="['vue3-reactive-tel-input', { 'bg-light-red': validation }, $attrs.class, rootClass, { disabled: disabled },classes]" 
+    :class="['vue3-reactive-tel-input', { 'bg-fourth-nano': validation }, $attrs.class, rootClass, { disabled: disabled },classes]" 
     :style="[rootStyle, styles]" 
     ref="rootElement"
     >

package/src/components/Header/Header.vue

@@ -160,12 +160,12 @@
 
 <style lang="scss" scoped>
 .router-link-exact-active, .router-link-exact-active:visited  {
-	color: rgba(var(--main), 1);	
+	color: rgb(var(--main));	
 }
 
 .location-button { 
 	&:hover {
-		box-shadow: inset 0 0 0 2px var(--main);
+		box-shadow: inset 0 0 0 2px rgb(var(--main));
 	}
 }
 

package/src/components/Loader/Loader.vue

@@ -42,7 +42,7 @@ export default {
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
   stroke-linecap: round;
-  stroke: rgba(var(--main), 1);
+  stroke: rgb(var(--main));
   animation: dash 1.5s ease-in-out infinite;
 }
 
@@ -52,7 +52,7 @@ export default {
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 0.8rem;
-  color: rgba(var(--main), 1);;
+  color: rgb(var(--main));;
 }
 
 .status-text {

package/src/components/Navigation/Navigation.vue

@@ -97,7 +97,7 @@ const { t } = useI18n(text)
 <style lang="scss" scoped>
 
 .router-link-active, .router-link-exact-active {
-  color: rgba(var(--main), 1) !important;
+  color: rgb(var(--main)) !important;
 }
 
 </style>

package/src/components/Status/Status.vue

@@ -5,7 +5,7 @@
 			radius-small
 			pd-small
 			t-white 
-			bg-red
+			bg-fourth
 		">
 			<p class="w-100">
 				{{store.globals.state.error.message}}

package/src/components/Upload/Upload.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="[$attrs.class, { 'bg-light-red': validation }]" class="flex-center flex-nowrap flex">
+  <div :class="[$attrs.class, { 'bg-fourth-nano': validation }]" class="flex-center flex-nowrap flex">
     <!-- Label -->
     <div v-if="label" class="t-transp mn-r-small">
       <span>{{label}}</span>

package/src/configurator/components/layouts/layoutConfigurator.vue

@@ -0,0 +1,97 @@
+<template>
+	<section id="account" class="cols-2-1_3 gap-medium pd-big">
+    <!-- ---------------------------------------------------------------- -->
+    <!-- 02. Page Tabs  -->
+    <!-- ---------------------------------------------------------------- -->
+    <div class="pd-medium menu-tabs">
+      123
+      <!-- {{store.auth.state.access.roles}} -->
+       <!-- <button v-if="store.auth.state.access.roles.includes('ROLE_ADMIN')" @click="$router.push('/account/community')" :class="{'product-tab-active': $route.path === '/account/community'}" class="mn-small product-tab"> -->
+        <!-- Blog -->
+      <!-- </button> -->
+
+      <!-- <button v-if="store.auth.state.access.roles.includes('ROLE_ADMIN')" @click="$router.push('/account/gallery')" :class="{'product-tab-active': $route.path === '/account/gallery'}" class="mn-medium product-tab"> -->
+        <!-- Gallery -->
+      <!-- </button> -->
+      <button @click="logout()" class="w-100 mn-t-semi bg-main button">Выйти</button>
+    </div>
+    
+
+    <div class="w-100">
+      <router-view  v-slot="{ Component, route }">
+        <transition  name="scaleIn" mode="out-in">
+          <component ref="page" :key="route.path" :is="Component" />
+        </transition>
+      </router-view>
+    </div>
+ 
+  </section>
+</template>
+
+
+<script setup>
+import { computed, onMounted,reactive,toRefs } from 'vue'
+
+import { useRoute,useRouter } from 'vue-router'
+import { useStore } from '@/store';
+
+const store = useStore()
+
+const route = useRoute()
+const router = useRouter()
+
+let data = reactive({currentTab: 'user'})
+let reactiveData = toRefs(data)
+function changeTab (tab) {data.currentTab = tab; console.log(data.currentTab) }
+
+
+function logout () {
+  store.auth.actions.logout()
+  router.push({name: 'Sign In'})
+}
+
+</script>
+
+<style lang="scss">
+#account {
+  padding-top: 8rem;
+}
+.menu-tabs {
+
+  min-width: 16rem;
+  height: min-content;
+   
+  border-radius: 1rem;
+  background: #f7f7f7;
+
+  .product-tab {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+
+
+
+    background: transparent;
+
+    text-align: left;
+
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+    width: 100%;
+
+    svg { opacity: 0.33; margin-right: 1rem; }
+
+    &:hover {
+      cursor: pointer;
+    }
+    
+    &-active {
+      color: rgb(var(--main));
+      background: white;
+
+      svg { opacity: 1; path { fill: rgb(var(--main));}  }
+    }
+
+  }
+}
+</style>