Report an post
-This tool is intended for the community in a public way to help identify problematic or abusive content and for legitimate purposes.
-
To ensure the proper use of this tool, before proceeding, you must understand the following:
-{this.state.term_1 && this.state.term_2?
-
-
-I am sure and understand that the reason for this report is included in the above list.
-
{this.state.term_3? this.next()} >Next : null}
-
-
- )
- case 3:
- return (
- -
For this report or complaint to be fair, make sure that the reason is for the following reasons:
--
- Harmful content or hate speech
-- Violent or repulsive content
-- Misleading advertising or spam
-- Illegal activities
-- Sexual content
-- Or any other activity that violates the terms and conditions of use
-{this.state.term_3?
-
-I am sure of what I do and I want to send this complaint or report
-
{this.state.term_confirm? this.end()} >Send report : null}
-
-
- )
- default:
- return null
- }
- }
- validate = {
- term_1: (e) =>{this.setState({ term_1: e.target.checked })},
- term_2: (e) =>{this.setState({ term_2: e.target.checked })},
- term_3: (e) =>{this.setState({ term_3: e.target.checked })},
- confirm: (e) =>{this.setState({ term_confirm: e.target.checked })}
- }
-
- render(){
- return(
- -
Given the above circumstances, to send this report or report please confirm that you understand and are following that you want to carry out this action
-{this.state.term_confirm?
-
- )
- }
-}
-
-
-export const app_modals = {
- report_post: (post_id) => {
- antd.Modal.confirm({
- title: 'Report an post',
- icon:
-
-
-
- {this.renderStep()}
-
- An wild error appear! :
-
-
-
- ),
- placement: 'bottomLeft',
- })
- },
- proccess: (...res) => {
- antd.notification.open({
- icon: -
-
- {res.toString()}
-
- {res}
,
- placement: 'bottomLeft',
- })
- },
-}
-
-/**
- * User console with setting user permissions
- *
- * @param ... {any} Use for type of console
- */
-export const yconsole = {
- log: (...cont) => {
- SettingStoragedValue('force_showDevLogs') ? console.log(...cont) : null
- return
- },
- debug: (...cont) => {
- SettingStoragedValue('force_showDevLogs') ? console.debug(...cont) : null
- return
- },
- error: (...cont) => {
- SettingStoragedValue('force_showDevLogs') ? console.error(...cont) : null
- return
- },
- warn: (...cont) => {
- SettingStoragedValue('force_showDevLogs') ? console.warn(...cont) : null
- return
- },
-}
-
-/**
- * Request FullScreen mode
- *
- */
-export function requestFullscreen() {
- var elem = document.documentElement
- if (elem.requestFullscreen) {
- elem.requestFullscreen()
- } else if (elem.mozRequestFullScreen) {
- /* Firefox */
- elem.mozRequestFullScreen()
- } else if (elem.webkitRequestFullscreen) {
- /* Chrome, Safari and Opera */
- elem.webkitRequestFullscreen()
- } else if (elem.msRequestFullscreen) {
- /* IE/Edge */
- elem.msRequestFullscreen()
- }
-}
diff --git a/.prev/src/components/App_about/index.js b/.prev/src/components/App_about/index.js
deleted file mode 100644
index e6c4f280..00000000
--- a/.prev/src/components/App_about/index.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react'
-import styles from './index.less'
-import * as ycore from 'ycore'
-import * as antd from 'antd'
-
-export default class App_About extends React.Component {
- DetectNoNStableBuild() {
- if (ycore.package_json.DevBuild == false) {
- return
- 
-
-
-v{ycore.AppInfo.version}
- {ycore.AppInfo.stage}
- {this.DetectNoNStableBuild()}
-
-
- )
- }
-}
diff --git a/.prev/src/components/App_about/index.less b/.prev/src/components/App_about/index.less
deleted file mode 100644
index 5dd1b8b1..00000000
--- a/.prev/src/components/App_about/index.less
+++ /dev/null
@@ -1,18 +0,0 @@
-.aboutWrapper {
- margin: auto;
- max-width: 70vw;
- width: 500px;
- vertical-align: middle;
- position: relative;
- background-color: rgba(73, 72, 72, 0.349);
-
- img {
- width: 100%;
- padding: 15px;
- }
-}
-
-.appName {
- font-family: "Poppins", sans-serif;
- font-size: 27px;
-}
\ No newline at end of file
diff --git a/.prev/src/components/CustomIcons/index.js b/.prev/src/components/CustomIcons/index.js
deleted file mode 100644
index 368614d2..00000000
--- a/.prev/src/components/CustomIcons/index.js
+++ /dev/null
@@ -1,11 +0,0 @@
-const VerifiedBadge = () => ()
-const CommonThings = () => ()
-const SunSVG = () => ()
-const MoonSVG = () => ()
-const RobotOutlined = () => ()
-const SavedPost = () => ()
-const SavedPostColor = () => ()
-const SavedPostGrey = () => ()
-const TrendBlue = () => ()
-const CustomIcons = {SavedPostGrey, SavedPostColor, VerifiedBadge, CommonThings, SunSVG, MoonSVG, RobotOutlined, SavedPost}
-export default CustomIcons
diff --git a/.prev/src/components/HeaderSearch/index.js b/.prev/src/components/HeaderSearch/index.js
deleted file mode 100644
index d3aa7ccb..00000000
--- a/.prev/src/components/HeaderSearch/index.js
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, { Component } from 'react'
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import styles from './index.less'
-import classnames from 'classnames'
-import * as Icons from '@ant-design/icons'
-
-export const SetHeaderSearchType = {
- disable: () => {
- window.HeaderSearchComponent.setState({ searchidden: true })
- },
- enable: () => {
- window.HeaderSearchComponent.setState({ searchidden: false })
- },
- toPrimary: () => {
- window.HeaderSearchComponent.setState({ framelocation: 'primary' })
- },
- toSecondary: () => {
- window.HeaderSearchComponent.setState({ framelocation: 'secondary' })
- },
-}
-export default class HeaderSearch extends Component {
- constructor(props) {
- super(props)
- window.HeaderSearchComponent = this
- this.state = {
- value: '',
- searchidden: false,
- framelocation: 'primary',
- }
- }
-
- openSearcher = () => {
- const { value } = this.state
- ycore.SecondarySwap.openSearch(value);
- }
-
- sendToSearch = () => {
- const { value } = this.state
- ycore.router.go(`s/${value}`)
- }
-
- onChange = e => {
- const { value } = e.target
- this.setState({ value: value })
- if (ycore.AppSettings.auto_search_ontype == 'true') {
- this.autosend()
- }
- }
-
- autosend = () => {
- let timeout = null
- let input = document.getElementById('search_input')
- input.addEventListener('keyup', e => {
- clearTimeout(timeout)
- timeout = setTimeout(() => {
- const { value } = this.state
- ycore.router.go(`s/${value}`)
- }, 500)
- })
- }
-
- render() {
- const { searchidden } = this.state
- return (
- {ycore.AppInfo.name}
- {ycore.UUAID} --
-
-
- )
- }
-}
diff --git a/.prev/src/components/HeaderSearch/index.less b/.prev/src/components/HeaderSearch/index.less
deleted file mode 100644
index 90ab4950..00000000
--- a/.prev/src/components/HeaderSearch/index.less
+++ /dev/null
@@ -1,78 +0,0 @@
-@import '~themes/index.less';
-
-.HeaderSearchWrapper {
- z-index: 20;
- top: 0;
- display: flex;
- margin: auto;
- max-width: 510px;
- min-width: 265px;
- width: auto;
- height: 50px;
-
- &.hidden {
- display: none;
- }
-}
-
-.headerSearch {
- width: 100%;
- height: 100%;
-
- :global {
- .ant-input-affix-wrapper {
- height: 100%;
- width: 100%;
- display: flex;
-
-
- margin: 0;
- padding: 0;
-
- }
-
- .ant-input-affix-wrapper .ant-input-prefix {
- left: 12px;
- }
-
- .ant-input-affix-wrapper {
- background-color: transparent !important;
- border-color: transparent;
- border-radius: 12px;
- }
-
- .ant-input-affix-wrapper>input.ant-input {
- padding: 0 0 0 30px;
- border: inherit;
- outline: inherit;
- }
-
- .ant-input-affix-wrapper .ant-input-prefix,
- .ant-input-affix-wrapper .ant-input-suffix {
- background-color: transparent !important;
- border-color: transparent;
- border-radius: 12px;
- position: absolute;
- top: 50%;
- z-index: 2;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-align: center;
- align-items: center;
- color: rgba(0, 0, 0, .65);
- line-height: 0;
- -ms-transform: translateY(-50%);
- transform: translateY(-50%);
- color: #9d9da7 !important;
- }
-
- .ant-input {
- border-radius: 12px;
- color: #9D9DA7;
- background-color: #FFFFFF;
- border-color: transparent;
- height: 50px;
- width: 510px;
- }
- }
-}
diff --git a/.prev/src/components/Layout/Control.js b/.prev/src/components/Layout/Control.js
deleted file mode 100644
index f32b462a..00000000
--- a/.prev/src/components/Layout/Control.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react'
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import styles from './Control.less'
-
-import Radium, { StyleRoot } from 'radium'
-import { fadeInUp, bounceOutDown } from 'react-animations'
-const animationStyles = {
- fadeInUp: {
- animation: 'x 0.5s',
- animationName: Radium.keyframes(fadeInUp, 'fadeInUp'),
- },
- bounceOutDown: {
- animation: 'x 1s',
- animationName: Radium.keyframes(bounceOutDown, 'bounceOutDown'),
- },
-}
-
-export function SetControls(e) {
- window.ControlComponent.DummySetControls(e)
- return
-}
-export function CloseControls() {
- window.ControlComponent.DummyCloseControls()
- return
-}
-
-class Control extends React.Component {
- constructor(props) {
- super(props)
- window.ControlComponent = this
- this.state = {
- Show: false,
- FadeIN: true,
- }
- }
- DummySetControls = e => {
- ycore.yconsole.log('Controls recived => ', e)
- if (this.state.Show == false) {
- this.setState({ FadeIN: true })
- }
- this.setState({ Show: true, RenderFragment: e })
- }
- DummyCloseControls() {
- ycore.yconsole.log('Closing Control Bar...')
- this.setState({ FadeIN: false })
- setTimeout(() => this.setState({ Show: false, RenderFragment: null }), 1000)
- }
-
- render() {
- const { RenderFragment, Show, FadeIN } = this.state
- return Show ? (
-
-
- {RenderFragment}
-
-
-
-
- <__priSearch payload={this.state.global_raw} />
-
- )
- }
-
- renderPost = payload => {
- const post_data = JSON.parse(payload)['post_data']
- return <__priPost isMobile={this.props.isMobile} payload={post_data} />
- }
-
- renderComments = payload => {
- try {
- const post_comments = JSON.parse(payload)['post_comments']
- const post_data = JSON.parse(payload)['post_data']
- return (
- <__secComments post_id={post_data.post_id} payload={post_comments} />
- )
- } catch (error) {
- return null
- }
- }
- renderMain = payload => {
- try {
- const trending_data = JSON.parse(this.state.gen_data)['trending_hashtag']
- return(
-
- <__priSearch payload={this.state.global_raw} />
-
-
- {ycore.IsThisUser.pro()? <__pro /> : <__pro /> }
- <__trendings data={trending_data} />
-
-
-
- )
- } catch (error) {
- return null
- }
-
- }
- renderFragment = () => {
- try {
- const fragment = this.state.global_raw
- return
- {isMobile? null :
-
-
- )
- return null
-
- }
-}
diff --git a/.prev/src/components/Layout/Secondary/index.less b/.prev/src/components/Layout/Secondary/index.less
deleted file mode 100644
index 1c1eab8f..00000000
--- a/.prev/src/components/Layout/Secondary/index.less
+++ /dev/null
@@ -1,230 +0,0 @@
-@import '~themes/index.less';
-
-.__secondary_colider{
- position: relative;
- float: right;
- width: @__secondary_colider_width;
- height: 100vh;
- background-color: @__Global_layout_backgroud;
-}
-
-.secondary_wrapper {
- width: @secondary_wrapper_hidden_width;
- height: 100vh;
-
- z-index: 50;
- position: absolute;
- right: 0;
- top: 0;
- overflow-x: hidden;
-
- display: flex;
-
-
-
- &.active {
- width: @secondary_wrapper_showFull_width;
- >.secondary_container_1 {
- padding: @secondary_container_1_padding;
- }
- //@media (min-width: 1000px) {
- // width: 95.4%
- //}
- }
-
- &.mobile {
- width: 100%;
- height: 0;
- bottom: 0;
- opacity: 0;
-
- top: unset;
- overflow: hidden;
- >.secondary_layout_bg{
- border-radius: 12px 12px 0 0;
- flex-direction: column;
- overflow-y: scroll;
- overflow-x: hidden;
- width: 100%;
- }
- .secondary_container_1{
- height: 85vh;
- width: 100%;
- }
- .secondary_container_2{
- width: 100%;
- padding: 10px 10px 60px 10px;
- border-radius: 12px 12px 0 0;
- }
- :global{
- .comments_body {
- padding: 30px 10px 10px 10px;
- }
- }
-
- &.active {
- opacity: 1;
- bottom: 0;
- height: 100%;
- width: 100%;
- }
- &.half{
- opacity: 1;
- bottom: 0;
- height: 60%;
- width: 100%;
- }
- &.unique {
- opacity: 1;
- bottom: 0;
- height: 100%;
- width: 100%;
- >.secondary_layout_bg {
- background-color: #ffffff;
- padding: 0;
- border-radius: 12px 12px 0 0;
- flex-direction: column;
- overflow-y: scroll;
- overflow-x: hidden;
- width: 100%;
- }
- }
- }
-
- &.half {
- width: @secondary_wrapper_showHalf_width;
- }
- &.unique {
- width: @secondary_wrapper_showFull_width;
- >.secondary_layout_bg {
- background-color: #ffffff;
- padding-right: 90px;
- }
- }
- transition: all @__Global_SwapAnimDuration ease-in-out;
-
-}
-
-.secondary_userholder {
- right: 20px;
- top: 25px;
- display: flex;
- position: absolute;
- z-index: 51;
-
- img {
- border-radius: 15px;
- width: 40px;
- transition: all 150ms linear;
- box-shadow: 0px 0px 0 0px rgba(255, 255, 255, 0);
- }
-
- img:hover {
- box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.205);
- transition: all 150ms linear;
- }
-
- transition: all 150ms linear;
-
- .notif_box {
- margin: 0 15px 0 5px;
- width: 40px;
- height: 40px;
- border-radius: 15px;
- background-color: #78CFED;
- h1{
- line-height: 40px;
- font-size: 16px;
- color: #ffffff;
- text-align: center;
- margin: 0;
- }
- }
-}
-
-.secondary_layout_bg {
- width: 100%;
- height: 100%;
-
- right: 0;
- z-index: 50;
- position: absolute;
- display: flex;
- overflow: hidden;
-
- transition: all @__Global_SwapAnimDuration ease-in-out;
- background-color: @secondary_container_bg_background;
-
- border-radius: @__Global_layout_border-rd;
-}
-
-.secondary_container_1 {
- width: 100%;
- height: 100%;
-
- position: relative;
- padding: 30px 30px 30px 35px;
-
- color: @secondary_container_1_color;
-
- :global {
- .ant-btn {
- color: @secondary_container_1_btn_color;
- background-color: @secondary_container_1_btn_backgroud;
- border-color: transparent;
- border-radius: 12px;
- }
-
- .ant-btn:hover {
- box-shadow: @secondary_container_1_btn_shadow;
- transition: all @__Global_Components_transitions_dur linear;
- }
- }
-}
-
-.secondary_container_2 {
- position: relative;
- height: 100vh;
- width: 0;
- right: -500px;
- padding: @secondaty_container_2_padding;
-
- opacity: 0;
- color: @secondary_container_2_color!important;
- background-color: @secondary_container_2_backgroud;
-
- border-radius: 32px 0 0 32px;
-
- &.active {
- width: 400px;
- opacity: 1;
- right: 0;
- @media (min-width: 1000px) {
- width: 600px
- }
- }
-
- transition: all @__Global_SwapAnimDuration ease-in-out;
-
-}
-
-.renderSearch_wrapper {
- height: 87vh;
- overflow: hidden;
- margin: 20px 0 0 0;
- font-family: @__Global_general_font_family;
- h2 {
- color: #ffffff;
- }
-}
-
-
-.secondary_main{
- margin-top: 45px;
- width: 100%;
-}
-
-
-
-
-
diff --git a/.prev/src/components/Layout/Secondary/renders.js b/.prev/src/components/Layout/Secondary/renders.js
deleted file mode 100644
index 790355b2..00000000
--- a/.prev/src/components/Layout/Secondary/renders.js
+++ /dev/null
@@ -1,336 +0,0 @@
-import React from 'react'
-import styles from './renders.less'
-import { SearchCard } from 'components'
-
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import * as Icons from '@ant-design/icons'
-import Icon from '@ant-design/icons'
-
-import { MediaPlayer, PostCard } from 'components'
-
-const VerifiedBadge = () => (
-
-)
-
-export class __priPost extends React.Component {
- renderContent(payload) {
- const { id, postText, postFile_full, post_time, publisher } = payload
- const {isMobile}= this.props
- if (!postFile_full) {
- return (
-
- ![]()
ycore.router.go(`@${userData.username}`)}
- src={userData.avatar}
- />
-
}
-
-
-
- {this.state.notification_data.length}
-
-
-
-
- {this.state.swap || this.state.half || this.state.unique ? (
-
-
-
-
- {this.SwapBalanceContent('__sec')}
-
-
-
- {postText ? (
-
- )
- }
- return (
-
- {' '}
-
- ) : null}
-
- {postFile_full ?
- )
- }
-
- render() {
- const {payload} = this.props
- if (!payload) {
- return
- {' '}
-
- ) : null}
- This post not exists!!!
- } - const { id, postText, postFile_full, post_time, publisher } = payload - return ( -
-
- )
- }
-}
-
-export class __secComments extends React.Component {
- state = {
- comment_data: this.props.payload,
- raw_comment: '',
- loading: false,
- }
- handleDeleteComment(id) {
- ycore.yconsole.log(`Removing Comment with id => ${id}`)
- ycore.comty_post_comment.delete(
- (err, res) => {
- if (err) {
- return false
- }
- return this.reloadComments()
- },
- { comment_id: id }
- )
- }
- handleNewComment() {
- const { raw_comment } = this.state
- const { post_id } = this.props
- if (raw_comment) {
- const payload = { post_id: post_id, raw_text: raw_comment }
- ycore.comty_post_comment.new((err, res) => {
- if (err) {
- ycore.notify.error('This action could not be performed.', err)
- }
- this.setState({ raw_comment: '' })
- return this.reloadComments()
- }, payload)
- }
- return false
- }
-
- renderComment = a => {
- const { id, time, Orginaltext, publisher } = a
- const CommentMenu = (
-
-
- {this.renderContent(payload)}
-
-
- {publisher.username}{' '}
- {ycore.booleanFix(publisher.verified) ? (
-
-
-
- {publisher.username}{' '}
- {ycore.booleanFix(publisher.verified) ? (
-
- - {' '} - {post_time} {ycore.IsThisUser.dev() ? `| #${id}` : null}{' '} -
-
-
- )
- }
- HandleCommentInput = e => {
- const { value } = e.target
- this.setState({ raw_comment: value })
- }
- reloadComments() {
- try {
- this.setState({ loading: true })
- const payload = { post_id: this.props.post_id }
- ycore.comty_post.get((err, res) => {
- const post_comments = JSON.parse(res)['post_comments']
- this.setState({ comment_data: post_comments, loading: false })
- }, payload)
- } catch (error) {
- return false
- }
- }
-
- render() {
- const { comment_data, loading } = this.state
-
- return (
-
- 
-
-
-
-
- @{publisher.username}{' '}
- {ycore.booleanFix(publisher.verified) ? (
-
e.preventDefault()} - className={styles.comment_user_ago} - > - {ycore.time.stmToAgo(time)} -
-
-
- {Orginaltext}
-
-
- )
- }
-}
-
-export class __priSearch extends React.Component {
- renderResult = source => {
- try {
- const Empty = (
-
-
- Comments ({comment_data.length})
-
- {loading ? (
- this.renderComment(item)}
- />
- )}
-
-
-
-
- this.handleNewComment()}
- placeholder="Write a comment..."
- allowClear
- onChange={this.HandleCommentInput}
- />
-
-
-
- )
-
- // TO DO: Settings serach & Post Search
- const usersParsed = JSON.parse(source)['users']
- const groupsParsed = JSON.parse(source)['groups']
- const pagesParsed = JSON.parse(source)['pages']
-
- const users = () => {
- if (usersParsed.length >= 1) {
- ycore.yconsole.log('Users => ', usersParsed)
- return this.EntryComponent('Users', usersParsed)
- }
- }
- const groups = () => {
- if (groupsParsed.length >= 1) {
- ycore.yconsole.log('Groups => ', groupsParsed)
- return this.EntryComponent('Groups', groupsParsed)
- }
- }
- const pages = () => {
- if (pagesParsed.length >= 1) {
- ycore.yconsole.log('Pages => ', pagesParsed)
- return this.EntryComponent('Pages', pagesParsed)
- }
- }
-
- if (
- !usersParsed.length >= 1 &&
- !groupsParsed.length >= 1 &&
- !pagesParsed.length >= 1
- ) {
- return Empty
- }
-
- return [users(), groups(), pages()]
- } catch (error) {
- return (
- Render Error
- {ycore.router.go(`@${item.username}`)}}>
-
- }
- />
-
- )
- } catch (error) {
- return (
-
- 
-
-
- @{item.username}
- {ycore.booleanFix(item.verified) ? (
-
-
- {item.about}
-Render Error
-
- {this.renderResult(this.props.payload)}
-
- )
- }
-}
-
-export class __trendings extends React.PureComponent {
- render(){
- if (!this.props.data) return false
- return(
-
-
-
- )
- }
-}
-
-export class __pro extends React.PureComponent {
- render(){
- return(
- Trending now
- (
-
-
-
)}
- />
- #{item.tag}
-{item.trend_use_num} Posts
-
- Start now
-
- )
- }
-}
\ No newline at end of file
diff --git a/.prev/src/components/Layout/Secondary/renders.less b/.prev/src/components/Layout/Secondary/renders.less
deleted file mode 100644
index 0018d0c5..00000000
--- a/.prev/src/components/Layout/Secondary/renders.less
+++ /dev/null
@@ -1,356 +0,0 @@
-@import '~themes/index.less';
-
-.SecondaryBody {
- width: 100%;
- height: 100%;
-}
-
-.UserContainer {
- display: flex;
- position: relative;
- float: right;
- z-index: 150;
- transform: translate(0, -40px);
-
- .UserContainer_text {
- margin: 0 8px;
-
- h4 {
- text-align: right;
- }
-
- p {
- word-break: break-all;
- text-align: right;
- font-size: 11px;
- color: #eeeeee !important;
- }
- }
-
-
-}
-
-.postAvatar {
- position: absolute;
- left: -8px;
- top: -8px;
- display: flex;
-}
-
-.titleUser {
- display: flex;
- font-family: 'Poppins', sans-serif;
- margin: 0 0 0 50px;
- color: #ffffff !important;
-}
-
-.textAgo {
- display: flex;
- font-size: 10px;
- margin: 0 0 0 53px;
-}
-
-.PostTags {
- float: right;
- width: 100%;
- z-index: 10;
-
- :global {
- .anticon {
- color: rgb(249, 179, 64);
- float: right;
- margin: -0 6px 0 0;
- ;
- font-size: 17px;
- }
-
- .MoreMenu {
- color: #2d2d2d !important;
- }
- }
-}
-
-.titleWrapper {
- display: flex;
-
- h4 {
- cursor: pointer;
- }
-
- color: #ffffff !important;
-
-}
-
-.contentWrapper {
- margin: auto;
- width: 100%;
- padding: 20px;
-}
-
-
-.postContent {
- word-break: break-all;
- position: absolute;
- vertical-align: bottom;
- border-radius: 7px;
- bottom: 0;
- max-width: 50vw;
-
- background-color: #2d2d2d4b;
- padding: 10px;
-
- h3 {
- font-family: "Poppins", sans-serif;
- color: #ffffff;
- font-weight: 400;
- font-size: 15px;
- letter-spacing: -0.3px;
- }
-}
-
-.postContent_OnlyText {
- padding: 25% 0 0 0;
- position: relative;
- vertical-align: middle;
-
-}
-
-
-.likebtn {
- :global {
- svg {
- color: rgba(0, 0, 0, 0.45);
- }
-
- svg:hover {
- color: rgb(233, 35, 68);
- transition: all 0.2s linear;
- }
- }
-}
-
-.comments_body {
- height: 100%;
- font-family: "Poppins", sans-serif;
- padding: 75px 10px 10px 20px;
-
- .comments_body_title {
- font-size: 12px;
-
- h1 {
- font-weight: 550;
- letter-spacing: 0.01px;
- }
- }
-
- .comments_cards_wrapper {
- z-index: 50;
- overflow: scroll;
- height: 84%;
- :global {
- overflow: scroll;
- }
-
- .comment_card {
- position: relative;
- width: 100%;
- background-color: #ffffff;
- word-break: break-all;
-
- .comment_title {
- display: flex;
-
- img {
- float: left;
- width: 30px;
- height: 30px;
- border-radius: 12px;
- }
-
- .comment_user_username {
- margin: 0 5px 0 8px;
- vertical-align: middle;
- height: 100%;
- color: #2d2d2d;
- line-height: 25px;
- }
-
- .comment_user_ago {
- cursor: pointer;
- position: absolute;
- right: 0;
- text-align: right;
- font-size: 9px;
- }
- }
-
- .comment_text {
- margin: 10px 0 0 0;
- }
-
- }
- }
-
- .comment_box {
- width: 100%;
- bottom: 0;
- right: 0;
- position: absolute;
- z-index: 100;
- background-color: #ffffffd7;
- padding-top: 20px;
- padding-bottom: 60px;
- border-radius: 0 0 0 32px;
-
- .comment_box_body {
- border-radius: 5px;
- width: 85%;
- height: 40px;
- margin: auto;
- background-color: #f8f6f8;
-
- :global {
-
- .ant-input-affix-wrapper,
- .ant-input {
- padding: 4px 5px;
- background-color: transparent;
- border: 0;
- }
- }
- }
- }
-
-}
-
-.search_wrapper{
- color: #ffffff;
- height: 100%;
- width: 82%;
- margin: auto;
- :global{
- .ant-result-title{
- color: @secondary_container_1_color!important;
- }
- .ant-result-subtitle{
- color: @secondary_container_1_color!important;
-
- }
- .ant-list-items{
- height: 82vh;
- overflow: scroll;
- }
- }
-}
-
-.search_card {
- position: relative;
- background-color: rgba(255, 255, 255, 0.034);
- margin: 10px 0 10px 0;
- border-radius: 8px;
- padding: 10px;
- word-break: break-all;
- color: #ffffff;
- cursor: pointer;
-
- .search_title {
- display: flex;
-
- img {
- float: left;
- width: 30px;
- height: 30px;
- border-radius: 12px;
- }
-
- .search_user_username {
- margin: 0 5px 0 8px;
- vertical-align: middle;
- height: 100%;
- color: #ffffff;
- line-height: 25px;
- }
- }
-
- .search_text {
- margin: 10px 0 0 0;
- }
-
-}
-
-.secondary_hastags {
- font-family: @__Global_general_font_family;
- color: #ffffff;
- font-size: 12px;
-
-
- .secondary_hastags_title{
- h2{color: #ffffff;}
- }
-
- .secondary_hastags_body{
- margin: 20px 0 0 0;
- background-color: hsl(0, 0%, 21%);
- border-radius: 12px;
- word-break: break-all;
- padding: 5px 5px 5px 10px;
- height: auto;
-
- .hash{
- margin: 5px 0 3px 0;
- cursor: pointer;
- }
-
- p{
- margin: 0;
- color: #2196F3;
- font-size: 12px;
- max-height: 35px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- }
-
- }
-
-}
-
-
-
-
-.secondary_adv_pro{
- border-radius: 12px;
- // background-color: #ff4d4e;
- background: rgb(255,77,78);
- background: linear-gradient(49deg, rgba(255,77,78,1) 15%, rgba(255,87,56,1) 55%, rgba(255,97,36,1) 73%, rgba(255,105,19,1) 82%, rgba(255,114,0,1) 94%);
-
- margin: 70px 0 30px 0;
- padding: 14px;
-
- width: 100%;
- height: 140px;
-
- h1{
- color: #ffffff;
- font-family: "Poppins", sans-serif;
- font-size: 18px;
- margin-bottom: 0;
- }
- p{
- font-size: 9px;
-
- }
-
- :global{
- .ant-btn{
- vertical-align: bottom;
- border: 0;
- background-color: #d24345a2;
- border-radius: 7px;
- height: 27px;
- padding: 2px 7px;
- font-size: 12px;
- font-weight: 600;
- }
- }
-}
\ No newline at end of file
diff --git a/.prev/src/components/Layout/Sider/default.js b/.prev/src/components/Layout/Sider/default.js
deleted file mode 100644
index e3f6de52..00000000
--- a/.prev/src/components/Layout/Sider/default.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from 'react'
-import * as antd from 'antd'
-import * as Icons from '@ant-design/icons'
-import Icon from '@ant-design/icons'
-
-import { withI18n, Trans } from '@lingui/react'
-import styles from './default.less'
-import * as ycore from 'ycore'
-import CustomIcons from '../../CustomIcons'
-
-@withI18n()
-export default class Sider_Default extends React.PureComponent {
- render() {
- const { handleClickMenu, logo } = this.props
- return (
- - Go Pro! -
-Sabias que la frase de kintxi, se hace la que no me conoze se hizo mientras estaba borracho
-
-
-
-
- )
- }
-}
diff --git a/.prev/src/components/Layout/Sider/default.less b/.prev/src/components/Layout/Sider/default.less
deleted file mode 100644
index 35b6478c..00000000
--- a/.prev/src/components/Layout/Sider/default.less
+++ /dev/null
@@ -1,137 +0,0 @@
-@import '~themes/index.less';
-
-
-.left_sider_wrapper {
- border-color: transparent;
- font-size: 13px;
- font-family: @__Global_general_font_family;
- height: 100vh;
- z-index: 40;
- float: left;
- position: relative;
-
- :global {
- .ant-layout-sider {
- background-color: @left_sider_backgroud;
-
- .ant-menu {
- vertical-align: middle;
- margin: 0 0 0 5px;
- }
-
- .ant-menu-item {
- color: @left_sider_color;
- }
-
- .anticon {
- font-size: @left_sider_sizeIcons;
- }
-
- .ant-menu-inline-collapsed,
- .antd-menu-vertical-left,
- .ant-menu-vertical {
- :hover {
- background-color: @left_sider_menu__onhover_backgroud;
- color: @left_sider_menu__onhover_color;
- }
-
- border-right: 0 solid transparent;
- }
- }
- }
-}
-
-
-.left_sider_brandholder {
- cursor: pointer;
-
- img {
- display: flex;
- vertical-align: middle;
- padding: 5px;
- margin: 7px auto 15px auto;
- width: 100%;
- max-height: 58px;
- transform: translate(2px, 0);
- }
-}
-
-.something_thats_pulling_me_down {
- margin: 0 0 12px 0;
- :global {
- text-align: center;
- bottom: 0;
- position: absolute;
- width: 100%;
- .anticon{
- font-size: 15px!important;
- }
- .ant-menu-item{
- height: 35px!important;
- line-height: 0px!important;
- padding: 0!important;
- margin: 0!important;
- }
- }
-}
-
-.left_sider_container {
- border-right: transparent;
- height: 100%;
- z-index: 50;
-}
-
-.left_sider_menuContainer {
- height: 100%;
- margin: 18px 0 8px 0;
-
- overflow-x: hidden;
- flex: 1;
-
- :global {
- .ant-layout-sider-children {
- display: flex;
- flex-direction: column;
- justify-content: space-between;
- }
-
- .ant-layout-sider-collapsed {
- .ant-menu-item {
- left: 0;
- margin: 0;
- padding: 0;
- }
-
- .ant-menu-inline-collapsed>.ant-menu-item {
- padding: 0;
- left: 0;
- }
- }
-
- .ant-menu-inline .ant-menu-item {
- font-family: @__Global_general_font_family;
- }
-
- .ant-menu-dark .ant-menu-item a {
- color: rgb(197, 197, 197);
- }
- }
-}
-
-.left_sider_menuItems {
- background-color: transparent;
- margin-bottom: 8px;
- width: 100%;
- font-weight: 500;
-
- animation: fadein 0.5s;
-
- :global {
- .ant-menu-item {
- padding: 0 !important;
- margin: 2px auto 2px auto;
- width: 100%;
- text-align: center;
- }
- }
-}
\ No newline at end of file
diff --git a/.prev/src/components/Layout/Sider/index.js b/.prev/src/components/Layout/Sider/index.js
deleted file mode 100644
index bd8b1202..00000000
--- a/.prev/src/components/Layout/Sider/index.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react'
-import { config } from 'utils'
-import * as ycore from 'ycore'
-
-import Sider_Mobile from './mobile.js'
-import Sider_Default from './default.js'
-
-class Sider extends React.PureComponent {
-
- onClickFunctions = {
- saves: (e) => {
- this.setState({selectedKey: e})
- ycore.router.go('saves')
- },
- events: (e) => {
- this.setState({selectedKey: e})
- ycore.router.go('events')
- },
- marketplace: (e) => {
- this.setState({selectedKey: e})
- ycore.router.go('marketplace')
- },
- explore: (e) => {
- this.setState({selectedKey: e})
- ycore.router.go('main')
- },
- }
-
- handleClickMenu = e => {
- e.key === 'SignOut' && ycore.app_session.logout()
- e.key === 'general_settings' && ycore.router.go('settings')
- e.key === 'profile' && ycore.router.goprofile()
- e.key === 'saves' && this.onClickFunctions.saves(e.key)
- e.key === 'events' && this.onClickFunctions.events(e.key)
- e.key === 'marketplace' && this.onClickFunctions.marketplace(e.key)
- e.key === 'explore' && this.onClickFunctions.explore(e.key)
- e.key === 'debug_area' && ycore.router.go('__m')
- }
-
- render() {
- const { isMobile } = this.props
- const sider_props = {handleClickMenu: this.handleClickMenu ,logo: config.LogoPath, menulist: null, userData: this.props.userData}
-
- if (isMobile) {
- return
- ![]()
ycore.router.go('main')}
- src={logo}
- />
-
-
-
-
-
-
-
- Explore
-
-
-
-
-
- Saves
-
-
-
-
-
-
-
- Marketplace
-
-
-
-
-
-
-
- Events
-
-
-
-
-
-
-
-
-
-
- Settings
-
-
- {ycore.IsThisUser.dev() ? (
-
-
- ) : (
- undefined
- )}
-
-
-
- Logout
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- )
- }
-}
diff --git a/.prev/src/components/Layout/Sider/mobile.less b/.prev/src/components/Layout/Sider/mobile.less
deleted file mode 100644
index fcc8eb2a..00000000
--- a/.prev/src/components/Layout/Sider/mobile.less
+++ /dev/null
@@ -1,50 +0,0 @@
-@import '~themes/index.less';
-
-
-.left_sider_wrapper {
- overflow: hidden!important;
- position: absolute;
- z-index: 500;
- bottom: 0;
- right: 0;
- left: 0;
-
- height: 50px;
- width: 100%;
-
- border-color: transparent;
- font-size: 13px;
- font-family: @__Global_general_font_family;
- padding: 0 27px;
-
- :global {
- .ant-layout-sider {
- background-color: transparent;
- height: 100%;
-
- .ant-menu-item {color: @left_sider_color;}
- .anticon {font-size: @left_sider_sizeIcons;}
- .ant-menu-item{margin: auto; padding: 0;}
-
- .ant-menu {
- background-color: #2d2d2d;
- height: 100%;
- border-radius: 27px 27px 0 0;
- padding: 0 27px;
- display: flex;
- }
-
- .ant-menu-horizontal {
- line-height: 46px;
- white-space: nowrap;
- border: 0;
- border-bottom: 0;
- box-shadow: none;
- }
- }
- }
-
-
-
-}
-
diff --git a/.prev/src/components/Layout/index.js b/.prev/src/components/Layout/index.js
deleted file mode 100644
index 7ad2e67a..00000000
--- a/.prev/src/components/Layout/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import Sider from './Sider/index.js'
-import Control from './Control'
-import Secondary from './Secondary/index.js'
-
-export { Sider, Control, Secondary }
diff --git a/.prev/src/components/Like_button/index.js b/.prev/src/components/Like_button/index.js
deleted file mode 100644
index 018b53c8..00000000
--- a/.prev/src/components/Like_button/index.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import React from 'react'
-import styles from './index.scss'
-import * as ycore from 'ycore'
-import classnames from 'classnames'
-
-class Like_button extends React.PureComponent {
- constructor(props) {
- super(props),
- this.state = {
- liked: this.props.liked,
- likes: this.props.count,
- type: this.props.liked ? 'dislike' : 'like',
- clicked: false,
- }
- }
-
- SumLike() {
- this.setState({
- likes: parseInt(this.state.likes) + 1,
- type: 'dislike',
- })
- setTimeout(() => {
- this.setState({ liked: true })
- }, 500)
- }
- RestLike() {
- this.setState({
- likes: parseInt(this.state.likes) - 1,
- type: 'like',
- })
- setTimeout(() => {
- this.setState({ liked: false })
- }, 500)
- }
-
- dispatchLike(e) {
- const { type } = this.state
- ycore.yconsole.log(`Dispatch ${type} to post id => ${e}`)
- this.setState({ clicked: true })
- setTimeout(() => {
- this.setState({ clicked: false })
- }, 500)
- const payload = { post_id: e }
- ycore.comty_post.like((err, res) => {
- if (err) {
- ycore.notify.error(res)
- return
- }
- if (type == 'like') {
- this.SumLike()
- }
- if (type == 'dislike') {
- this.RestLike()
- }
- }, payload)
- }
- render() {
- const { id } = this.props
- const { likes, liked, clicked } = this.state
- if (!id) {
- ycore.yconsole.error('[LikeBTN] No post id provided!')
- return null
- }
- return (
-
-
-
- )
- }
-}
-
-export default Like_button
diff --git a/.prev/src/components/Like_button/index.scss b/.prev/src/components/Like_button/index.scss
deleted file mode 100644
index 2f10bdf9..00000000
--- a/.prev/src/components/Like_button/index.scss
+++ /dev/null
@@ -1,205 +0,0 @@
- .like_button,
- .like_button:before,
- .like_button:after {
- position: relative;
- box-sizing: border-box;
- }
-
- .ripple,
- .ripple:before,
- .ripple:after {
- position: relative;
- box-sizing: border-box;
- }
-
- .btnWrapper {
- display: flex;
- }
-
- .likeCounter {
- font-family: "Poppins", sans-serif;
- line-height: 70px;
- margin: 0 0 0 10px;
-
- opacity: 0;
- transform: perspective(100px) translateZ(10px);
- filter: blur(10px);
- letter-spacing: 0.1em;
-
- &.active {
- opacity: 1;
- transform: perspective(100px) translateZ(0px);
- filter: blur(0px);
- letter-spacing: 0.15em;
- transition: opacity 1000ms linear, transform 1000ms linear, filter 400ms linear, letter-spacing 1000ms linear;
- }
-
- &.past {
- opacity: 0;
- transform: perspective(100px) translateZ(-10px);
- filter: blur(10px);
- letter-spacing: 0.2em;
- transition: opacity 1000ms linear, transform 1000ms linear, filter 400ms linear, letter-spacing 1000ms linear;
- }
-
- }
-
- .like_button {
- --color-heart: #EA442B;
- --easing: cubic-bezier(.7, 0, .3, 1);
- --duration: .5s;
-
- font-size: 40px;
- border: none;
- border-radius: 50%;
- background: white;
- width: 1em;
- height: 1em;
- padding: 0;
- margin: 0;
- outline: none;
- z-index: 2;
- transition: transform var(--duration) var(--easing);
- cursor: pointer;
-
- &:before {
- z-index: -1;
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border-radius: inherit;
- transition: inherit;
- }
-
- &:after {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #fff;
- border-radius: inherit;
- z-index: -1;
- }
-
-
-
-
- @keyframes depress {
-
- from,
- to {
- transform: none;
- }
-
- 50% {
- transform: translateY(5%) scale(0.9);
- }
- }
-
- @keyframes depress-shadow {
-
- from,
- to {
- transform: none;
- }
-
- 50% {
- transform: scale(0.5);
- }
- }
- }
-
- .like_wrapper {
- display: grid;
- align-items: center;
- justify-content: center;
- z-index: 1;
-
- >* {
- margin: auto;
- grid-area: 1 / 1;
- }
- }
-
- .heart {
- width: .5em;
- height: .5em;
- display: block;
- transform-origin: center 80%;
-
- >path {
- stroke: var(--color-heart);
- stroke-width: 2;
- transition: fill var(--duration) var(--easing);
- fill: var(--color-heart);
- }
-
- &.empty {
- >path {
- stroke: var(--color-heart);
- stroke-width: 2;
- transition: fill var(--duration) var(--easing);
- fill: transparent;
- }
- }
-
- &.clickanim {
- animation: heart-bounce var(--duration) var(--easing);
-
- @keyframes heart-bounce {
- 40% {
- transform: scale(0.7);
- }
-
- 0%,
- 80%,
- 100% {
- transform: scale(1);
- }
- }
- }
-
- animation: none;
- }
-
- .ripple {
- height: 1em;
- width: 1em;
- border-radius: 50%;
- overflow: hidden;
- z-index: 1;
-
- &:before {
- content: '';
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- border: .4em solid var(--color-heart);
- border-radius: inherit;
- transform: scale(0);
- }
-
- &.clickanim {
- &:before {
- animation: ripple-out var(--duration) var(--easing);
-
- @keyframes ripple-out {
- from {
- transform: scale(0);
- }
-
- to {
- transform: scale(5);
- }
- }
- }
- }
-
- }
diff --git a/.prev/src/components/Loader/Loader.js b/.prev/src/components/Loader/Loader.js
deleted file mode 100644
index 78f4b8da..00000000
--- a/.prev/src/components/Loader/Loader.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react'
-import classNames from 'classnames'
-import styles from './Loader.less'
-
-const Loader = (loading) => {
- return (
- - {likes} -
-
- Loading...
-
-
- )
-}
-
-
-export default Loader
diff --git a/.prev/src/components/Loader/Loader.less b/.prev/src/components/Loader/Loader.less
deleted file mode 100644
index 87342ddf..00000000
--- a/.prev/src/components/Loader/Loader.less
+++ /dev/null
@@ -1,118 +0,0 @@
-@import '~themes/index.less';
-
-.wrapper {
- font-family: @__Global_general_font_family;
- color: white;
- line-height: 55px;
- span{
- margin: 0 10px 0 auto;
- }
-
- position: absolute;
- z-index: 1000;
- right: 0;
- bottom: 0;
- width: 140px;
- height: 55px;
- display: flex;
- flex-direction: row;
- justify-content: space-around;
- background-color: #2d2d2dc2;
- border-radius: 28px;
- margin: 10px;
-
-
- &.end {
- animation: unshow 0.8s linear;
- .newloader>div {
- animation: loader 0.8s linear;
- }
- opacity: 0;
- display: none;
- }
-
- .newloader {
- transform: translate(21px,27px) scale(0.3);
- width: 0px;
- height: 0px;
- margin: 0 45px 0 0;
- position: relative;
- }
-
- .newloader>div {
- width: 6px;
- height: 20px;
- position: absolute;
- left: -10px;
- bottom: 15px;
- border-radius: 5px;
- transform-origin: 10px 35px;
- transform: rotate(0deg);
- animation: loader 0.8s infinite;
- }
-
- .newloader>div:nth-child(2) {
- transform: rotate(45deg);
- animation-delay: 0.1s;
- }
-
- .newloader>div:nth-child(3) {
- transform: rotate(90deg);
- animation-delay: 0.2s;
- }
-
- .newloader>div:nth-child(4) {
- transform: rotate(135deg);
- animation-delay: 0.3s;
- }
-
- .newloader>div:nth-child(5) {
- transform: rotate(180deg);
- animation-delay: 0.4s;
- }
-
- .newloader>div:nth-child(6) {
- transform: rotate(225deg);
- animation-delay: 0.5s;
- }
-
- .newloader>div:nth-child(7) {
- transform: rotate(270deg);
- animation-delay: 0.6s;
- }
-
- .newloader>div:nth-child(8) {
- transform: rotate(315deg);
- animation-delay: 0.7s;
- }
-}
-
-@keyframes loader {
- 0% {
- background: transparent;
- left: -10px;
- transform-origin: 10px 35px;
- }
-
- 30% {
- background: #fff;
- }
-
- 100% {
- background: transparent;
- left: 10px;
- transform-origin: -10px 35px;
- }
-}
-
-@keyframes unshow {
- 0% {
- opacity: 1;
- display: block;
- }
-
- 100% {
- opacity: 0;
- display: none;
- }
-}
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/index.js b/.prev/src/components/MainFeed/components/index.js
deleted file mode 100644
index 2042fda5..00000000
--- a/.prev/src/components/MainFeed/components/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import ComponentNewAV from './newav'
-import ComponentInvalid from './invalid'
-import renderFeedPosts from './renderFeedPosts'
-
-export { ComponentNewAV, ComponentInvalid, renderFeedPosts }
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/invalid/index.js b/.prev/src/components/MainFeed/components/invalid/index.js
deleted file mode 100644
index 80f65615..00000000
--- a/.prev/src/components/MainFeed/components/invalid/index.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Card } from 'antd'
-import { ExclamationCircleOutlined } from '@ant-design/icons'
-
-const ComponentInvalid = fn => {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- If this error has occurred several times, try restarting the app
-
-
-
-
- )
-}
-
-export default ComponentNewAV
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/newav/newav.less b/.prev/src/components/MainFeed/components/newav/newav.less
deleted file mode 100644
index 9e5529d8..00000000
--- a/.prev/src/components/MainFeed/components/newav/newav.less
+++ /dev/null
@@ -1,3 +0,0 @@
-.main_feed_newav{
-
-}
\ No newline at end of file
diff --git a/.prev/src/components/MainFeed/components/renderFeedPosts/index.js b/.prev/src/components/MainFeed/components/renderFeedPosts/index.js
deleted file mode 100644
index 9f24b228..00000000
--- a/.prev/src/components/MainFeed/components/renderFeedPosts/index.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import React from 'react'
-import { PostCard } from 'components'
-import { yconsole } from 'ycore'
-import { Button, List } from 'antd'
-import { DownSquareOutlined } from '@ant-design/icons'
-const renderFeedPosts = payload => {
- const { data, loading, isEnd, feedGet } = payload
- const loadMore =
- !isEnd && !loading ? (
-
- }
- onClick={() => feedGet.more()}
- />
-
- ) : null
- try {
- yconsole.log(data)
- return (
- - (
-
- {menuMap[item]} - )) - } - - selectKey = key => { - this.setState({ - selectKey: key, - }) - } - - renderChildren = () => { - const { selectKey } = this.state - switch (selectKey) { - case 'base': - return
-
- )}
- />
- )
- } catch (err) {
- return false
- }
-}
-
-export default renderFeedPosts
diff --git a/.prev/src/components/MainFeed/index.js b/.prev/src/components/MainFeed/index.js
deleted file mode 100644
index e48e13e0..00000000
--- a/.prev/src/components/MainFeed/index.js
+++ /dev/null
@@ -1,186 +0,0 @@
-import React from 'react'
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import styles from './index.less'
-
-import { ComponentNewAV, ComponentInvalid, renderFeedPosts } from './components/index.js'
-
-export const RenderFeed = {
- RefreshFeed: () => {
- window.MainFeedComponent.feedGet.first()
- return
- },
- killByID: post_id => {
- window.MainFeedComponent.killByID(post_id)
- return
- },
- addToRend: payload => {
- window.MainFeedComponent.addToRend(payload)
- return
- },
- goToElement: post_id => {
- ycore.goTo.element(post_id)
- },
- disableMenu: () => {
- window.MainFeedComponent.setState({
- disableMenu: true,
- })
- },
- sync: (c) => {
- window.MainFeedComponent.syncService(c)
- return
- }
-}
-class MainFeed extends React.PureComponent {
- constructor(props) {
- super(props)
- window.MainFeedComponent = this
- this.state = {
- NewAV: false,
- invalid: false,
- loading: false,
- disableMenu: false,
- data: [],
- fkey: 0,
- }
- }
-
- componentDidMount() {
- this.feedGet.first()
- ycore.sync.FeedListen((data) => {
- this.syncService(data)
- })
- }
-
- toogleLoader() {
- this.setState({ loading: !this.state.loading })
- }
-
- syncService(data){
- if (!data) return false
- const { last_post_id, now } = data
- const first = this.state.data[0]
- if (first){
- const a = first.id
- console.log(` SYNC => ${last_post_id} | LAST => ${a}`)
- if(last_post_id>a){
- this.setState({ NewAV: true })
- }
- }
- }
-
- killByID(post_id) {
- const a = this.state.data
- const b = ycore.arrayRemoveByID(a, post_id)
- this.setState({ data: b })
- }
-
- addToRend(payload) {
- let a = this.state.data
- a.unshift(payload)
- this.setState({ data: a })
- }
-
- feedGet = {
- first: ()=>{
- try {
- const { get, uid, filters } = this.props
- if (this.props.custompayload) {
- this.setState({
- isEnd: true,
- NewAV: false,
- data: this.props.custompayload,
- loading: false,
- })
- return
- }
- if (!get) {
- ycore.yconsole.error('Please, fill params with an catch type...')
- return
- }
- this.toogleLoader()
- const payload = { fkey: 0, type: get, id: uid }
- ycore.comty_post.getFeed((err, res) => {
- if (err) {
- ycore.notify.error('Error when get data from this input')
- return
- }
- if (JSON.parse(res).api_status == '400') {
- this.setState({ invalid: true })
- return
- }
- try {
- const parsed = JSON.parse(res)['data']
- const isEnd =parsed.length < ycore.AppSettings.limit_post_catch ? true : false
- this.setState({ NewAV: false, isEnd: isEnd, data: parsed, loading: false })
- } catch (error) {
- ycore.yconsole.log(error)
- }
- }, payload)
- } catch (err) {
- ycore.notify.error('err')
- }
- },
- more(fkey){
- try {
- const { get, uid, filters } = this.props
- if (!get) {
- ycore.yconsole.error('Please, fill params with an catch type...')
- return
- }
- if (!fkey) {
- ycore.yconsole.warn(
- 'Please, provide a fkey for offset the feed, default using => 0'
- )
- }
- this.toogleLoader()
- const getLastPost = ycore.objectLast(this.state.data)
- ycore.yconsole.log('LAST POST ID =>', getLastPost.id)
-
- const payload = { fkey: getLastPost.id, type: get, id: uid }
- ycore.comty_post.getFeed((err, res) => {
- if (err) {
- return false
- }
- const oldData = this.state.data
- const parsed = JSON.parse(res)['data']
- const mix = oldData.concat(parsed)
- const isEnd =
- parsed.length < ycore.AppSettings.limit_post_catch ? true : false
- this.setState({ isEnd: isEnd, data: mix, loading: false }, () =>
- ycore.goTo.element(getLastPost.id)
- )
- return true
- }, payload)
- } catch (err) {
- ycore.notify.error(err)
- }
- }
- }
-
-
- render() {
- const { data, loading, isEnd, invalid, NewAV } = this.state
- const renderFeedPosts_payload = {data: data, loading: loading, isEnd: isEnd, feedGet: this.feedGet}
-
- if (invalid){
- return ComponentInvalid()
- }
- if (loading) {
- return (
-
- {NewAV? ComponentNewAV(() => this.feedGet.first()) : null}
- {renderFeedPosts(renderFeedPosts_payload)}
-
- )
- }
- }
-}
-export default MainFeed
diff --git a/.prev/src/components/MainFeed/index.less b/.prev/src/components/MainFeed/index.less
deleted file mode 100644
index 599b9120..00000000
--- a/.prev/src/components/MainFeed/index.less
+++ /dev/null
@@ -1,4 +0,0 @@
-.main_feed_wrapper{
- scroll-behavior: smooth;
-
-}
diff --git a/.prev/src/components/MediaPlayer/index.js b/.prev/src/components/MediaPlayer/index.js
deleted file mode 100644
index 3854396b..00000000
--- a/.prev/src/components/MediaPlayer/index.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import styles from './index.less'
-
-export default class MediaPlayer extends React.PureComponent {
- player() {
- const { file } = this.props
- let type
-
- const ImageExtensions = ['.png', '.jpg', '.jpeg', '.gif']
- const VideoExtensions = ['.mp4', '.mov', '.avi']
- const AudioExtensions = ['.mp3', '.ogg', '.wav']
-
- const FilesAllowed = ImageExtensions.concat(
- VideoExtensions,
- AudioExtensions
- )
-
- for (const prop in FilesAllowed) {
- if (file.includes(`${ImageExtensions[prop]}`)) {
- type = 'image'
- }
- if (file.includes(`${VideoExtensions[prop]}`)) {
- type = 'video'
- }
- if (file.includes(`${AudioExtensions[prop]}`)) {
- type = 'audio'
- }
- }
-
- if (type == 'video') {
- // const payload = {type: 'video', sources: [{src: file,}]}
- // return (
- //
- {this.player()}
-
- )
- }
-}
diff --git a/.prev/src/components/MediaPlayer/index.less b/.prev/src/components/MediaPlayer/index.less
deleted file mode 100644
index 6478f35f..00000000
--- a/.prev/src/components/MediaPlayer/index.less
+++ /dev/null
@@ -1,80 +0,0 @@
-.PlayerContainer {
- width: 100%;
-
- img {
- width: 100%;
- overflow: hidden;
- margin: auto;
- }
-
- video {
- max-height: 600px;
- width: 100%;
- overflow: hidden;
- }
-
- audio {
- width: 100%;
- }
-
-
- &.entire {
- max-width: 52vw;
- max-height: 80vh;
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-70%, -50%);
-
- img {
- object-fit: contain;
- height: 100%;
- width: 100%;
- max-width: 52vw;
- max-height: 80vh;
- }
-
- audio {
- height: 100%;
- width: 100%;
- }
-
- video {
- object-fit: contain;
- height: 100%;
- width: 100%;
- max-width: 52vw;
- max-height: 80vh;
- }
- }
-
- &.mobile {
- max-width: 52vw;
- max-height: 80vh;
- position: fixed;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-
- img {
- object-fit: contain;
- height: 100%;
- width: 100%;
- max-width: 52vw;
- max-height: 80vh;
- }
-
- audio {
- height: 100%;
- width: 100%;
- }
-
- video {
- object-fit: contain;
- height: 100%;
- width: 100%;
- max-width: 52vw;
- max-height: 80vh;
- }
- }
-}
diff --git a/.prev/src/components/MediaPlayer/plyr.js b/.prev/src/components/MediaPlayer/plyr.js
deleted file mode 100644
index 6a65adfa..00000000
--- a/.prev/src/components/MediaPlayer/plyr.js
+++ /dev/null
@@ -1,134 +0,0 @@
-"use strict";
-
-function e(e) {
- return e && "object" == typeof e && "default" in e ? e.default : e
-}
-Object.defineProperty(exports, "__esModule", {
- value: !0
-});
-var t = e(require("react")),
- n = e(require("plyr"));
-
-function o(e, t) {
- if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")
-}
-
-function i(e, t) {
- for (var n = 0; n < t.length; n++) {
- var o = t[n];
- o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o)
- }
-}
-
-function r(e) {
- return (r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {
- return typeof e
- } : function (e) {
- return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
- })(e)
-}
-
-function c(e) {
- return (c = "function" == typeof Symbol && "symbol" === r(Symbol.iterator) ? function (e) {
- return r(e)
- } : function (e) {
- return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : r(e)
- })(e)
-}
-
-function s(e, t) {
- return !t || "object" !== c(t) && "function" != typeof t ? function (e) {
- if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
- return e
- }(e) : t
-}
-
-function a(e) {
- return (a = Object.setPrototypeOf ? Object.getPrototypeOf : function (e) {
- return e.__proto__ || Object.getPrototypeOf(e)
- })(e)
-}
-
-function l(e, t) {
- return (l = Object.setPrototypeOf || function (e, t) {
- return e.__proto__ = t, e
- })(e, t)
-}
-require("plyr/dist/plyr.css");
-! function (e, t) {
- void 0 === t && (t = {});
- var n = t.insertAt;
- if (e && "undefined" != typeof document) {
- var o = document.head || document.getElementsByTagName("head")[0],
- i = document.createElement("style");
- i.type = "text/css", "top" === n && o.firstChild ? o.insertBefore(i, o.firstChild) : o.appendChild(i), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(document.createTextNode(e))
- }
-}('.yjs-plyr{width: 100%!important;position:relative;background-color:#4caf50;border:none;font-size:28px;color:#fff;padding:20px;width:200px;text-align:center;-webkit-transition-duration:.4s;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.PlyrComponent:after{content:"";background:#f1f1f1;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.PlyrComponent:active:after{padding:0;margin:0;opacity:1;transition:0s}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsZUFDRSxpQkFBa0IsQ0FDbEIsd0JBQXlCLENBQ3pCLFdBQVksQ0FDWixjQUFlLENBQ2YsVUFBYyxDQUNkLFlBQWEsQ0FDYixXQUFZLENBQ1osaUJBQWtCLENBQ2xCLCtCQUFpQyxDQUNqQyx1QkFBeUIsQ0FDekIsb0JBQXFCLENBQ3JCLGVBQWdCLENBQ2hCLGNBQWUsQ0FDZixtRUFDRixDQUVBLHFCQUNFLFVBQVcsQ0FDWCxrQkFBbUIsQ0FDbkIsYUFBYyxDQUNkLGlCQUFrQixDQUNsQixnQkFBaUIsQ0FDakIsaUJBQWtCLENBQ2xCLDJCQUE2QixDQUM3QixnQkFBaUIsQ0FDakIsU0FBVSxDQUNWLGtCQUNGLENBRUEsNEJBQ0UsU0FBVSxDQUNWLFFBQVMsQ0FDVCxTQUFVLENBQ1YsYUFDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLlBseXJDb21wb25lbnQge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGJhY2tncm91bmQtY29sb3I6ICM0Q0FGNTA7XG4gIGJvcmRlcjogbm9uZTtcbiAgZm9udC1zaXplOiAyOHB4O1xuICBjb2xvcjogI0ZGRkZGRjtcbiAgcGFkZGluZzogMjBweDtcbiAgd2lkdGg6IDIwMHB4O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIC13ZWJraXQtdHJhbnNpdGlvbi1kdXJhdGlvbjogMC40czsgLyogU2FmYXJpICovXG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNHM7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBib3gtc2hhZG93OiAwIDhweCAxNnB4IDAgcmdiYSgwLDAsMCwwLjIpLCAwIDZweCAyMHB4IDAgcmdiYSgwLDAsMCwwLjE5KTtcbn1cblxuLlBseXJDb21wb25lbnQ6YWZ0ZXIge1xuICBjb250ZW50OiBcIlwiO1xuICBiYWNrZ3JvdW5kOiAjZjFmMWYxO1xuICBkaXNwbGF5OiBibG9jaztcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBwYWRkaW5nLXRvcDogMzAwJTtcbiAgcGFkZGluZy1sZWZ0OiAzNTAlO1xuICBtYXJnaW4tbGVmdDogLTIwcHggIWltcG9ydGFudDtcbiAgbWFyZ2luLXRvcDogLTEyMCU7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IGFsbCAwLjhzXG59XG5cbi5QbHlyQ29tcG9uZW50OmFjdGl2ZTphZnRlciB7XG4gIHBhZGRpbmc6IDA7XG4gIG1hcmdpbjogMDtcbiAgb3BhY2l0eTogMTtcbiAgdHJhbnNpdGlvbjogMHNcbn1cbiJdfQ== */');
-var u = function (e) {
- function r() {
- return o(this, r), s(this, a(r).apply(this, arguments))
- }
- var c, u, p;
- return function (e, t) {
- if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
- e.prototype = Object.create(t && t.prototype, {
- constructor: {
- value: e,
- writable: !0,
- configurable: !0
- }
- }), t && l(e, t)
- }(r, t.Component), c = r, (u = [{
- key: "componentDidMount",
- value: function () {
- this.player = new n(".yjs-plyr", this.props.options), this.player.source = this.props.sources
- }
- }, {
- key: "componentWillUnmount",
- value: function () {
- this.player.destroy()
- }
- }, {
- key: "render",
- value: function () {
- return t.createElement("video", {
- className: "yjs-plyr plyr"
- })
- }
- }]) && i(c.prototype, u), p && i(c, p), r
-}();
-u.defaultProps = {
- options: {
- controls: ["rewind", "play", "fast-forward", "progress", "current-time", "duration", "mute", "volume", "settings", "fullscreen"],
- i18n: {
- restart: "Restart",
- rewind: "Rewind {seektime}s",
- play: "Play",
- pause: "Pause",
- fastForward: "Forward {seektime}s",
- seek: "Seek",
- seekLabel: "{currentTime} of {duration}",
- played: "Played",
- buffered: "Buffered",
- currentTime: "Current time",
- duration: "Duration",
- volume: "Volume",
- mute: "Mute",
- unmute: "Unmute",
- enableCaptions: "Enable captions",
- disableCaptions: "Disable captions",
- download: "Download",
- enterFullscreen: "Enter fullscreen",
- exitFullscreen: "Exit fullscreen",
- frameTitle: "Player for {title}",
- captions: "Captions",
- settings: "Settings",
- menuBack: "Go back to previous menu",
- speed: "Speed",
- normal: "Normal",
- quality: "Quality",
- loop: "Loop"
- }
- },
-
-}, exports.PlyrComponent = u;
\ No newline at end of file
diff --git a/.prev/src/components/MobileWarning/index.js b/.prev/src/components/MobileWarning/index.js
deleted file mode 100644
index 880bd85a..00000000
--- a/.prev/src/components/MobileWarning/index.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react'
-import styles from './index.less'
-import store from 'store'
-import * as antd from 'antd'
-
-export default class MobileWarning extends React.PureComponent {
- state = {
- resbypass: store.get('resbypass') || false,
- }
-
- ResByPassHandler = () => {
- this.setState({ resbypass: true })
- }
-
- render() {
- const { resbypass } = this.state
-
- if (resbypass == false) {
- return (
-
-
-
-
- this.ResByPassHandler()}
- >
- Continue
-
-
- }
- />
-
- )
- }
- return null
- }
-}
diff --git a/.prev/src/components/MobileWarning/index.less b/.prev/src/components/MobileWarning/index.less
deleted file mode 100644
index 62ea91e1..00000000
--- a/.prev/src/components/MobileWarning/index.less
+++ /dev/null
@@ -1,18 +0,0 @@
-.mobilewarning {
- background-color: rgba(0, 0, 0, 0.975);
- color: white;
- width: 100%;
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 100000;
- display: flex;
- justify-content: center;
- text-align: center;
-
- :global {
- .ant-result-title {
- color: white;
- }
- }
-}
\ No newline at end of file
diff --git a/.prev/src/components/PageTransition/animations.js b/.prev/src/components/PageTransition/animations.js
deleted file mode 100644
index 236f577c..00000000
--- a/.prev/src/components/PageTransition/animations.js
+++ /dev/null
@@ -1,780 +0,0 @@
-import { keyframes } from 'styled-components'
-
-export default {
- moveToLeft: {
- keyframes: keyframes`
- from { }
- to { transform: translateX(-100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveFromLeft: {
- keyframes: keyframes`
- from { transform: translateX(-100%) };
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveToRight: {
- keyframes: keyframes`
- from { }
- to { transform: translateX(100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveFromRight: {
- keyframes: keyframes`
- from { transform: translateX(100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveToTop: {
- keyframes: keyframes`
- from { }
- to { transform: translateY(-100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveFromTop: {
- keyframes: keyframes`
- from { transform: translateY(-100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveToBottom: {
- keyframes: keyframes`
- from { }
- to { transform: translateY(100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveFromBottom: {
- keyframes: keyframes`
- from { transform: translateY(100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- fade: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveToLeftFade: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateX(-100%); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- moveFromLeftFade: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateX(-100%); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- moveToRightFade: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateX(100%); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- moveFromRightFade: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateX(100%); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- moveToTopFade: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateY(-100%); }
- `,
- duration: 600,
- timing: 'ease',
- fill: 'both',
- },
- moveFromTopFade: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateY(-100%); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- moveToBottomFade: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateY(100%); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- moveFromBottomFade: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateY(100%); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- scaleDown: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: scale(0.8); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- scaleUp: {
- keyframes: keyframes`
- from { opacity: 0; transform: scale(0.8); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- },
- scaleUpDown: {
- keyframes: keyframes`
- from { opacity: 0; transform: scale(1.2); }
- `,
- duration: 500,
- timing: 'ease',
- fill: 'both',
- },
- scaleDownUp: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: scale(1.2); }
- `,
- duration: 500,
- timing: 'ease',
- fill: 'both',
- },
- scaleDownCenter: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: scale(0.7); }
- `,
- duration: 400,
- timing: 'ease',
- fill: 'both',
- },
- scaleUpCenter: {
- keyframes: keyframes`
- from { opacity: 0; transform: scale(0.7); }
- `,
- duration: 400,
- timing: 'ease',
- fill: 'both',
- },
- rotateRightSideFirst: {
- keyframes: keyframes`
- 0% { }
- 40% { transform: rotateY(15deg); opacity: 0.8; animation-timing-function: ease-out; }
- 100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
- `,
- duration: 800,
- timing: 'ease-in',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateLeftSideFirst: {
- keyframes: keyframes`
- 0% { }
- 40% { transform: rotateY(-15deg); opacity: 0.8; animation-timing-function: ease-out; }
- 100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
- `,
- duration: 800,
- timing: 'ease-in',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateTopSideFirst: {
- keyframes: keyframes`
- 0% { }
- 40% { transform: rotateX(15deg); opacity: 0.8; animation-timing-function: ease-out; }
- 100% { transform: scale(0.8) translateZ(-200px); opacity:0; }
- `,
- duration: 800,
- timing: 'ease-in',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateBottomSideFirst: {
- keyframes: keyframes`
- 0% { }
- 40% { transform: rotateX(-15deg); opacity: 0.8; animation-timing-function: ease-out; }
- 100% {transform: scale(0.8) translateZ(-200px); opacity:0; }
- `,
- duration: 800,
- timing: 'ease-in',
- fill: 'both',
- origin: '0% 50%',
- },
- flipOutRight: {
- keyframes: keyframes`
- from { }
- to { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 50%',
- },
- flipInLeft: {
- keyframes: keyframes`
- from { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-out',
- fill: 'both',
- origin: '50% 50%',
- },
- flipOutLeft: {
- keyframes: keyframes`
- from { }
- to { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 50%',
- },
- flipInRight: {
- keyframes: keyframes`
- from { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-out',
- fill: 'both',
- origin: '50% 50%',
- },
- flipOutTop: {
- keyframes: keyframes`
- from { }
- to { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 50%',
- },
- flipInBottom: {
- keyframes: keyframes`
- from { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-out',
- fill: 'both',
- origin: '50% 50%',
- },
- flipOutBottom: {
- keyframes: keyframes`
- from { }
- to { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 50%',
- },
- flipInTop: {
- keyframes: keyframes`
- from { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
- `,
- duration: 500,
- timing: 'ease-out',
- fill: 'both',
- origin: '50% 50%',
- },
- rotateFall: {
- keyframes: keyframes`
- 0% { transform: rotateZ(0deg); }
- 20% { transform: rotateZ(10deg); animation-timing-function: ease-out; }
- 40% { transform: rotateZ(17deg); }
- 60% { transform: rotateZ(16deg); }
- 100% { transform: translateY(100%) rotateZ(17deg); }
- `,
- duration: 1000,
- timing: 'ease-in',
- fill: 'both',
- origin: '0% 0%',
- },
- rotateOutNewspaper: {
- keyframes: keyframes`
- from { }
- to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0; }
- `,
- duration: 500,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 50%',
- },
- rotateInNewspaper: {
- keyframes: keyframes`
- from { transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0; }
- `,
- duration: 500,
- timing: 'ease-out',
- fill: 'both',
- origin: '50% 50%',
- },
- rotatePushLeft: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: rotateY(90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotatePushRight: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: rotateY(-90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotatePushTop: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: rotateX(-90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotatePushBottom: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: rotateX(90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotatePullRight: {
- keyframes: keyframes`
- from { opacity: 0; transform: rotateY(-90deg); }
- `,
- duration: 500,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotatePullLeft: {
- keyframes: keyframes`
- from { opacity: 0; transform: rotateY(90deg); }
- `,
- duration: 500,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotatePullTop: {
- keyframes: keyframes`
- from { opacity: 0; transform: rotateX(-90deg); }
- `,
- duration: 500,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotatePullBottom: {
- keyframes: keyframes`
- from { opacity: 0; transform: rotateX(90deg); }
- `,
- duration: 500,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateFoldRight: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: translateX(100%) rotateY(90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateFoldLeft: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: translateX(-100%) rotateY(-90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateFoldTop: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateFoldBottom: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: translateY(100%) rotateX(-90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateUnfoldLeft: {
- keyframes: keyframes`
- from { opacity: 0; transform: translateX(-100%) rotateY(-90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateUnfoldRight: {
- keyframes: keyframes`
- from { opacity: 0; transform: translateX(100%) rotateY(90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateUnfoldTop: {
- keyframes: keyframes`
- from { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateUnfoldBottom: {
- keyframes: keyframes`
- from { opacity: 0; transform: translateY(100%) rotateX(-90deg); }
- `,
- duration: 700,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateRoomLeftOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateRoomLeftIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateRoomRightOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateRoomRightIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateX(-100%) rotateY(90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateRoomTopOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateRoomTopIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateRoomBottomOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateY(100%) rotateX(90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateRoomBottomIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateY(-100%) rotateX(-90deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateCubeLeftOut: {
- keyframes: keyframes`
- 0% { }
- 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
- 100% { opacity: 0.3; transform: translateX(-100%) rotateY(-90deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateCubeLeftIn: {
- keyframes: keyframes`
- 0% { opacity: 0.3; transform: translateX(100%) rotateY(90deg); }
- 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateCubeRightOut: {
- keyframes: keyframes`
- 0% { }
- 50% { animation-timing-function: ease-out; transform: translateX(50%) translateZ(-200px) rotateY(45deg); }
- 100% { opacity: 0.3; transform: translateX(100%) rotateY(90deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateCubeRightIn: {
- keyframes: keyframes`
- 0% { opacity: 0.3; transform: translateX(-100%) rotateY(-90deg); }
- 50% { animation-timing-function: ease-out; transform: translateX(-50%) translateZ(-200px) rotateY(-45deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateCubeTopOut: {
- keyframes: keyframes`
- 0% {}
- 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
- 100% { opacity: 0.3; transform: translateY(-100%) rotateX(90deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateCubeTopIn: {
- keyframes: keyframes`
- 0% { opacity: 0.3; transform: translateY(100%) rotateX(-90deg); }
- 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateCubeBottomOut: {
- keyframes: keyframes`
- 0% { }
- 50% { animation-timing-function: ease-out; transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
- 100% { opacity: 0.3; -webkit-transform: translateY(100%) rotateX(-90deg); transform: translateY(100%) rotateX(-90deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateCubeBottomIn: {
- keyframes: keyframes`
- 0% { opacity: 0.3; -webkit-transform: translateY(-100%) rotateX(90deg); transform: translateY(-100%) rotateX(90deg); }
- 50% { animation-timing-function: ease-out; transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
- `,
- duration: 600,
- timing: 'ease-in',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateCarouselLeftOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateX(-150%) scale(0.4) rotateY(-65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateCarouselLeftIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateX(200%) scale(0.4) rotateY(65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateCarouselRightOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateX(200%) scale(0.4) rotateY(65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '0% 50%',
- },
- rotateCarouselRightIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateX(-200%) scale(0.4) rotateY(-65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '100% 50%',
- },
- rotateCarouselTopOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateY(-200%) scale(0.4) rotateX(65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateCarouselTopIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateY(200%) scale(0.4) rotateX(-65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateCarouselBottomOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0.3; transform: translateY(200%) scale(0.4) rotateX(-65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 0%',
- },
- rotateCarouselBottomIn: {
- keyframes: keyframes`
- from { opacity: 0.3; transform: translateY(-200%) scale(0.4) rotateX(65deg); }
- `,
- duration: 800,
- timing: 'ease',
- fill: 'both',
- origin: '50% 100%',
- },
- rotateSidesOut: {
- keyframes: keyframes`
- from { }
- to { opacity: 0; transform: translateZ(-500px) rotateY(90deg); }
- `,
- duration: 500,
- timing: 'ease-in',
- fill: 'both',
- origin: '-50% 50%',
- },
- rotateSidesIn: {
- keyframes: keyframes`
- from { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); }
- `,
- duration: 500,
- timing: 'ease-in',
- fill: 'both',
- origin: '150% 50%',
- },
- rotateSlideOut: {
- keyframes: keyframes`
- 0% { }
- 25% { opacity: 0.5; transform: translateZ(-500px); }
- 75% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
- 100% { opacity: 0.5; transform: translateZ(-500px) translateX(-200%); }
- `,
- duration: 1000,
- timing: 'ease',
- fill: 'both',
- },
- rotateSlideIn: {
- keyframes: keyframes`
- 0%, 25% { opacity: 0.5; transform: translateZ(-500px) translateX(200%); }
- 75% { opacity: 0.5; transform: translateZ(-500px); }
- 100% { opacity: 1; transform: translateZ(0) translateX(0); }
- `,
- duration: 1000,
- timing: 'ease',
- fill: 'both',
- },
-}
diff --git a/.prev/src/components/PageTransition/index.js b/.prev/src/components/PageTransition/index.js
deleted file mode 100644
index 31743946..00000000
--- a/.prev/src/components/PageTransition/index.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import React, { memo } from 'react'
-import { Transition, TransitionGroup } from 'react-transition-group'
-import animations from './animations'
-import presets from './presets'
-import * as Styles from './styles'
-
-function PageTransition({
- children,
- enterAnimation: enterAnimationOverride,
- exitAnimation: exitAnimationOverride,
- preset,
- transitionKey,
- ...rest
-}) {
- const selectEnterAnimation = () => {
- if (enterAnimationOverride) {
- if (typeof enterAnimationOverride === 'string') {
- return animations[enterAnimationOverride]
- }
- return {
- ...animations[enterAnimationOverride.name],
- delay: enterAnimationOverride.delay,
- onTop: enterAnimationOverride.onTop,
- }
- }
- if (preset) {
- return {
- ...animations[presets[preset].enter.name],
- delay: presets[preset].enter.delay,
- onTop: presets[preset].enter.onTop,
- }
- }
- return 'rotateSlideIn'
- }
-
- const selectExitAnimation = () => {
- if (exitAnimationOverride) {
- if (typeof exitAnimationOverride === 'string') {
- return animations[exitAnimationOverride]
- }
- return {
- ...animations[exitAnimationOverride.name],
- delay: exitAnimationOverride.delay,
- onTop: exitAnimationOverride.onTop,
- }
- }
- if (preset) {
- return {
- ...animations[presets[preset].exit.name],
- delay: presets[preset].exit.delay,
- onTop: presets[preset].exit.onTop,
- }
- }
- return 'rotateSlideIn'
- }
-
- const enterAnimation = selectEnterAnimation()
- const exitAnimation = selectExitAnimation()
- const timeout = Math.max(enterAnimation.duration, exitAnimation.duration)
-
- return (
- - This version of the application is not fully compatible with - the resolution of this screen, a higher resolution is - recommended for an optimal experience -
- Please choose an option to continue --
-
-
,
- : null} -
- this.goToPost(id)}
- hoverable
- className={ActShowMode ? null : styles.showMode}
- actions={actions}
- >
- {this.state.ReportIgnore ? null : this.state.postReported ? (
-
-
-
- )
- }
-}
-export default PostCard
diff --git a/.prev/src/components/PostCard/index.less b/.prev/src/components/PostCard/index.less
deleted file mode 100644
index 11ae7bb5..00000000
--- a/.prev/src/components/PostCard/index.less
+++ /dev/null
@@ -1,230 +0,0 @@
-@import '~themes/index.less';
-
-.post_card_flaggedWarning {
- border-radius: @post_card_general_border-rd;
- width: 100%;
- text-align: center;
- position: absolute;
- z-index: 20;
- background: @post_card_flaggedWarning_backgroud;
- font-family: @__Global_general_font_family;
- padding: @post_card_flaggedWarning_padding;
-
- :global {
- .anticon {
- font-size: @post_card_flaggedWarning_iconSize;
- }
- }
-}
-
-.post_card_wrapper {
- box-shadow: @post_card_wrapper_shadow;
- border-radius: @post_card_general_border-rd;
- max-width: 510px;
- min-width: 265px;
- width: auto;
- margin: 23px auto 50px auto;
-
- :global {
- .ant-card-meta-detail>div:not(:last-child) {
- margin: 0
- }
-
- .ant-card {
- border-radius: @post_card_general_border-rd;
- border: 0;
- border-top: 1px solid #4646460c;
- }
-
- .ant-card-body {
- padding: 0;
- }
-
- .ant-card-actions {
- border-top: 0;
- background: @post_card_wrapper_actions_backgroud;
- height: 30px;
- position: relative;
- transition: opacity @__Global_Components_transitions_dur linear, position @__Global_Components_transitions_dur linear, transform @__Global_Components_transitions_dur linear;
- border-radius: 0 0 10px 10px;
- opacity: 0;
-
- &.showMode {
- opacity: 1;
- transform: translate(0, 15px);
- }
- }
-
- .ant-card-actions:hover {
- opacity: 1;
- transform: translate(0, 15px);
- transition: opacity @__Global_Components_transitions_dur linear, position @__Global_Components_transitions_dur linear, transform @__Global_Components_transitions_dur linear;
- }
-
- .ant-card-actions>li>.anticon {
- font-size: 16px;
- line-height: 22px;
- width: 40px;
- height: 40px;
- background: @post_card_wrapper_actions_icon_backgroud;
- border-radius: 23px;
- }
-
- .ant-card-actions>li {
- margin: -20px 0 0 0;
- border-right: 0;
-
- .ant-badge-count {
- width: 20px;
- text-align: left;
-
- span {
- font-size: 12px;
- }
-
- .ant-scroll-number-only>p.ant-scroll-number-only-unit {
- height: 20px;
- width: 20px;
- margin: 0;
- line-height: 20px;
- padding: 0 0 0 1px;
- }
- }
-
- span {
- font-size: 16px;
- line-height: 22px;
- width: 40px;
- height: 40px;
- background: @post_card_wrapper_actions_icon_backgroud;
- border-radius: 23px;
- margin: auto;
- }
-
- svg {
- height: 20px;
- width: 20px;
- height: 100%;
- vertical-align: middle;
- }
- }
- }
-}
-
-.post_include {
- padding: 13px 0 5px 0;
- transition: all 150ms linear;
-
- &.blur {
- filter: blur(10px);
- }
-}
-
-.showMode {
- :global {
- ul {
- opacity: 1 !important;
- transform: translate(0, 15px);
- }
- }
-}
-
-
-.post_card_title {
- display: flex;
-
- h4 {
- cursor: pointer;
- }
-
-}
-
-.postAvatar {
- position: absolute;
- left: -8px;
- top: -8px;
- display: flex;
-}
-
-.titleUser {
- display: flex;
- font-family: @__Global_general_font_family;
- margin: 0 0 0 50px;
-}
-
-.textAgo {
- display: flex;
- font-size: 10px;
- margin: 0 0 0 53px;
-}
-
-.PostTags {
- float: right;
- width: 100%;
- z-index: 10;
-
- :global {
- .anticon {
- color: @post_card_wrapper_tags_color_default;
- float: right;
- margin: -0 6px 0 0;
- font-size: 17px;
- }
-
- }
-}
-
-.post_card_content {
- word-break: break-all;
- display: flex;
- border-radius: 3px;
- margin: 23px 24px 23px 24px;
-
- h3 {
- font-family: @__Global_general_font_family;
- color: @post_card_wrapper_post_content_color;
- font-weight: @post_card_wrapper_post_content_weight;
- font-size: @post_card_wrapper_post_content_fontSize;
- letter-spacing: @post_card_wrapper_post_content_letterSpacing;
- }
-}
-
-.post_card_file {
- display: flex;
- margin: 23px 0 5px 0;
- max-height: 600px;
- overflow: hidden;
-
- h3 {
- color: rgb(85, 85, 85);
- font-weight: 470;
- }
-}
-
-.likebtn {
- :global {
- svg {
- color: rgba(0, 0, 0, 0.45);
- }
-
- svg:hover {
- color: rgb(233, 35, 68);
- transition: all 0.2s linear;
- }
- }
-}
-
-.ellipsisIcon {
- color: rgba(0, 0, 0, 0.45);
- width: 100%;
- position: absolute;
- text-align: center;
- margin: auto;
- font-size: 30px;
- transition: opacity 150ms linear;
-}
-
-.ellipsisIcon:hover {
- opacity: 0;
- transition: opacity 150ms linear;
-}
\ No newline at end of file
diff --git a/.prev/src/components/PostCreator/index.js b/.prev/src/components/PostCreator/index.js
deleted file mode 100644
index adbbc68f..00000000
--- a/.prev/src/components/PostCreator/index.js
+++ /dev/null
@@ -1,407 +0,0 @@
-import React from 'react'
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import styles from './index.less'
-import * as Icons from '@ant-design/icons'
-import Icon from '@ant-design/icons'
-import $ from 'jquery'
-import * as MICONS from '@material-ui/icons'
-
-import Post_options from './local_components/post_options'
-import { optionBox } from './local_components/post_options'
-
-function getBase64(img, callback) {
- const reader = new FileReader()
- reader.addEventListener('load', () => callback(reader.result))
- reader.readAsDataURL(img)
-}
-
-export function HandleVisibility() {
- window.PostCreatorComponent.ToogleVisibility()
-}
-
-class PostCreator extends React.PureComponent {
- constructor(props) {
- super(props),
- window.PostCreatorComponent = this,
- this.state = {
- visible: true,
- FadeIN: true,
- keys_remaining: ycore.AppSettings.MaxLengthPosts,
- rawtext: '',
- posting: false,
- posting_ok: false,
- shareWith: 'any',
- uploader: false,
- Schedule: false,
- }
- }
-
- renderPostPlayer(payload) {
- const { file, fileURL } = this.state
- const videofilter = file.type.includes('video')
- const imagefilter = file.type.includes('image')
- const audiofilter = file.type.includes('audio')
- if (imagefilter) {
- return (
-
- {
- this.setState({ ReportIgnore: true })
- }}
- >
- Ignore
-
-
- ) : null}
- It seems that this post has been reported
-The content may be inappropriate or compromising
-
-
-
- }
- title={
-
-
- ycore.router.go(`@${publisher.username}`)
- }
- className={styles.titleUser}
- >
- @{publisher.username}
- {ycore.booleanFix(publisher.verified) ? (
-
-
- }
- description={{post_time}}
- bordered="false"
- />
- {postText ? (
-
- ycore.router.go(`@${publisher.username}`)
- }
- className={styles.titleUser}
- >
- @{publisher.username}
- {ycore.booleanFix(publisher.verified) ? (
-
- NSFW
-
- ) : null}{' '}
-
-
-
-
-
-
-
- {ycore.booleanFix(is_post_pinned) ? (
-
- {' '}
- {' '}
-
- ) : null}
- {postFile ? (
-
-
- ) : null}
-
-
-
-
- )
- }
- if (videofilter) {
- return (
-
- this.handleDeleteFile()}
- icon={
-
- 
-
-
-
- )
- }
- if (audiofilter) {
- return (
-
- )
- }
- return null
- }
- ToogleVisibility() {
- this.setState({ visible: !this.state.visible })
- }
- ToogleUpload() {
- this.setState({ uploader: !this.state.uploader })
- }
- handleDeleteFile = () => {
- this.setState({ fileURL: null })
- }
- handleFileUpload = info => {
- if (info.file.status === 'uploading') {
- this.setState({ loading: true })
- return
- }
- if (info.file.status === 'done') {
- this.setState({ file: info.file.originFileObj, uploader: false })
- getBase64(info.file.originFileObj, fileURL => {
- this.setState({ fileURL, loading: false })
- })
- }
- }
-
- beforeUpload = file => {
- const filter =
- file.type === 'image/jpeg' ||
- file.type === 'audio/mp3' ||
- file.type === 'audio/wav' ||
- file.type === 'audio/ogg' ||
- file.type === 'image/png' ||
- file.type === 'image/jpg' ||
- file.type === 'image/gif' ||
- file.type === 'video/mp4'
- if (!filter) {
- antd.message.error(`${file.type} This file is not valid!`)
- }
- const maxsize =
- file.size / 1024 / 1024 < ycore.AppSettings.MaximunAPIPayload
- if (!maxsize) {
- antd.message.error(
- `Image must smaller than ${ycore.AppSettings.MaximunAPIPayload} KB!`
- )
- }
- return filter && maxsize
- }
-
- handleChanges = ({ target: { value } }) => {
- this.setState({
- rawtext: value,
- keys_remaining: ycore.AppSettings.MaxLengthPosts - value.length,
- })
- }
-
- handleKeysProgressBar() {
- const { keys_remaining } = this.state
- if (keys_remaining <= (ycore.AppSettings.MaxLengthPosts / 100) * 30) {
- return 'exception'
- } else return 'active'
- }
-
- FlushPostState() {
- this.setState({
- posting_ok: true,
- posting: false,
- rawtext: '',
- fileURL: '',
- file: '',
- })
- setTimeout(() => {
- this.setState({ posting_ok: false })
- }, 1000)
- ycore.FeedHandler.refresh()
- return true
- }
-
- handlePublishPost = e => {
- const { rawtext, shareWith, file, fileURL} = this.state
- if (!rawtext && !fileURL) {
- return false
- }
- this.setState({
- posting: true,
- keys_remaining: ycore.AppSettings.MaxLengthPosts,
- })
- const post_options = optionBox.get()
-
- const payload = {
- privacy: ycore.GetPostPrivacy.bool(shareWith),
- text: rawtext,
- file: file,
- }
- ycore.comty_post.new((err, res) => {
- if (err) {
- ycore.notify.error(err)
- return false
- }
- const status_temp_error = JSON.parse(res)['data'].error
- status_temp_error? ycore.notify.error('It seems that a processing error has occurred, your publication has not been published.') : null
- const id_temp_parse = JSON.parse(res)['data'].id
-
- const pro_boost_val = ycore.ReturnValueFromMap({ data: post_options, key: 'pro_boost' })
- const allow_comments_val = ycore.ReturnValueFromMap({ data: post_options, key: 'allow_comments' })
- console.log(id_temp_parse)
- ycore.sync.emmitPost(id_temp_parse)
- ycore.yconsole.log(`pro_boost => ${pro_boost_val} | allow_comments => ${allow_comments_val}`)
-
- if (pro_boost_val) {
- ycore.yconsole.log(`Boosting post with ID => ${id_temp_parse}`)
- ycore.comty_post.__boost(
- (err, res) => {
- return true
- },
- { post_id: id_temp_parse }
- )
- }
- if (
- !allow_comments_val
- ) {
- ycore.yconsole.log(`Disabling comments with ID => ${id_temp_parse}`)
- ycore.comty_post.__disableComments(
- (err, res) => {
- return true
- },
- { post_id: id_temp_parse }
- )
- }
- this.FlushPostState()
- // ycore.FeedHandler.addToRend(JSON.parse(res)['data'])
- }, payload)
- }
- dropRef = React.createRef()
-
- handleDragIn = e => {
- e.preventDefault()
- e.stopPropagation()
- if (this.state.uploader == true) {
- return
- }
- this.setState({ uploader: true })
- }
- handleDragOut = e => {
- e.preventDefault()
- e.stopPropagation()
- if (this.state.uploader == false) {
- return
- }
- this.setState({ uploader: false })
- }
-
- componentDidMount() {
- const _this = this
- $('body').bind('paste', function(je) {
- var e = je.originalEvent
- for (var i = 0; i < e.clipboardData.items.length; i++) {
- var item = e.clipboardData.items[i]
- ycore.yconsole.log('Item: ' + item.type)
- if (item.type.indexOf('image') != -1) {
- //item.
- let a;
- a = item.getAsFile()
- _this.setState({ file: a })
- ycore.ReadFileAsB64(a, res => {
- _this.setState({ fileURL: res })
- })
- } else {
- // ignore not images
- ycore.yconsole.log('Discarding not image paste data')
- }
- }
- })
- let div = this.dropRef.current
- div.addEventListener('dragenter', this.handleDragIn)
- div.addEventListener('dragleave', this.handleDragOut)
- }
- componentWillUnmount() {
- let div = this.dropRef.current
- div.removeEventListener('dragenter', this.handleDragIn)
- div.removeEventListener('dragleave', this.handleDragOut)
- }
-
- canPost() {
- const { fileURL, keys_remaining } = this.state
-
- const isTypedSomething = keys_remaining < ycore.AppSettings.MaxLengthPosts
- const isUploadedFile = fileURL ? true : false
-
- return isUploadedFile || isTypedSomething
- }
-
- render() {
- const { userData } = this.props
- const { keys_remaining, visible, fileURL } = this.state
- const percent = (
- (keys_remaining / ycore.AppSettings.MaxLengthPosts) *
- 100
- ).toFixed(2)
- const changeShare = ({ key }) => {
- this.setState({ shareWith: key })
- }
-
- const shareOptionsMenu = (
-
- this.handleDeleteFile()}
- icon={
-
-
-
-
-
-
-
- )
- }
- return null
- }
-}
-export default PostCreator
diff --git a/.prev/src/components/PostCreator/index.less b/.prev/src/components/PostCreator/index.less
deleted file mode 100644
index d67fbd61..00000000
--- a/.prev/src/components/PostCreator/index.less
+++ /dev/null
@@ -1,313 +0,0 @@
-@import '~themes/index.less';
-
-.cardWrapper {
- // box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
- border-radius: 7px;
- max-width: 510px;
- min-width: 265px;
- width: auto;
- margin: 7px auto 50px auto;
-
- :global {
- textarea {
- font-weight: 500;
- resize: none;
- }
-
- textarea:focus {
- outline: none !important;
- border: 0 !important;
- }
-
- textarea:hover {
- outline: none !important;
- border: 0 !important;
- }
-
- .ant-card-meta-detail>div:not(:last-child) {
- margin: 0
- }
-
- .ant-card {
- border-radius: 7px;
- border: 0;
- border-top: 1px solid #4646460c;
- }
-
- .ant-card-body {
- padding: 5px 15px 5px 15px;
- }
-
- .ant-card-actions {
- border-top: 0;
- background: #EBEBEB;
- opacity: 0;
- height: 30px;
- position: relative;
- transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
- border-radius: 0 0 10px 10px;
- }
-
- .ant-card-actions:hover {
- opacity: 1;
- transform: translate(0, 15px);
- transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
- }
-
- .ant-card-actions>li {
- margin: -20px 0 0 0;
- border-right: 0;
-
- i {
-
- vertical-align: middle;
- height: 40px;
- width: 40px;
- background-color: #fff;
- border-radius: 24px;
- }
-
- svg {
- height: 20px;
- width: 20px;
- height: 100%;
- vertical-align: middle;
- }
- }
- }
-}
-
-.titleAvatar {
- width: 45px;
- height: 45px;
- display: flex;
-
- :global {
- img {
- width: 45px;
- height: 45px;
- border-radius: 12px;
- }
- }
-}
-
-.inputWrapper {
- display: flex;
- z-index: 10;
- position: relative;
- width: 100%;
- padding: 18px 7px 0 7px;
- transition: height 150ms linear;
-
- :global {
- .ant-btn-primary {
- z-index: 10;
- position: relative;
- border-radius: 0 10px 10px 0;
- height: 100%;
- vertical-align: bottom;
- border: none;
- box-shadow: none;
- }
-
- .ant-input {
- z-index: 10;
- position: relative;
- border-color: transparent !important;
- box-shadow: none;
- border-radius: 3px 0 0 0;
- height: 100%;
- padding: 5px 10px 5px 10px;
- transition: height 150ms linear;
- width: 100%;
-
- }
-
- .ant-input:hover {
- border-color: #1890ff;
- }
-
- .ant-input-affix-wrapper {
- height: 100%;
- }
- }
-}
-
-.progressHandler {
- z-index: 10;
- position: relative;
- margin: 0 7px 0 7px;
-
- :global {
- .ant-progress-bg {
- border-radius: 0 0 10px 10px;
- }
-
- .ant-progress-inner {
- border-radius: 0 0 14px 14px;
- width: calc(100% - 32px);
- vertical-align: top;
- }
- }
-}
-
-.postExtra {
- width: 100%;
- height: 100%;
- position: relative;
- margin: 0 0 40px 0;
-
- .shareWith {
- color: rgb(53, 53, 53);
- float: right;
- font-size: 11px;
- line-height: 30px;
- }
-
- :global {
- .MuiSvgIcon-root {
- width: 1em;
- height: 1em;
- display: inline-block;
- font-size: 18px;
- transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- flex-shrink: 0;
- margin: 8px;
- line-height: 1px;
- user-select: none;
- }
-
- .ant-btn .anticon {
- transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
- margin: 8px;
- }
-
- .ant-btn {
- width: 35px;
- height: 35px;
- float: left;
- padding: 0;
- border-radius: 11px;
- margin: 0 10px;
- background-color: #eeeeee;
- border-color: transparent;
- }
-
- .ant-btn:hover {
- border-color: transparent;
- }
-
- }
-}
-
-.uploader {
- display: flex;
- position: relative;
- border-radius: 10px;
- z-index: 30;
- width: 100%;
- height: 100%;
-
- span {
- width: 100%;
- }
-
- :global {
- .ant-upload.ant-upload-drag {
- background: #fafafa;
- border: 1px dashed #d9d9d9;
- border-radius: 12px;
- transition: border-color 0.3s;
- }
-
- .anticon svg {
- display: inline-block;
- font-size: 30px;
- }
- }
-}
-
-.imagePreviewWrapper {
- position: relative;
- width: 100%;
- height: 100%;
- // top: -100px;
- margin: 0 0 15px 0;
- background-color: #eeeeee;
-
- .imagePreview {
- z-index: 5;
- position: relative;
- width: 50%;
- margin: auto;
- border-radius: 8px;
- transition: all 150ms linear;
-
- img {
- width: 100%;
- border: 0.5px rgba(56, 56, 56, 0.459) solid;
- }
-
- video {
- width: 100%;
- border: 0.5px rgba(56, 56, 56, 0.459) solid;
- }
-
- transition: all 150ms linear;
-
- }
-
- .imageOverlay {
- z-index: 10;
- position: relative;
- opacity: 0;
- transition: all 150ms linear;
- margin: auto;
- }
-}
-
-.imagePreviewWrapper:hover .imagePreview {
- opacity: 0.5;
- transition: all 150ms linear;
-}
-
-.imagePreviewWrapper:hover .imageOverlay {
- opacity: 1;
- transition: all 150ms linear;
-
-}
-
-.proccessUnset {
- opacity: 0;
- transition: opacity 250ms linear;
- animation: proccessUnset 250ms linear;
-}
-
-.proccessSet {
- transition: opacity 250ms linear;
- animation: proccessSet 250ms linear;
-}
-
-@keyframes proccessSet {
- 0% {
- opacity: 0;
- }
-
- 100% {
- opacity: 1;
- }
-}
-
-@keyframes proccessUnset {
- 0% {
- opacity: 1;
- }
-
- 100% {
- opacity: 0;
- }
-}
-
-.fontct {
- font-family: "Poppins", sans-serif;
-}
\ No newline at end of file
diff --git a/.prev/src/components/PostCreator/local_components/post_options.js b/.prev/src/components/PostCreator/local_components/post_options.js
deleted file mode 100644
index 6064139f..00000000
--- a/.prev/src/components/PostCreator/local_components/post_options.js
+++ /dev/null
@@ -1,151 +0,0 @@
-import React from 'react'
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import * as Icons from '@ant-design/icons'
-import Icon from '@ant-design/icons'
-import { Post_Options } from 'globals/post_options.js'
-import styles from './post_options.less'
-
-export const optionBox = {
- toogle: () => {
- window.postoptions_box_class.handleToggleToolbox()
- return true
- },
- get: () => {
- return window.postoptions_box_class.state.options_repo
- },
-}
-
-export default class Post_options extends React.Component {
- constructor(props) {
- super(props),
- window.postoptions_box_class = this,
- this.state = {
- options_repo: Post_Options,
- options_box: false,
- }
- }
-
- onChangeOption(checked, id) {
- ycore.yconsole.log(`${id} to ${checked}`)
- }
-
- handleToggleToolbox = () => {
- this.setState({ options_box: !this.state.options_box })
- }
-
- onChangeSwitch(item) {
- try {
- const to = !item.value
- const updatedValue = [...this.state.options_repo].map(ita =>
- ita === item ? Object.assign(ita, { value: to }) : ita
- )
- this.setState({ options_repo: updatedValue, forSave: true })
- ycore.yconsole.log(`Changing ${item.key} to value ${to}`)
- } catch (err) {
- console.log(err)
- }
- }
-
- require(i) {
- if (i) {
- try {
- switch (i) {
- case 'pro':
- return ycore.IsThisUser.pro() ? false : true
- case 'dev':
- return ycore.IsThisUser.dev() ? false : true
- default:
- break
- }
- } catch (err) {
- ycore.notify.error(err)
- return false
- }
- }
- return false
- }
-
- rendersets = item => {
- let e = item.type
- switch (e) {
- case 'switch':
- return (
-
- {this.state.uploader ? (
-
-
-
-
-
- ) : (
- <>
-
- 
-
-
-
-
- )}
-
-
- {fileURL ? this.renderPostPlayer(this.state.fileURL) : null}
-
- this.ToogleUpload()}
- >
- {' '}
- {this.state.uploader ? (
-
- optionBox.toogle()}>
-
-
- e.preventDefault()}
- >
- {ycore.GetPostPrivacy.decorator(this.state.shareWith)}
-
-
-
- {item.icon}
-
-
-
-
-
-
-
- )
- }
-}
diff --git a/.prev/src/components/PostCreator/local_components/post_options.less b/.prev/src/components/PostCreator/local_components/post_options.less
deleted file mode 100644
index e1fad5e0..00000000
--- a/.prev/src/components/PostCreator/local_components/post_options.less
+++ /dev/null
@@ -1,57 +0,0 @@
-@import '~themes/index.less';
-
-.optionsWrapper {
- font-family: "Poppins", sans-serif;
-
- :global {
- .ant-drawer-body {
- -ms-flex-positive: 1;
- flex-grow: 1;
- padding: 12px;
- overflow: auto;
- font-size: 14px;
- line-height: 1.5715;
- word-wrap: break-word;
- }
-
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- margin-top: 0;
- margin-bottom: 0;
- color: rgba(0, 0, 0, 0.85);
- font-weight: 500;
- }
-
- .ant-list-item {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-align: center;
- align-items: center;
- -ms-flex-pack: justify;
- justify-content: space-between;
- padding: 8px 0;
- }
- }
-}
-
-.PostOptionsWrapper {
- margin: 0 10px 0 10px;
- display: grid;
- grid-template-columns: 1fr 1fr;
- grid-column-gap: 20px;
- grid-row-gap: 20px;
- justify-items: stretch;
- align-items: stretch;
-
- .optionItem {
- display: inline;
- }
-}
-
-.optionItemIcon {
- margin: 0 5px 0 0;
-}
\ No newline at end of file
diff --git a/.prev/src/components/ScrollBar/index.js b/.prev/src/components/ScrollBar/index.js
deleted file mode 100644
index ce752b5d..00000000
--- a/.prev/src/components/ScrollBar/index.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import ScrollBar from 'react-perfect-scrollbar'
-import 'react-perfect-scrollbar/dist/css/styles.css'
-import './index.less'
-
-export default ScrollBar
diff --git a/.prev/src/components/ScrollBar/index.less b/.prev/src/components/ScrollBar/index.less
deleted file mode 100644
index 124d94be..00000000
--- a/.prev/src/components/ScrollBar/index.less
+++ /dev/null
@@ -1,35 +0,0 @@
-@import '~themes/index.less';
-
-:global {
-
- .ps--active-x>.ps__rail-x,
- .ps--active-y>.ps__rail-y {
- background-color: red;
-
- }
-
- .ps__rail-x:hover>.ps__thumb-x,
- .ps__rail-x:focus>.ps__thumb-x {
- height: 8px;
- }
-
- .ps__rail-y:hover>.ps__thumb-y,
- .ps__rail-y:focus>.ps__thumb-y {
- width: 8px;
- }
-
- .ps__rail-y,
- .ps__rail-x {
- z-index: 9;
- }
-
- .ps__thumb-y {
- width: 4px;
- right: 4px;
- }
-
- .ps__thumb-x {
- height: 4px;
- bottom: 4px;
- }
-}
diff --git a/.prev/src/components/SearchCard/index.js b/.prev/src/components/SearchCard/index.js
deleted file mode 100644
index e93d50f9..00000000
--- a/.prev/src/components/SearchCard/index.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import React from 'react'
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import styles from './index.less'
-import * as Icons from '@ant-design/icons'
-import Icon from '@ant-design/icons'
-import { CustomIcons } from 'components'
-
-const { Meta } = antd.Card
-
-class SearchCard extends React.PureComponent {
- render() {
- const { source } = this.props
- const { username, avatar, about, id } = source
- const DevInfo = `ID #${id} | Dev ${
- ycore.booleanFix(source.dev) ? 'yes' : 'no'
- } | `
- const AdminInfo = `RID #${source.country_id} | IP ${source.ip_address} | `
-
- const DataStrip = {
- title: e => {
- if (this.props.type == 'Users') {
- return `@${username}`
- }
- if (this.props.type == 'Groups') {
- return `${source.name}`
- }
- return null
- },
- description: e => {
- if (this.props.type == 'Users') {
- return `${DevInfo}${AdminInfo}`
- }
- if (this.props.type == 'Groups') {
- return `GID #${source.group_id} | Created ${source.registered} | CAT ID #${source.category_id} / ${source.category} |`
- }
- return null
- },
- about: e => {
- return about
- },
- }
- return (
-
-
- -
-
-
-
- Share Options
- {this.renderSettings()} -
-
- Add some Extra
-
-
-
-
- }
- title={
-
-
- {ycore.booleanFix(source.verified) ? (
-
-
- }
- description={
- ycore.IsThisUser.dev() ? (
-
- {DataStrip.description()}
-
- ) : null
- }
- bordered="false"
- />
- ycore.router.go(`@${username}`)} - className={styles.titleUser} - > - {DataStrip.title()} -
-
- {' '}
- {' '}
-
-
-
- )
- }
-}
-export default SearchCard
diff --git a/.prev/src/components/SearchCard/index.less b/.prev/src/components/SearchCard/index.less
deleted file mode 100644
index 2c73e901..00000000
--- a/.prev/src/components/SearchCard/index.less
+++ /dev/null
@@ -1,105 +0,0 @@
-@import '~themes/index.less';
-
-.cardWrapper {
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
- display: flex;
- border-radius: 7px;
- max-width: 510px;
- min-width: 265px;
- width: auto;
- margin: 23px auto 50px auto;
-
- :global {
- .ant-card-meta-detail>div:not(:last-child) {
- margin: 0
- }
-
- .ant-card {
- border-radius: 7px;
- border: 0;
- border-top: 1px solid #4646460c;
- }
-
- .ant-card-body {
- padding: 13px 0 5px 0;
- }
-
- .ant-card-actions {
- border-top: 0;
- background: #EBEBEB;
- opacity: 0;
- height: 30px;
- position: relative;
- transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
- border-radius: 0 0 10px 10px;
- }
-
- .ant-card-actions:hover {
- opacity: 1;
- transform: translate(0, 15px);
- transition: opacity 150ms linear, position 150ms linear, transform 150ms linear;
- }
-
- .ant-card-actions>li {
- margin: -20px 0 0 0;
- border-right: 0;
-
- i {
-
- vertical-align: middle;
- height: 40px;
- width: 40px;
- background-color: #fff;
- border-radius: 24px;
- }
-
- svg {
- height: 20px;
- width: 20px;
- height: 100%;
- vertical-align: middle;
- }
- }
- }
-}
-
-.postAvatar {
- position: absolute;
- left: -8px;
- top: -8px;
- display: flex;
-}
-
-.titleUser {
- display: flex;
- font-family: 'Poppins', sans-serif;
- margin: 0 0 0 50px;
-}
-
-.textAgo {
- display: flex;
- font-size: 10px;
- margin: 0 0 0 53px;
-}
-
-.PostTags {
- float: right;
- color: rgb(249, 179, 64);
- width: 100%;
- z-index: 10;
-
- i {
- float: right;
- margin: -0 6px 0 0;
- ;
- font-size: 17px;
- }
-}
-
-.titleWrapper {
- display: flex;
-
- h4 {
- cursor: pointer;
- }
-}
diff --git a/.prev/src/components/UserBadges/index.js b/.prev/src/components/UserBadges/index.js
deleted file mode 100644
index 623f618c..00000000
--- a/.prev/src/components/UserBadges/index.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react'
-import styles from './index.less'
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-import { BadgesType } from 'globals/badges_list'
-
-export default class UserBadges extends React.Component {
- render() {
- const { values } = this.props
- console.log(BadgesType)
- return (
-
- {ycore.booleanFix(values.nsfw_flag) ? (
- NSFW
- ) : null}
- {ycore.booleanFix(values.is_pro) ? (
-
- CPRO™
- ) : null}
- {ycore.booleanFix(values.dev) ? (
-
- DEVELOPER
- ) : null}
-
- )
- }
-}
diff --git a/.prev/src/components/UserBadges/index.less b/.prev/src/components/UserBadges/index.less
deleted file mode 100644
index e69de29b..00000000
diff --git a/.prev/src/components/UserProfile/components/Follow_btn.js b/.prev/src/components/UserProfile/components/Follow_btn.js
deleted file mode 100644
index 84568a66..00000000
--- a/.prev/src/components/UserProfile/components/Follow_btn.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react'
-import styles from './Follow_btn.scss'
-import classnames from 'classnames'
-
-export default class Follow_btn extends React.Component {
- render() {
- return (
-
- {this.props.followed ? 'Following' : 'Follow'}
-
- )
- }
-}
diff --git a/.prev/src/components/UserProfile/components/follow_btn.scss b/.prev/src/components/UserProfile/components/follow_btn.scss
deleted file mode 100644
index 99c9364a..00000000
--- a/.prev/src/components/UserProfile/components/follow_btn.scss
+++ /dev/null
@@ -1,65 +0,0 @@
-$width: 120px;
-$height: 40px;
-$border: 0;
-
-$violet: #6559ae;
-$orange: #ff7159;
-
-$border-radius: 8px;
-
-$deg: 120deg;
-$size: 400%;
-$dur: 15s;
-
-@mixin clip-frame($width, $height, $border) {
- -webkit-clip-path: polygon(0% 100%, $border 100%, $border $border, $width - $border $border, $width - $border $height - $border, $border $height - $border, $border 100%, 100% 100%, 100% 0%, 0% 0%);
-}
-
-.like_btn {
- width: 100px;
- height: 30px;
- line-height: 28px;
- padding: 5px 15px 5px 15px;
- @extend .text-formatting;
-
- &:hover {
- color: #7e7e7e;
- }
-
- &.nofollowed {
- &:hover {
- border: none;
- content: '';
- color: white;
- border-radius: $border-radius;
- background: linear-gradient($deg, $violet, $orange, $violet);
- background-size: $size $size;
- animation: gradient $dur ease-in-out infinite, border 1s forwards ease-in-out reverse;
- }
- }
-}
-
-/* helpers */
-
-.text-formatting {
- text-decoration: none;
- text-align: center;
- vertical-align: middle;
- letter-spacing: 1px;
-}
-
-/* motion */
-
-@keyframes gradient {
- 0% {
- background-position: 14% 0%;
- }
-
- 50% {
- background-position: 87% 100%;
- }
-
- 100% {
- background-position: 14% 0%;
- }
-}
diff --git a/.prev/src/components/UserProfile/index.js b/.prev/src/components/UserProfile/index.js
deleted file mode 100644
index 34f2772c..00000000
--- a/.prev/src/components/UserProfile/index.js
+++ /dev/null
@@ -1,232 +0,0 @@
-import React from 'react'
-import styles from './styles.less'
-import * as ycore from 'ycore'
-import * as antd from 'antd'
-import { PageHeaderWrapper } from '@ant-design/pro-layout'
-import { CustomIcons, MainFeed, PostCreator } from 'components'
-import { SetHeaderSearchType } from 'components/HeaderSearch'
-import * as Icons from '@ant-design/icons'
-import Icon from '@ant-design/icons'
-import Follow_btn from './components/Follow_btn.js'
-import { BadgesType } from 'globals/badges_list'
-import classnames from 'classnames'
-
-const isMobile = localStorage.getItem('mobile_src')
-
-class UserProfile extends React.PureComponent {
- constructor(props) {
- super(props),
- (this.state = {
- invalid: false,
- UUID: '',
- RenderValue: {},
- loading: true,
- Followed: '',
- UserTags: [],
- })
- }
-
- require(i) {
- if (i) {
- try {
- switch (i) {
- case 'pro':
- return ycore.booleanFix(this.state.RenderValue.is_pro)
- case 'dev':
- return ycore.booleanFix(this.state.RenderValue.dev)
- case 'nsfw':
- return ycore.booleanFix(this.state.RenderValue.nsfw_flag)
- }
- } catch (err) {
- ycore.notify.error(err)
- return false
- }
- }
- return false
- }
-
- handleFollowUser = () => {
- const payload = { user_id: this.state.UUID }
- ycore.comty_user.follow((err, res) => {
- if (err) {
- return false
- }
- this.setState({ Followed: !this.state.Followed })
- return
- }, payload)
- }
-
- componentDidMount() {
- this.initUser(this.props.regx)
- SetHeaderSearchType.disable()
- }
-
- initUser = e => {
- const parsed = e.shift()
- const raw = parsed.toString()
- const string = raw.replace('/@', '')
-
- const payload = { key: string }
- ycore.comty_user.find((err, res) => {
- err ? ycore.notify.error(err) : null
- try {
- const rp = JSON.parse(res)
- ycore.yconsole.log(rp)
- if (!rp['0']) {
- ycore.yconsole.log('Bad response / User not found')
- const val = { id: null, username: 'User not found!' }
- this.setState({ invalid: true, RenderValue: val, loading: false })
- ycore.router.go(`main`)
- antd.message.warning(`Its seams like @${string} not exist`)
- return
- }
- const c1 = rp['0'].username.toLowerCase()
- const c2 = string.toLowerCase()
- if (c1 !== c2) {
- ycore.yconsole.log(`Using aproximate user! => ${c1} / ${c2}`)
- ycore.router.go(`@${c1}`)
- }
-
- this.setState({
- UUID: rp['0'].user_id,
- RenderValue: rp['0'],
- loading: false,
- Followed: ycore.booleanFix(rp['0'].is_following),
- })
-
- ycore.comty_user.__tags(
- (err, res) => {
- if (err) return false
- let fn = []
- const a = JSON.parse(res)['tags']
- const b = Object.entries(Object.assign({}, a[0]))
- const objectArray = b.slice(1, b.length)
-
- objectArray.forEach(([key, value]) => {
- if (value == 'true') {
- BadgesType.map(item => {
- item.id === key ? (item ? fn.push(item) : null) : null
- })
- }
- })
- BadgesType.map(item => {
- this.require(item.require) ? fn.push(item) : null
- })
- this.setState({ UserTags: fn })
- },
- { id: this.state.UUID }
- )
- } catch (err) {
- ycore.notify.error(err)
- }
- }, payload)
- }
-
- render() {
-
-const moreMenu = (
-
- {loading ? (
-
- )}
-
- )
- }
-}
-export default UserProfile
diff --git a/.prev/src/components/UserProfile/styles.less b/.prev/src/components/UserProfile/styles.less
deleted file mode 100644
index 727d2b1a..00000000
--- a/.prev/src/components/UserProfile/styles.less
+++ /dev/null
@@ -1,166 +0,0 @@
-@import '~themes/index.less';
-
-.textOverflow() {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- word-break: break-all;
-}
-
-// mixins for clearfix
-// ------------------------
-.clearfix() {
- zoom: 1;
-
- &::before,
- &::after {
- display: table;
- content: ' ';
- }
-
- &::after {
- clear: both;
- height: 0;
- font-size: 0;
- visibility: hidden;
- }
-}
-
-.userWrapper {
- padding: 0 68px 15px 68px;
- margin: auto;
- &.mobile{
- max-width: 510px;
- min-width: 265px;
- width: auto;
- padding: 0 15px 0 15px;
- }
- :global {
- .ant-page-header-content {
- padding-top: 0;
- overflow: initial !important;
- }
-
- .ant-page-header {
- padding: 20px 0 3px 0;
- }
-
- .ant-pro-page-header-wrap-page-header-warp {
- border-radius: 0 0 20px 20px;
- }
- }
-}
-
-.TagWrappers {
- width: 100%;
- float: right;
- position: relative;
- margin: 0 0 7px 0 !important;
-}
-
-.UserCover {
- border-radius: 15px 15px 0 0;
- position: relative;
- margin: -32px auto auto auto;
- max-height: 400px;
- overflow: hidden;
-
- img {
- width: calc(100% + 30px);
- overflow: hidden;
- margin: auto;
- }
-}
-
-.follow_wrapper {
- margin: 0 7px 0 7px;
- position: relative;
- float: right;
-}
-
-.avatar {
- transform: translate(-25px, -45px);
- max-height: 200px;
- max-width: 120px;
-
- &>span {
- position: relative;
- z-index: 10;
- width: 100%;
- height: 100%;
- }
-
- :global {
- .ant-avatar {
- box-shadow: 13px 13px 17px 4px rgba(69, 69, 69, 0.151);
- border-radius: 7px;
-
- img {
- width: 120px;
- }
- }
- }
-}
-
-.pageHeaderContent {
- vertical-align: top;
- display: flex;
-
- .content {
- font-family: "Poppins", sans-serif;
- color: @text-color-secondary;
- width: 100%;
-
- .contentTitle {
- padding: 0 10px 10px 0;
- color: @heading-color;
- font-weight: 500;
- font-size: 20px;
- line-height: 28px;
- }
- }
-}
-
-.user_more_menu{
- float: right;
- font-size: 18px;
-}
-
-
-@media screen and (max-width: @screen-md) {
- .extraContent {
- margin-left: -16px;
- }
-
- .projectList {
- .projectGrid {
- width: 50%;
- }
- }
-}
-
-@media screen and (max-width: @screen-sm) {
- .pageHeaderContent {
- display: block;
- margin: 10px;
-
- .content {
- margin-left: 0;
- }
- }
-
- .extraContent {
- .statItem {
- float: none;
- }
- }
-}
-
-@media screen and (max-width: @screen-xs) {
- .projectList {
- .projectGrid {
- width: 100%;
- }
- }
-}
-
diff --git a/.prev/src/components/YulioID/index.js b/.prev/src/components/YulioID/index.js
deleted file mode 100644
index 64a5eea3..00000000
--- a/.prev/src/components/YulioID/index.js
+++ /dev/null
@@ -1,240 +0,0 @@
-import React, { Component } from 'react'
-import { connect } from 'dva'
-import { Form, Icon as LegacyIcon } from '@ant-design/compatible'
-
-import { Button, Input, Drawer } from 'antd'
-import * as ycore from 'ycore'
-import * as Icons from '@ant-design/icons'
-
-import styles from './index.less'
-
-const FormItem = Form.Item
-
-@connect(({ loading }) => ({ loading }))
-@Form.create()
-class YulioID extends Component {
- constructor(props) {
- super(props)
- this.state = {
- // Drawers Visibility (Default on False)
- MainLoginVisible: true,
- ShowLoading: false,
- Answered: false,
- transition: false,
- }
- }
- // Handlers & others
- handleUsername(text) {
- this.setState({ RawUsername: text.target.value })
- }
- handlePassword(text) {
- this.setState({ RawPassword: text.target.value })
- }
- handleRetry = () => {
- this.setState({ ShowLoading: false, StateException: false, StateIcon: '' })
- }
- handleEnter = e => {
- this.handleLogin()
- }
-
- handleLogin = () => {
- var prefix = '[YID]: '
- const { RawUsername, RawPassword } = this.state
- var EncPassword = btoa(RawPassword)
- var EncUsername = btoa(RawUsername)
-
- if (!EncUsername || !EncPassword) {
- var message = 'Incomplete information!'
- ycore.yconsole.log(prefix, message)
- }
-
- if (EncUsername && EncPassword) {
- this.setState({ ShowLoading: true, StateMessage: 'Wait a sec...' })
- if (ycore.AppSettings.InfiniteLogin == true) {
- ycore.yconsole.log(prefix, 'InfiniteLogin is enabled! Disabled getAuth')
- } else {
- ycore.yconsole.log(prefix, 'Initialising login process...')
- const payload = { EncUsername, EncPassword }
- ycore.app_session.login((err, res) => {
- this.handleResponse(res)
- }, payload)
- }
- }
- }
-
- handleResponse = response => {
- if (response == '200') {
- ycore.LoginPage.transitionToogle()
- this.setState({
- StateIcon: 'login',
- StateMessage: 'Wait a sec...',
- StateException: false,
- })
-
- }
- if (response == '400') {
- this.setState({
- StateIcon: 'exclamation-circle',
- StateMessage: 'Invalid credentials',
- StateException: true,
- })
- }
- if (response == '404') {
- this.setState({
- StateIcon: 'exclamation-circle',
- StateMessage: 'Invalid Data',
- StateException: true,
- })
- }
- if (response == '500') {
- this.setState({
- StateIcon: 'cluster',
- StateMessage: 'Server Error',
- StateException: true,
- })
- }
- }
-
- render() {
- const { visible } = this.props
- const { getFieldDecorator } = this.props.form
- const { ShowLoading, StateIcon, StateMessage, StateException } = this.state
-
- return (
-
- {invalid ? null : (
-
- )}
- {ycore.IsThisUser.same(UUID) ? (
-
-
-
- }
- />
-
- 
-
-
-
-
-
-
-
- {this.state.UserTags.length > 0 ? (
- (
-
-
- {item.title} {item.icon}
-
-
- )}
- />
- ) : null}
-
- {ycore.IsThisUser.same(RenderValue.id) ? null : (
- this.handleFollowUser()}
- >
-
- )}
-
-
- {RenderValue.username}
-
-
-
-
- {RenderValue.username}
-
- {ycore.booleanFix(RenderValue.verified) ? (
-
-
- { ycore.IsThisUser.same(UUID)?
-
-
- : null }
-
-
-
-
-
-
-
-
-
-
- )
- }
-}
-
-export default YulioID
diff --git a/.prev/src/components/YulioID/index.less b/.prev/src/components/YulioID/index.less
deleted file mode 100644
index 3aa46d12..00000000
--- a/.prev/src/components/YulioID/index.less
+++ /dev/null
@@ -1,485 +0,0 @@
- @import '~themes/index.less';
-
- .loginWrapper {
- :global {
- .ant-drawer-right.ant-drawer-open.no-mask {
- right: 1px;
- -ms-transform: translateX(1px);
- transform: translateX(1px);
- width: 100%;
- }
-
- .ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
- width: 100%;
- border-radius: 20px 0 0 20px;
- }
-
- .ant-drawer-body {
- height: 100%;
- }
-
- .ant-drawer {
- box-shadow: none;
- border-radius: 20px 0 0 20px;
- max-width: 512px;
- width: 100%;
- }
-
- .ant-drawer-content {
- background: #ffffff9f;
- border-radius: 20px 0 0 20px;
- }
- }
- }
-
- .StateIcon {
- font-size: 24px;
- margin: 13px;
- }
-
- .StateIcon_exception {
- font-size: 24px;
- margin: 13px;
- color: red !important;
-
- :global {
- i {
- color: red !important;
-
- }
- }
- }
-
- .mainlp {
- flex-direction: column;
- justify-content: center;
- align-items: center;
- display: flex;
- width: 100%;
- word-break: keep-all;
-
- color: @foregroundColor;
- text-align: left;
- }
-
- .mainlp .sectionlp {
- border: 1px solid @accentColor;
- position: relative;
- padding: 40px 40px 50px;
- }
-
- .mainlp .sectionlp>h6 {
- color: @accentColor;
- background: @canvasColor;
- position: absolute;
- top: -10px;
- left: 20px;
- padding: 0 10px;
- }
-
- .mainlp .sectionlp .h6lp.subheader {
- color: @grayColor;
- margin-top: 20px;
- margin-bottom: 20px;
- width: 100%;
- }
-
- @media (max-width: 992px) {
- section:not(:last-child) {
- border-width: 0 0 1px;
- }
-
- section:last-child {
- border-width: 0;
- }
- }
-
-
-
-
- .buttons {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- }
-
- .buttons>* {
- flex: 1 1 calc(50% - 20px);
- margin-top: 20px;
- }
-
- .buttons>*:nth-child(odd) {
- margin-right: 20px;
- }
-
- a.buttonlp,
- input.buttonlp,
- .buttonlp {
- outline: none;
- width: 100%;
- text-align: center;
- display: inline-block;
- border: none;
- font: 500 16px/1 "Poppins", sans-serif;
- padding: 20px;
- cursor: pointer;
- border-radius: @borderRadius;
- background: @primaryColor;
- color: @backgroundColor;
- position: relative;
- top: 0;
- transition: 0.2s ease;
- }
-
- a.buttonlp:hover,
- a.buttonlp.hover,
- input.buttonlp:hover,
- input.buttonlp.hover,
- .buttonlp:hover,
- .buttonlp.hover {
- top: -3px;
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
- }
-
- a.buttonlp:active,
- a.buttonlp.active,
- input.buttonlp:active,
- .input.buttonlp.active,
- .buttonlp:active,
- .buttonlp.active {
- background: @primaryShade4;
- outline: none;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
- top: 0;
- }
-
- a.buttonlp.disabled,
- input.buttonlp.disabled,
- .buttonlp.disabled {
- opacity: 0.4;
- user-select: none;
- pointer-events: none;
- }
-
- a.buttonlp.medium,
- input.buttonlp.medium,
- .buttonlp.medium {
- padding: 15px 18px;
- width: auto;
- }
-
- a.buttonlp.small,
- input.buttonlp.small,
- .buttonlp.small {
- padding: 10px 12px;
- width: auto;
- font-size: 14px;
- font-weight: 500;
- }
-
- a.buttonlp.secondary,
- input.buttonlp.secondary,
- .buttonlp.secondary {
- background: @secondaryColor;
- }
-
- a.buttonlp.secondary:active,
- a.buttonlp.secondary:focus,
- a.buttonlp.secondary.active,
- input.buttonlp.secondary:active,
- input.buttonlp.secondary:focus,
- input.buttonlp.secondary.active,
- .buttonlp.secondary:active,
- .buttonlp.secondary:focus,
- .buttonlp.secondary.active {
- background: @secondaryShade4;
- outline: none;
- }
-
- a.buttonlp.accent,
- input.buttonlp.accent,
- .buttonlp.accent {
- background: @accentColor;
- }
-
- a.buttonlp.accent:active,
- a.buttonlp.accent:focus,
- a.buttonlp.accent.active,
- input.buttonlp.accent:active,
- input.buttonlp.accent:focus,
- input.buttonlp.accent.active,
- .buttonlp.accent:active,
- .buttonlp.accent:focus,
- .buttonlp.accent.active {
- background: @accentShade4;
- }
-
- a.buttonlp.accent2,
- input.buttonlp.accent2,
- .buttonlp.accent2 {
- background: @accent2Color;
- }
-
- a.buttonlp.accent2:active,
- a.buttonlp.accent2:focus,
- a.buttonlp.accent2.active,
- input.buttonlp.accent2:active,
- input.buttonlp.accent2:focus,
- input.buttonlp.accent2.active,
- .buttonlp.accent2:active,
- .buttonlp.accent2:focus,
- .buttonlp.accent2.active {
- background: @accent2Shade4;
- }
-
- a.buttonlp.accent3,
- input.buttonlp.accent3,
- .buttonlp.accent3 {
- background: @accent3Color;
- }
-
- a.buttonlp.accent3:active,
- a.buttonlp.accent3:focus,
- a.buttonlp.accent3.active,
- input.buttonlp.accent3:active,
- input.buttonlp.accent3:focus,
- input.buttonlp.accent3.active,
- .buttonlp.accent3:active,
- .buttonlp.accent3:focus,
- .buttonlp.accent3.active {
- background: @accent3Shade4;
- }
-
- /*inputs*/
- .input__wrapper {
- margin-bottom: 10px;
-
- :global {
- .ant-col {
- width: 100%;
- }
- }
- }
-
- .inputRG__wrapper {
- margin-bottom: 0px;
- }
-
- .labelform {
- font-weight: 500;
- display: block;
- margin-bottom: 5px;
- }
-
- .inputform,
- select,
- textarea {
- height: 50px;
- font-size: 16px;
- border: 2px solid @neutralShade3;
- width: 100%;
- padding: 12px;
- font-family: "Poppins";
- border-radius: @borderRadius;
- color: @foregroundColor;
- background: @backgroundColor;
- }
-
- .inputform:focus,
- .inputform.active,
- select:focus,
- select.active,
- textarea:focus,
- textarea.active {
- outline: none;
- border-color: @primaryColor;
- }
-
- .inputform:disabled,
- select:disabled,
- textarea:disabled {
- cursor: not-allowed;
- background: @neutralShade1;
- opacity: 0.6;
- }
-
- Input .inputPasswordform {
- height: 50px;
- font-size: 16px;
- border: 2px solid @neutralShade3;
- width: 100%;
- padding: 12px;
- font-family: "Poppins";
- border-radius: @borderRadius;
- color: @foregroundColor;
- background: @backgroundColor;
- }
-
- Input .inputPasswordform:focus {
- outline: none;
- border-color: @primaryColor;
- }
-
- .inputform.input {
- height: 56px;
- font-size: 18px;
- padding: 15px;
- }
-
-
- /*spinner*/
- .spinner+.labellp {
- font-size: 14px;
- font-weight: 500;
- margin-top: 8px;
- display: inline-block;
- text-transform: uppercase;
- color: @primaryShade4;
- }
-
- .spinner1 .spinner {
- max-width: 50px;
- margin: auto;
- height: 20px;
- position: relative;
- }
-
- .spinner1 .spinner:after {
- content: "";
- position: absolute;
- width: 20px;
- height: 20px;
- left: -10%;
- background: @primaryColor;
- animation: spinnerLeftRight 1s infinite;
- }
-
- .spinner1 .spinner:before {
- content: "";
- position: absolute;
- width: 20px;
- height: 20px;
- left: -10%;
- background: @primaryShade2;
- opacity: 1;
- animation: spinnerLeftRight 1s infinite 0.06s;
- }
-
- @keyframes spinnerLeftRight {
- 0% {
- left: 85%;
- }
-
- 50% {
- left: -10%;
- }
-
- 100% {
- left: 85%;
- }
- }
-
-
-
- .formlogin {
- width: 95%;
- height: auto;
- border-radius: 10px;
- padding: 30px;
- box-shadow: 0 3px 15px rgba(51, 51, 51, 0.2);
- background: #ffffff44;
- margin: 20px 10px 20px 10px;
- position: relative;
- overflow: hidden;
- vertical-align: middle;
- }
-
- .formlogin .checkbox {
- margin-bottom: 30px;
- }
-
- .formlogin .spinner__wrapper {
- place-items: center;
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0;
- top: 0;
- background: rgba(255, 255, 255, 0.85);
-
- }
-
-
- .preheader {
- position: relative;
- top: 0;
-
- h1 {
- font: 700 48px "Nunito", sans-serif;
- text-align: center;
- margin-bottom: 10px;
- }
-
- h6 {
- padding: 3em 0 0 0;
- line-height: 1px;
- display: flex;
- font: 500 16px/1 "Poppins", sans-serif;
- text-transform: uppercase;
-
- img {
- vertical-align: middle;
- height: 17px;
- }
- }
- }
-
- .moreActions {
- display: flex;
- margin: auto;
- align-content: center;
- position: relative;
- width: 100%;
-
- :global {
- .ant-btn {
- margin: auto;
- }
- }
- }
-
- @media (max-width: 472px) {
- .moreActions {
- display: grid;
- align-content: center;
- position: relative;
- width: 100%;
-
- :global {
- .ant-btn {
- margin: 5px;
- }
- }
- }
- }
-
- .resultbox {
- h6 {
- font-family: "Poppins", sans-serif;
- text-align: center;
- font-size: 16px;
- margin: auto;
- vertical-align: middle;
- }
-
- .retryBTN {
- text-align: center;
- width: 100%;
- position: absolute;
- bottom: 0;
- margin: auto;
- vertical-align: bottom;
- }
-
- margin: auto;
- }
\ No newline at end of file
diff --git a/.prev/src/components/index.js b/.prev/src/components/index.js
deleted file mode 100644
index 7583c7a5..00000000
--- a/.prev/src/components/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-// @alias from 'components'
-
-// Helpers & Misc
-import MobileWarning from './MobileWarning'
-import CustomIcons from './CustomIcons'
-import Loader from './Loader/Loader.js'
-import ScrollBar from './ScrollBar'
-import App_about from './App_about'
-
-// App Layout Components
-import * as MyLayout from './Layout/index.js'
-import HeaderSearch from './HeaderSearch'
-import PageTransition from './PageTransition'
-import YulioID from './YulioID'
-
-// User Components
-import UserBadges from './UserBadges'
-import UserProfile from './UserProfile'
-import SearchCard from './SearchCard'
-
-// Post Components
-import MediaPlayer from './MediaPlayer'
-import PostCard from './PostCard'
-import Like_button from './Like_button'
-import MainFeed from './MainFeed'
-import PostCreator from './PostCreator'
-
-// Mix & Export all
-export {
- App_about,
- MediaPlayer,
- UserBadges,
- MobileWarning,
- PageTransition,
- SearchCard,
- HeaderSearch,
- YulioID,
- UserProfile,
- MyLayout,
- Loader,
- ScrollBar,
- PostCard,
- PostCreator,
- CustomIcons,
- Like_button,
- MainFeed,
-}
diff --git a/.prev/src/layouts/BaseLayout.js b/.prev/src/layouts/BaseLayout.js
deleted file mode 100644
index 0e790821..00000000
--- a/.prev/src/layouts/BaseLayout.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import React, { PureComponent, Fragment } from 'react'
-import PropTypes from 'prop-types'
-import { connect } from 'dva'
-import { Helmet } from 'react-helmet'
-import { Loader } from 'components'
-import { queryLayout } from 'utils'
-import NProgress from 'nprogress'
-import config from 'config'
-import withRouter from 'umi/withRouter'
-import {AppSettings} from 'ycore'
-
-import PublicLayout from './PublicLayout'
-import PrimaryLayout from './PrimaryLayout'
-import './BaseLayout.less'
-
-const LayoutMap = {
- primary: PrimaryLayout,
- public: PublicLayout,
-}
-
-@withRouter
-@connect(({ loading }) => ({ loading }))
-class BaseLayout extends PureComponent {
- previousPath = ''
-
- render() {
- const { loading, children, location } = this.props
- const Container = LayoutMap[queryLayout(config.layouts, location.pathname)]
-
- const currentPath = location.pathname + location.search
- if (currentPath !== this.previousPath) {
- NProgress.start()
- }
-
- if (!loading.global) {
- NProgress.done()
- this.previousPath = currentPath
- }
-
- return (
-
-
-
-
-
- 
YulioID™
-
-
-
-
-
-
-
-
-
-
-
-
- )
- }
- if (matchMaster) {
- return ycore.IsThisUser.dev() || ycore.IsThisUser.admin() ? (
- <__m />
- ) : (
-
-
- )
- }
-}
-
-export default PageIndexer
diff --git a/.prev/src/pages/$page/index.less b/.prev/src/pages/$page/index.less
deleted file mode 100644
index cc1b09bf..00000000
--- a/.prev/src/pages/$page/index.less
+++ /dev/null
@@ -1,14 +0,0 @@
-.content {
- line-height: 2.4;
- font-size: 13px;
-
- .item {
- display: flex;
-
- &>div {
- &:first-child {
- width: 100px;
- }
- }
- }
-}
\ No newline at end of file
diff --git a/.prev/src/pages/404.js b/.prev/src/pages/404.js
deleted file mode 100644
index ddc21062..00000000
--- a/.prev/src/pages/404.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import { Icon as LegacyIcon } from '@ant-design/compatible'
-import { Page } from 'components'
-import styles from './404.less'
-
-const Error404 = () => (
-
-
-)
-
-export default Error404
diff --git a/.prev/src/pages/404.less b/.prev/src/pages/404.less
deleted file mode 100644
index ac10f8cc..00000000
--- a/.prev/src/pages/404.less
+++ /dev/null
@@ -1,55 +0,0 @@
-/* devanagari */
-@font-face {
- font-family: 'Poppins';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
- unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
-}
-
-/* latin-ext */
-@font-face {
- font-family: 'Poppins';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
- font-family: 'Poppins';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v6/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-.error {
- background-color: transparent;
- color: black;
- text-align: center;
- position: absolute;
- top: 30%;
- margin-top: -50px;
- left: 50%;
- margin-left: -100px;
- width: 200px;
-
- :global .anticon {
- font-size: 48px;
- margin-bottom: 16px;
- }
-
- h1 {
- font-family: 'Poppins', sans-serif;
-
- }
-
- p {
- font-family: 'Poppins', sans-serif;
- }
-}
\ No newline at end of file
diff --git a/.prev/src/pages/__m/index.js b/.prev/src/pages/__m/index.js
deleted file mode 100644
index a8bd4faf..00000000
--- a/.prev/src/pages/__m/index.js
+++ /dev/null
@@ -1,232 +0,0 @@
-import React from 'react'
-import * as ycore from 'ycore'
-import * as antd from 'antd'
-import * as Icons from '@ant-design/icons'
-import jwt from 'jsonwebtoken'
-
-import styles from './style.less'
-import MainFeed from '../../components/MainFeed'
-
-const UserData = ycore.userData()
-
-export default class __m extends React.Component {
- constructor(props) {
- super(props),
- (this.state = {
- s_id: '',
- coninfo: 'Getting info...',
- s_token: '',
- s_ses: '',
- })
- }
-
- componentDidMount() {
- this.handleSID()
- this.handleToken()
- }
-
- handleSID() {
- ycore.comty_get.session_id((err, response) => {
- if (err) {
- return ycore.notify.error(err)
- }
- this.setState({ s_id: response })
- })
- }
- handleToken() {
- const a = ycore.token_data.getRaw()
- const b = jwt.decode(a)
- this.setState({ s_token: b })
- {
- ycore.validate.session(res => {
- this.setState({ s_ses: res })
- })
- }
- }
- handleDesktop() {
- const a = localStorage.getItem('desktop_src')
- let to
- if ( a == 'false') {
- to = true
- } else {
- to = false
- }
- ycore.notify.proccess('Switching to ', to ? 'Desktop Mode' : 'Normal Mode')
- localStorage.setItem('desktop_src', to)
- setTimeout(() => ycore.RefreshONCE(), 2000)
- }
- DescompileSDCP() {
- let result = {}
- for (var i = 0; i < UserData.length; i++) {
- result[UserData[i].key] = UserData[i].value
- }
- console.log([result])
- }
-
- render() {
- const arrayOfSDCP = Object.entries(UserData).map(e => ({ [e[0]]: e[1] }))
- const { UserID, UserToken, expiresIn } = this.state.s_token
- const { ValidSDCP, ValidCookiesToken, final } = this.state.s_ses
-
- const AddDummy = {
- id: '3',
- publisher: { id: '1' },
- post_id: '1',
- user_id: '48',
- recipient_id: '0',
- postText: 'New by ID Dummy Payload',
- }
-
- return (
- OBA BLYAT
-- ERROR 404 -
-
-
- )
- }
-}
diff --git a/.prev/src/pages/__m/style.less b/.prev/src/pages/__m/style.less
deleted file mode 100644
index ad2d7dc7..00000000
--- a/.prev/src/pages/__m/style.less
+++ /dev/null
@@ -1,31 +0,0 @@
-@import '~themes/index.less';
-
-.Wrapper {
- padding: 10px;
-}
-
-.titleHeader {
- position: relative;
- width: 100%;
- height: 40px;
- background-color: #fff;
- border-radius: 8px;
- line-height: 40px;
- padding: 0 30px 0 15px;
-
- h1 {
- font-family: "Poppins", sans-serif;
- font-size: 14px;
- color: #1890ff;
- }
-
-}
-
-.sectionWrapper {
- word-break: break-all;
- max-width: 100%;
- text-overflow: clip;
- margin: 15px auto 15px 0;
- padding: 15px;
- background-color: rgb(236, 236, 236);
-}
\ No newline at end of file
diff --git a/.prev/src/pages/about/index.js b/.prev/src/pages/about/index.js
deleted file mode 100644
index 928dcb1b..00000000
--- a/.prev/src/pages/about/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-import { App_about } from 'components'
-
-class AppAbout extends React.Component {
- render() {
- return
-
-
-
-
-
-
-
-
-
- {ycore.__server.getKey()}
-
-
-
-
- {this.state.s_id}
-
-
-
-
-
-
-
-
- {' '}
- Using v{ycore.AppInfo.version} | User @{UserData.username}#
- {UserData.id} |{' '}
-
-
-
-
-
-
- {ycore.__server.getKey()}
-
-
- {this.state.s_id}
-
-
- Raw => {JSON.stringify(this.state.s_token)}
-UID => {UserID}
-Session Token => {UserToken}
-expiresIn => {expiresIn}
--
ValidSDCP => {JSON.stringify(ValidSDCP)}
-ValidCookiesToken => {JSON.stringify(ValidCookiesToken)}
-Valid? => {JSON.stringify(final)}
-
-
-
-
-
-
-
- ycore.notify.error('Yep, its not empty, jeje funny')}
- >
- {' '}
- Send empty notify.error(){' '}
-
-
- ycore.notify.error(`
- ycore.GetPosts(uid, get, '0', (err, result) => {
- const parsed = JSON.parse(result)['data']
- const isEnd = parsed.length < ycore.AppSettings.limit_post_catch? true : false
- this.setState({ isEnd: isEnd, data: parsed, loading: false })
- })`)
- }
- >
- {' '}
- Send mock notify.error(){' '}
-
-
- ycore.notify.error('Error Mock 1')}>
- {' '}
- notify.error{' '}
-
- ycore.notify.proccess('Proccess Mock 1')}>
- {' '}
- notify.proccess{' '}
-
- this.handleDesktop()}>
- {' '}
- Switch to Desktop_mode{' '}
-
-
- ycore.app_modals.report_post()}>
- Open report_post modal
-
-
- ycore.sync.emmitPost()}>
- Emmit Post feed
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {JSON.stringify(arrayOfSDCP)}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ycore.FeedHandler.addToRend(AddDummy)}>
- {' '}
- ADD DUMMY{' '}
-
- ycore.FeedHandler.killByID(3)}>
- {' '}
- KillByID (3){' '}
-
-
-
-
- -
-
-
-
- )
- } catch (error) {
- return (
-
-
- Render Error
-
-
-
-
-
-
- )
- }
-
- return (
-
-
-
- {this.state.loading
- ? null
- : this.renderResult(this.state.SearchResult)}
-
-
- Render Error
-
- )
- }
-}
-
-export default GroupIndexer
diff --git a/.prev/src/pages/g/$group/styles.less b/.prev/src/pages/g/$group/styles.less
deleted file mode 100644
index 6ced630f..00000000
--- a/.prev/src/pages/g/$group/styles.less
+++ /dev/null
@@ -1,20 +0,0 @@
-@import '~themes/index.less';
-
-.searchHeader {
- font-family: "Nunito", sans-serif;
- font-size: 40px;
- text-align: center;
- margin-top: 7px;
-}
-
-.results {
- padding: 10px;
-}
-
-.searchEntry {
- :global {
- .antd-card {
- margin: auto;
- }
- }
-}
\ No newline at end of file
diff --git a/.prev/src/pages/index.js b/.prev/src/pages/index.js
deleted file mode 100644
index 183c0a9e..00000000
--- a/.prev/src/pages/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React, { PureComponent } from 'react'
-import * as ycore from 'ycore'
-
-class Index extends PureComponent {
- render() {
- ycore.router.go(`login`)
- }
-}
-
-export default Index
diff --git a/.prev/src/pages/login/index.js b/.prev/src/pages/login/index.js
deleted file mode 100644
index 6832aa16..00000000
--- a/.prev/src/pages/login/index.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import React from 'react'
-import { AppInfo } from 'ycore'
-import styles from './index.less'
-import classnames from 'classnames'
-
-import * as antd from 'antd'
-import * as Icons from '@ant-design/icons'
-
-import { RegistrationForm } from './register.js'
-import { NormalLoginForm } from './login.js'
-
-import { siteName } from 'config'
-
-export function transitionToogle() {
- window.LoginComponent.setState({
- transition: !window.LoginComponent.state.transition,
- })
- window.LoginComponent.toogleYulioID()
-}
-
-class Login extends React.PureComponent {
- constructor(props) {
- super(props)
- window.LoginComponent = this
- this.state = {
- transition: false,
- using: 1,
- }
- }
- switchType = {
- f: a => {
- this.setState({ using: a })
- },
- login: () => {
- this.switchType.f(1)
- },
- register: () => {
- this.switchType.f(2)
- },
- forgot: () => {
- this.switchType.f(3)
- },
- }
-
- renderType(t) {
- const a = this.state.using
- if (t) {
- switch (a) {
- case 1:
- return `Sign in ${siteName}`
- case 2:
- return 'Register'
- case 3:
- return 'Forgot'
- default:
- return 'Auth'
- }
- } else {
- switch (a) {
- case 1:
- return
- this.switchType.forgot()}>
- Forgotten password
-
- this.switchType.register()}>
- Create an account
-
-
- )
- }
- if (this.state.using == 2 || 3) {
- return (
-
- this.switchType.login()}>
- Login
-
-
- )
- }
- }
-
- render() {
- return (
-
-
- )
- }
-}
-export default Login
diff --git a/.prev/src/pages/login/index.less b/.prev/src/pages/login/index.less
deleted file mode 100644
index ef8e2646..00000000
--- a/.prev/src/pages/login/index.less
+++ /dev/null
@@ -1,235 +0,0 @@
-@import '~themes/index.less';
-
-
-.login_wrapper{
- width: 100%;
- height: 100%;
- font-family: "Poppins", sans-serif!important;
- h1,h2,h3,h4,h5,h6{color: #333;}
- position: absolute;
- top: 0;
- left: 0;
- display: flex;
- display: flex;
- align-items: center;
- justify-content: center;
- font-size: 20px;
- margin: auto;
-
- overflow-y: scroll;
- overflow-x: hidden;
- &.goOut{
- .auth_box{
- -webkit-animation-name: fadeOutLeft;
- animation-name: fadeOutLeft;
- }
- }
- transition: all 300ms ease-in-out;
-}
-
-
-.auth_box{
- display: flex;
- transition: all 300ms ease-in-out;
-
- .yid_logo {
- vertical-align: middle;
- height: 17px;
- }
- :global{
- input:-webkit-autofill,
- input:-webkit-autofill:hover,
- input:-webkit-autofill:focus,
- textarea:-webkit-autofill,
- textarea:-webkit-autofill:hover,
- textarea:-webkit-autofill:focus,
- select:-webkit-autofill,
- select:-webkit-autofill:hover,
- select:-webkit-autofill:focus {
- border: 0;
- -webkit-text-fill-color: #333;
- -webkit-box-shadow: 0 0 0px 1000px #ffffff98 inset;
- box-shadow: #fff 0px 0px 0px 1000px inset;
- transition: background-color 5000s ease-in-out 0s;
- }
-
- .ant-input-affix-wrapper {
- width: 100%;
- height: 40px;
- padding: 4px 11px;
- color: #333;
- font-size: 14px;
- line-height: 1.5715;
- background-color: #fff; //rgba(255, 255, 255, 0.596);
- border: 1.5px #2F66DF solid;
- border-radius: 7px;
- }
- }
-}
-
-.centering_wrapper{
- width: 100%;
- text-align: center;
-}
-
-.left_body{
- z-index: 50;
- transform: translate(12px,0);
- float: left;
- width: 30%;
- color: #333;
- background-color: #fff;
- padding: 20px;
- border-radius: 12px 0 0 12px;
- box-shadow: 0px 10px 20px 0px rgba(51,51,51,0.52);
- transition: all 300ms ease-in-out;
-
-}
-.right_body{
- z-index: 51;
- float: right;
- width: 70%;
- max-height: -webkit-fill-available;
- height: 150px;
- padding: 20px 50px 20px 50px;
- color: #333;
- background-color: #fff;
- border-radius: 12px;
- box-shadow: 0px 10px 20px 0px rgba(51,51,51,0.52);
- transition: all 300ms ease-in-out;
-}
-
-
-
-.helper_login_btn{
- transform: translate(-20px, -14px);
-}
-
-
-.login_helper_footer{
- width: 100%;
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- display: flex;
- margin: auto;
- :global{
- .ant-btn{
- margin: auto;
- padding: 0 5px 0 5px;
- }
- }
-
- transform: translate(0, -10px);
-
-}
-
-
-@keyframes go-out {
- 0% {
- filter: blur(0px)
- }
-
- 100% {
- filter: blur(15px)
- }
-}
-
-// // Full format
-// @media (min-width: 486px){
-// .login_wrapper {
-// min-height: 580px;
-// }
-// .auth_box {
-// width: 784px;
-// }
-// }
-
-// Medium format max-width: 830px
-@media (min-width: 486px){
- .auth_box {
- padding: 0 16px 40px;
- width: 500px;
- min-height: 500px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .left_body{
- width: 100%;
- float: none;
- border-radius: 12px 12px 0 0;
- padding: 20px 20px 20px 20px;
- transform: translate(0, 22px);
- }
- .right_body{
- width: 100%;
- float: none;
- padding: 20px 60px 20px 60px;
- }
-}
-
-// Mobile format
-@media (max-width: 485px){
- .auth_box {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- padding: 70px 16px 40px;
- width: 100%;
- height: 100%;
- min-height: 500px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- border-radius: 0;
- }
- .left_body{
- box-shadow: none;
- width: 100%;
- float: none;
- position: absolute;
- top: 0;
- margin-top: 30px;
- transform: translate(0, 0);
- }
- .right_body{
- box-shadow: none;
- width: 100%;
- float: none;
- padding: 20px 20px 20px 20px;
- }
-}
-
-.register_form{
-
-}
-
-@-webkit-keyframes fadeOutLeft {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
-}
-
-@keyframes fadeOutLeft {
- from {
- opacity: 1;
- }
-
- to {
- opacity: 0;
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
- }
-}
diff --git a/.prev/src/pages/login/login.js b/.prev/src/pages/login/login.js
deleted file mode 100644
index 231bd947..00000000
--- a/.prev/src/pages/login/login.js
+++ /dev/null
@@ -1,221 +0,0 @@
-import React from 'react'
-import styles from './index.less'
-
-import Fade from 'react-reveal/Fade'
-import HeadShake from 'react-reveal/HeadShake';
-
-import * as antd from 'antd'
-import * as ycore from 'ycore'
-
-import { Form, Input, Button, Checkbox } from 'antd'
-import {
- UserOutlined,
- LockOutlined,
- BulbOutlined,
- SwapLeftOutlined
-} from '@ant-design/icons'
-
-export class NormalLoginForm extends React.PureComponent {
- state = {
- step: 1,
- validating: false,
- error_count: 0,
- step_error: false,
- step_show: true,
- swpass: false,
- }
-
- next = values => {
- let a = this.state.step
- const b = btoa(Object.values(values).toString())
- switch (a) {
- case 1:
- const payload = { username: Object.values(values).toString() }
- ycore.get_early.user((err, res) => {
- if (err || !res) return false
- try {
- const res_data = JSON.parse(res)
-
- if (res_data.api_status == 200) {
- a++
- this.anim_transition(300)
- this.setState({
- step_error: false,
- early_data: res_data.data,
- form_rawd_1: b,
- step: a,
- })
- }
- if (res_data.api_status == 400) {
- this.anim_error()
- }
- } catch (error) {
- return false
- }
- }, payload)
-
- return true
- case 2:
- this.setState({ form_rawd_2: b, step: a })
- this.auth()
- return true
- default:
- return false
- }
- }
-
- back() {
- let a = this.state.step
- if (a > 1) {
- a--
- this.anim_transition(150)
- }
-
- this.setState({ step: a })
- }
-
- anim_transition(duration) {
- this.setState({ step_show: false })
- setTimeout(() => {
- this.setState({ step_show: true })
- }, duration || 1000)
- }
- anim_error() {
- this.setState({ step_error: true, error_count: (this.state.error_count + 1) })
- }
-
- auth() {
- const { form_rawd_1, form_rawd_2 } = this.state
- if (!form_rawd_1 || !form_rawd_2) return false
- const frame = { EncUsername: form_rawd_1, EncPassword: form_rawd_2 }
-
- this.setState({ step_error: false, validating: true })
- ycore.app_session.login((err, res) => {
- switch (res) {
- case '200': {
- this.anim_transition(300)
- ycore.LoginPage.transitionToogle()
- return
- }
- case '400': {
- console.log('Credentials error')
- this.setState({ validating: false })
- this.anim_error()
- return
- }
- case '500': {
- console.log('Server error')
- this.setState({ validating: false })
- this.back()
- return
- }
- default:
- this.back()
- this.setState({ validating: false })
- return false
- }
- }, frame)
- }
-
- renderState = () => {
- switch (this.state.step) {
- case 1:
- return (
-
- )
- case 2:
- return (
-
- )
- case 3: {
- return
- ⚠ Using v{AppInfo.version} {AppInfo.stage}
-
-
-
-
-
-
-
-
-
-
-
- YulioID™
-
- {this.renderType(true)}
-
- {this.renderType()}
- {this.renderHelperButtons()}
-
- Wait a sec...
- } - default: - return null - } - } - - render() { - return ( -
-
- {this.renderState()}
-
-
- )
- }
-}
diff --git a/.prev/src/pages/login/register.js b/.prev/src/pages/login/register.js
deleted file mode 100644
index c74a5b49..00000000
--- a/.prev/src/pages/login/register.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import React, { useState } from 'react'
-import {
- MailOutlined,
- TagOutlined,
- LockOutlined,
-} from '@ant-design/icons'
-
-import styles from './index.less'
-import {
- Form,
- Input,
- Tooltip,
- Cascader,
- Select,
- Row,
- Col,
- Checkbox,
- Button,
- AutoComplete,
-} from 'antd'
-import { QuestionCircleOutlined } from '@ant-design/icons'
-import ReCAPTCHA from 'react-google-recaptcha'
-import { g_recaptcha_key } from 'config'
-
-function capchaOnChange(value) {
- console.log('Captcha value:', value)
-}
-
-
-
-export const RegistrationForm = () => {
-
- const onFinish = values => {
- console.log('Received values of form: ', values)
- }
-
- return (
-
-
-
- )
-}
diff --git a/.prev/src/pages/main/index.js b/.prev/src/pages/main/index.js
deleted file mode 100644
index 5f1e604a..00000000
--- a/.prev/src/pages/main/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-import * as ycore from 'ycore'
-import { PostCreator, MainFeed } from 'components'
-import styles from './index.less'
-
-export default class Main extends React.Component {
- render() {
- return (
-
-
- )
- }
-}
diff --git a/.prev/src/pages/main/index.less b/.prev/src/pages/main/index.less
deleted file mode 100644
index 7c81e1c2..00000000
--- a/.prev/src/pages/main/index.less
+++ /dev/null
@@ -1,6 +0,0 @@
-@import '~themes/index.less';
-
-.mainWrapper {
- position: relative;
- padding: 20px;
-}
diff --git a/.prev/src/pages/marketplace/index.js b/.prev/src/pages/marketplace/index.js
deleted file mode 100644
index 269da609..00000000
--- a/.prev/src/pages/marketplace/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react'
-import * as antd from 'antd'
-
-export default class Marketplace extends React.PureComponent{
- render(){
- return(
- Your PRO
- }
-}
diff --git a/.prev/src/pages/s/$search/index.js b/.prev/src/pages/s/$search/index.js
deleted file mode 100644
index 75ce960d..00000000
--- a/.prev/src/pages/s/$search/index.js
+++ /dev/null
@@ -1,163 +0,0 @@
-import React, { PureComponent } from 'react'
-import { pathMatchRegexp } from 'utils'
-import { SearchCard } from 'components'
-import styles from './styles.less'
-import * as ycore from 'ycore'
-import * as antd from 'antd'
-import * as Icons from '@ant-design/icons'
-import Icon from '@ant-design/icons'
-
-class SearchPageIndexer extends PureComponent {
- constructor(props) {
- super(props),
- (this.state = {
- SearchResult: '',
- loading: true,
- })
- }
- toogleLoading() {
- this.setState({ loading: !this.state.loading })
- }
- componentDidMount() {
- try {
- const { location } = this.props
- const matchSearch = pathMatchRegexp('/s/:id', location.pathname)
- const parsed = matchSearch.shift()
- const raw = parsed.toString()
- const string = raw.replace('/s/', '')
-
- const payload = { key: string }
- ycore.comty_search.keywords((err, res) => {
- if (err) {
- ycore.notify.error(err)
- }
- ycore.yconsole.log('Founded entries => ', JSON.parse(res))
- this.setState({ SearchResult: res })
- this.toogleLoading()
- }, payload)
- } catch (err) {
- ycore.notify.error(err)
- }
- }
-
- renderResult = source => {
- try {
- const Empty = (
-
-
- )
-
- // TO DO: Settings serach & Post Search
- const usersParsed = JSON.parse(source)['users']
- const groupsParsed = JSON.parse(source)['groups']
- const pagesParsed = JSON.parse(source)['pages']
-
- const users = () => {
- if (usersParsed.length >= 1) {
- ycore.yconsole.log('Users => ', usersParsed)
- return this.EntryComponent('Users', usersParsed)
- }
- }
- const groups = () => {
- if (groupsParsed.length >= 1) {
- ycore.yconsole.log('Groups => ', groupsParsed)
- return this.EntryComponent('Groups', groupsParsed)
- }
- }
- const pages = () => {
- if (pagesParsed.length >= 1) {
- ycore.yconsole.log('Pages => ', pagesParsed)
- return this.EntryComponent('Pages', pagesParsed)
- }
- }
-
- if (
- !usersParsed.length >= 1 &&
- !groupsParsed.length >= 1 &&
- !pagesParsed.length >= 1
- ) {
- return Empty
- }
-
- return [users(), groups(), pages()]
- } catch (error) {
- return (
- Render Error
-
-
-
-
- )
- } catch (error) {
- return (
-
-
- Render Error
-
-
-
-
-
-
- )
- }
-
- return (
-
-
-
- {this.state.loading
- ? null
- : this.renderResult(this.state.SearchResult)}
-
-
- Render Error
-
- )
- }
-}
-
-export default SearchPageIndexer
diff --git a/.prev/src/pages/s/$search/styles.less b/.prev/src/pages/s/$search/styles.less
deleted file mode 100644
index 6ced630f..00000000
--- a/.prev/src/pages/s/$search/styles.less
+++ /dev/null
@@ -1,20 +0,0 @@
-@import '~themes/index.less';
-
-.searchHeader {
- font-family: "Nunito", sans-serif;
- font-size: 40px;
- text-align: center;
- margin-top: 7px;
-}
-
-.results {
- padding: 10px;
-}
-
-.searchEntry {
- :global {
- .antd-card {
- margin: auto;
- }
- }
-}
\ No newline at end of file
diff --git a/.prev/src/pages/saves/index.js b/.prev/src/pages/saves/index.js
deleted file mode 100644
index 6b12a01c..00000000
--- a/.prev/src/pages/saves/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react'
-import * as ycore from 'ycore'
-import * as antd from 'antd'
-import * as Icons from '@ant-design/icons'
-import { MainFeed } from 'components'
-import styles from './index.less'
-
-export default class PostSaved extends React.PureComponent{
- state = {
- loading: true,
- data: null,
- }
- componentDidMount(){
- ycore.comty_post.getSaved((err,res) => {
- if (err) return false
- try {
- const a = JSON.parse(res)['data']
- this.setState({ data: a, loading: false })
- } catch (error) {
- ycore.notify.exception('Error cathing saved posts... ', error)
- }
- })
- }
- renderSavedPost(){
- const { data } = this.state
- try {
- if (data.length < 1) {
- return
-
- )
- }
-}
\ No newline at end of file
diff --git a/.prev/src/pages/saves/index.less b/.prev/src/pages/saves/index.less
deleted file mode 100644
index bb96e995..00000000
--- a/.prev/src/pages/saves/index.less
+++ /dev/null
@@ -1,14 +0,0 @@
-@import '~themes/index.less';
-
-.saved_post_wrapper{
-
-}
-.saved_post_title{
- font-family: @__Global_general_font_family;
-}
-.saved_post_content{
- margin-top: 10px;
- padding: 10px;
- background-color: #ffffff8e;
- border-radius: 12px;
-}
\ No newline at end of file
diff --git a/.prev/src/pages/settings/components/about.js b/.prev/src/pages/settings/components/about.js
deleted file mode 100644
index 34a9abff..00000000
--- a/.prev/src/pages/settings/components/about.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-import { App_about } from 'components'
-
-export default class AppAbout extends React.Component {
- render() {
- return
-
-
-
-
- {this.renderSavedPost()}
-
-
-
- )
- } catch (err) {
- return ycore.yconsole.log(err)
- }
- }
- handleControlBar() {
- const ListControls = [
- - (
-
- }
- onClick={() => this.saveChanges()}
- >
- Save
-
-
,
- ]
- ControlBar.set(ListControls)
- }
-
- saveChanges() {
- localStorage.setItem('app_settings', JSON.stringify(this.state.SettingRepo))
- this.setState({ forSave: false })
- notification.success({
- message: 'Settings saved',
- description:
- 'The configuration has been saved, it may for some configuration to make changes you need to reload the application',
- })
- setTimeout(ycore.RefreshONCE(), 1000)
- ControlBar.close()
- }
-
- onChangeSwitch(item) {
- try {
- this.handleControlBar()
- const to = !item.value
- const updatedValue = [...this.state.SettingRepo].map(ita =>
- ita === item ? Object.assign(ita, { value: to }) : ita
- )
- this.setState({ SettingRepo: updatedValue, forSave: true })
- ycore.yconsole.log(`Changing ${item.SettingID} to value ${to}`)
- } catch (err) {
- console.log(err)
- }
- }
- onChangeNumeric(value, item) {
- this.HandleChangeNumeric(value)
- }
- HandleChangeNumeric(item, value) {
- try {
- this.handleControlBar()
- console.log(item.SettingID, value)
- const updatedValue = [...this.state.SettingRepo].map(ita =>
- ita === item ? Object.assign(ita, { value: value }) : ita
- )
- this.setState({ SettingRepo: updatedValue, forSave: true })
- ycore.yconsole.log(`Changing ${item.SettingID} to value ${to}`)
- } catch (err) {
- console.log(err)
- }
- }
- render() {
- return (
-
-
-
- {this.SettingRender(this.state.SettingRepo)}
-
-
-
- {this.SettingRender(this.state.SettingRepo)}
-
-
-
-
- )
- }
-}
diff --git a/.prev/src/pages/settings/components/notification/index.js b/.prev/src/pages/settings/components/notification/index.js
deleted file mode 100644
index 3edd9135..00000000
--- a/.prev/src/pages/settings/components/notification/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react'
-import * as ycore from 'ycore'
-import * as Icons from '@ant-design/icons'
-import styles from './index.less'
-
-export default class NotificationView extends React.Component {
- render() {
- return (
-
-
-
-
-
-
- )
- }
-}
-
diff --git a/.prev/src/pages/settings/components/notification/index.less b/.prev/src/pages/settings/components/notification/index.less
deleted file mode 100644
index 6cc5b5c2..00000000
--- a/.prev/src/pages/settings/components/notification/index.less
+++ /dev/null
@@ -1,17 +0,0 @@
-@import '~themes/index.less';
-
-.main {
-
- :global {
- h2 {
- font-weight: 500;
- }
-
- .anticon {
- color: #2d2d2d;
-
- }
-
-
- }
-}
\ No newline at end of file
diff --git a/.prev/src/pages/settings/components/security/index.js b/.prev/src/pages/settings/components/security/index.js
deleted file mode 100644
index 496a31a2..00000000
--- a/.prev/src/pages/settings/components/security/index.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react'
-import * as ycore from 'ycore'
-import * as Icons from '@ant-design/icons'
-import * as antd from 'antd'
-import styles from './index.less'
-
-import Sessions_Manager from './sessions.js'
-
-const { Menu } = antd
-export default class SecurityView extends React.Component {
- state = {
- current: 'privacy',
- }
-
- handleClick = e => {
- this.setState({
- current: e.key,
- })
- }
-
- renderChildren = () => {
- const { current } = this.state
- switch (current) {
- case 'privacy':
- return null
- case 'credentials':
- return null
- case 'sessions':
- return
-
-
-
-
-
- )
- }
-}
-
diff --git a/.prev/src/pages/settings/components/security/index.less b/.prev/src/pages/settings/components/security/index.less
deleted file mode 100644
index 6cc5b5c2..00000000
--- a/.prev/src/pages/settings/components/security/index.less
+++ /dev/null
@@ -1,17 +0,0 @@
-@import '~themes/index.less';
-
-.main {
-
- :global {
- h2 {
- font-weight: 500;
- }
-
- .anticon {
- color: #2d2d2d;
-
- }
-
-
- }
-}
\ No newline at end of file
diff --git a/.prev/src/pages/settings/components/security/sessions.js b/.prev/src/pages/settings/components/security/sessions.js
deleted file mode 100644
index 01c168c1..00000000
--- a/.prev/src/pages/settings/components/security/sessions.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react'
-import * as ycore from 'ycore'
-import * as antd from 'antd'
-
-export default class Sessions_Manager extends React.Component {
- state = {
- sessions_data: '',
- }
- componentDidMount() {
- ycore.comty_get.session_id((err, res) => {
- this.setState({ sid: res })
- })
- ycore.comty_get.sessions((err, res) => {
- const a = JSON.parse(res)['data']
- this.setState({ sessions_data: a })
- })
- }
- render() {
- return (
-
-
-
- (
-
-
-
-
-
- )}
- />
-
- )
- }
-}
diff --git a/.prev/src/pages/settings/index.js b/.prev/src/pages/settings/index.js
deleted file mode 100644
index d64a2207..00000000
--- a/.prev/src/pages/settings/index.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import React from 'react'
-import { Menu } from 'antd'
-import * as Icons from '@ant-design/icons'
-import styles from './style.less'
-
-import NotificationView from './components/notification/index.js'
-import SecurityView from './components/security/index.js'
-import Earnings from './components/earnings/index.js'
-
-import Base from './components/base.js'
-import AppAbout from './components/about.js'
-
-const { Item } = Menu
-const menuMap = {
- base: (
-
- Session #{item.id}
- {this.state.sid == item.session_id ? 'This Session' : null} --
{item.platform}
-{item.ip_address}
-{item.time}
-
-
- )
- }
-}
-
-export default GeneralSettings
diff --git a/.prev/src/pages/settings/style.less b/.prev/src/pages/settings/style.less
deleted file mode 100644
index 178377a6..00000000
--- a/.prev/src/pages/settings/style.less
+++ /dev/null
@@ -1,77 +0,0 @@
-@import '~themes/index.less';
-
-.main {
- font-family: "Nunito", sans-serif;
- margin: 20px 0 0 0;
- display: flex;
- width: 100%;
- height: 100%;
- overflow: auto;
- color: @__Global_layout_color;
- background-color: #ffffff;
- padding: 15px;
- border-radius: 10px;
-
- .leftMenu {
- width: 224px;
-
- :global {
- .ant-menu-inline {
- color: @__Global_layout_color;
- background-color: transparent;
- border: none;
- }
-
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
- font-weight: bold;
- }
- }
- }
-
- .right {
- flex: 1;
- padding-top: 8px;
- padding-right: 40px;
- padding-bottom: 8px;
- padding-left: 40px;
-
- .title {
- margin-bottom: 12px;
- color: @__Global_layout_color;
- font-weight: 500;
- font-size: 20px;
- line-height: 28px;
- }
- }
-
- :global {
- .ant-list-item {
- padding-top: 7px;
- padding-bottom: 7px;
- }
-
- .ant-list-split .ant-list-item {
- border-bottom: 0;
- }
-
- .ant-list-item-meta-title {
- color: rgba(0, 0, 0, 0.733);
- font-size: 14px;
- }
- }
-}
-
-@media screen and (max-width: @screen-md) {
- .main {
- flex-direction: column;
-
- .leftMenu {
- width: 100%;
- border: none;
- }
-
- .right {
- padding: 40px;
- }
- }
-}
diff --git a/.prev/src/themes/antd-design.less b/.prev/src/themes/antd-design.less
deleted file mode 100644
index 370b40aa..00000000
--- a/.prev/src/themes/antd-design.less
+++ /dev/null
@@ -1,839 +0,0 @@
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-@import '../../node_modules/antd/lib/style/themes/default.less';
-
-// -------- Colors -----------
-@primary-color: @blue-6;
-@info-color: @blue-6;
-@success-color: @green-6;
-@processing-color: @blue-6;
-@error-color: @red-6;
-@highlight-color: @red-6;
-@warning-color: @gold-6;
-@normal-color: #d9d9d9;
-@white: #fff;
-@black: #000;
-
-// Color used by default to control hover and active backgrounds and for
-// alert info backgrounds.
-@primary-1: color(~`colorPalette('@{primary-color}', 1) `); // replace tint(@primary-color, 90%)
-@primary-2: color(~`colorPalette('@{primary-color}', 2) `); // replace tint(@primary-color, 80%)
-@primary-3: color(~`colorPalette('@{primary-color}', 3) `); // unused
-@primary-4: color(~`colorPalette('@{primary-color}', 4) `); // unused
-@primary-5: color(~`colorPalette('@{primary-color}', 5) `); // color used to control the text color in many active and hover states, replace tint(@primary-color, 20%)
-@primary-6: @primary-color; // color used to control the text color of active buttons, don't use, use @primary-color
-@primary-7: color(~`colorPalette('@{primary-color}', 7) `); // replace shade(@primary-color, 5%)
-@primary-8: color(~`colorPalette('@{primary-color}', 8) `); // unused
-@primary-9: color(~`colorPalette('@{primary-color}', 9) `); // unused
-@primary-10: color(~`colorPalette('@{primary-color}', 10) `); // unused
-
-// Base Scaffolding Variables
-// ---
-
-// Background color for ``
-@body-background: rgb(249, 249, 249);
-// Base background color for most components
-@component-background: #fff;
-@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
- 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
- 'Segoe UI Emoji', 'Segoe UI Symbol';
-@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-@text-color: fade(@black, 65%);
-@text-color-secondary: fade(@black, 45%);
-@text-color-inverse: @white;
-@icon-color: inherit;
-@icon-color-hover: fade(@black, 75%);
-@heading-color: fade(#000, 85%);
-@heading-color-dark: fade(@white, 100%);
-@text-color-dark: fade(@white, 85%);
-@text-color-secondary-dark: fade(@white, 65%);
-@text-selection-bg: @primary-color;
-@font-variant-base: tabular-nums;
-@font-feature-settings-base: 'tnum';
-@font-size-base: 14px;
-@font-size-lg: @font-size-base + 2px;
-@font-size-sm: 12px;
-@heading-1-size: ceil(@font-size-base * 2.71);
-@heading-2-size: ceil(@font-size-base * 2.14);
-@heading-3-size: ceil(@font-size-base * 1.71);
-@heading-4-size: ceil(@font-size-base * 1.42);
-@line-height-base: 1.5;
-@border-radius-base: 4px;
-@border-radius-sm: 2px;
-
-// vertical paddings
-@padding-lg: 24px; // containers
-@padding-md: 16px; // small containers and buttons
-@padding-sm: 12px; // Form controls and items
-@padding-xs: 8px; // small items
-
-// vertical padding for all form controls
-@control-padding-horizontal: @padding-sm;
-@control-padding-horizontal-sm: @padding-xs;
-
-// The background colors for active and hover states for things like
-// list items or table cells.
-@item-active-bg: @primary-1;
-@item-hover-bg: @primary-1;
-
-// ICONFONT
-@iconfont-css-prefix: anticon;
-
-// LINK
-@link-color: @primary-color;
-@link-hover-color: color(~`colorPalette('@{link-color}', 5) `);
-@link-active-color: color(~`colorPalette('@{link-color}', 7) `);
-@link-decoration: none;
-@link-hover-decoration: none;
-
-// Animation
-@ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
-@ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
-@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
-@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
-@ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
-@ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
-@ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
-@ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
-@ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
-@ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
-@ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
-@ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-@ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
-
-// Border color
-@border-color-base: hsv(0, 0, 85%); // base border outline a component
-@border-color-split: hsv(0, 0, 91%); // split border inside a component
-@border-color-inverse: @white;
-@border-width-base: 1px; // width of the border for a component
-@border-style-base: solid; // style of a components border
-
-// Outline
-@outline-blur-size: 0;
-@outline-width: 2px;
-@outline-color: @primary-color;
-
-@background-color-light: hsv(0, 0, 98%); // background of header and selected item
-@background-color-base: hsv(0, 0, 96%); // Default grey background color
-
-// Disabled states
-@disabled-color: fade(#000, 25%);
-@disabled-bg: @background-color-base;
-@disabled-color-dark: fade(#fff, 35%);
-
-// Shadow
-@shadow-color: rgba(0, 0, 0, 0.15);
-@shadow-color-inverse: @component-background;
-@box-shadow-base: @shadow-1-down;
-@shadow-1-up: 0 -2px 8px @shadow-color;
-@shadow-1-down: 0 2px 8px @shadow-color;
-@shadow-1-left: -2px 0 8px @shadow-color;
-@shadow-1-right: 2px 0 8px @shadow-color;
-@shadow-2: 0 4px 12px @shadow-color;
-
-// Buttons
-@btn-font-weight: 400;
-@btn-border-radius-base: @border-radius-base;
-@btn-border-radius-sm: @border-radius-base;
-@btn-border-width: @border-width-base;
-@btn-border-style: @border-style-base;
-@btn-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
-@btn-primary-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
-@btn-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
-
-@btn-primary-color: #fff;
-@btn-primary-bg: @primary-color;
-
-@btn-default-color: @text-color;
-@btn-default-bg: @component-background;
-@btn-default-border: @border-color-base;
-
-@btn-danger-color: #fff;
-@btn-danger-bg: color(~`colorPalette('@{error-color}', 5) `);
-@btn-danger-border: color(~`colorPalette('@{error-color}', 5) `);
-
-@btn-disable-color: @disabled-color;
-@btn-disable-bg: @disabled-bg;
-@btn-disable-border: @border-color-base;
-
-@btn-padding-base: 0 @padding-md - 1px;
-@btn-font-size-lg: @font-size-lg;
-@btn-font-size-sm: @font-size-base;
-@btn-padding-lg: @btn-padding-base;
-@btn-padding-sm: 0 @padding-xs - 1px;
-
-@btn-height-base: 32px;
-@btn-height-lg: 40px;
-@btn-height-sm: 24px;
-
-@btn-circle-size: @btn-height-base;
-@btn-circle-size-lg: @btn-height-lg;
-@btn-circle-size-sm: @btn-height-sm;
-
-@btn-square-size: @btn-height-base;
-@btn-square-size-lg: @btn-height-lg;
-@btn-square-size-sm: @btn-height-sm;
-
-@btn-group-border: @primary-5;
-
-// Checkbox
-@checkbox-size: 16px;
-@checkbox-color: @primary-color;
-@checkbox-check-color: #fff;
-@checkbox-border-width: @border-width-base;
-
-// Descriptions
-@descriptions-bg: #fafafa;
-
-// Dropdown
-@dropdown-selected-color: @primary-color;
-
-// Empty
-@empty-font-size: @font-size-base;
-
-// Radio
-@radio-size: 16px;
-@radio-dot-color: @primary-color;
-
-// Radio buttons
-@radio-button-bg: @btn-default-bg;
-@radio-button-checked-bg: @btn-default-bg;
-@radio-button-color: @btn-default-color;
-@radio-button-hover-color: @primary-5;
-@radio-button-active-color: @primary-7;
-
-// Media queries breakpoints
-// Extra small screen / phone
-@screen-xs: 480px;
-@screen-xs-min: @screen-xs;
-
-// Small screen / tablet
-@screen-sm: 576px;
-@screen-sm-min: @screen-sm;
-
-// Medium screen / desktop
-@screen-md: 768px;
-@screen-md-min: @screen-md;
-
-// Large screen / wide desktop
-@screen-lg: 992px;
-@screen-lg-min: @screen-lg;
-
-// Extra large screen / full hd
-@screen-xl: 1200px;
-@screen-xl-min: @screen-xl;
-
-// Extra extra large screen / large desktop
-@screen-xxl: 1600px;
-@screen-xxl-min: @screen-xxl;
-
-// provide a maximum
-@screen-xs-max: (@screen-sm-min - 1px);
-@screen-sm-max: (@screen-md-min - 1px);
-@screen-md-max: (@screen-lg-min - 1px);
-@screen-lg-max: (@screen-xl-min - 1px);
-@screen-xl-max: (@screen-xxl-min - 1px);
-
-// Grid system
-@grid-columns: 24;
-@grid-gutter-width: 0;
-
-// Layout
-@layout-body-background: #f0f2f5;
-@layout-header-background: #424242;
-@layout-footer-background: @layout-body-background;
-@layout-header-height: 64px;
-@layout-header-padding: 0 50px;
-@layout-footer-padding: 24px 50px;
-@layout-sider-background: @layout-header-background;
-@layout-trigger-height: 48px;
-@layout-trigger-background: #2d2d2d;
-@layout-trigger-color: #fff;
-@layout-zero-trigger-width: 36px;
-@layout-zero-trigger-height: 42px;
-// Layout light theme
-@layout-sider-background-light: #fff;
-@layout-trigger-background-light: #fff;
-@layout-trigger-color-light: @text-color;
-
-// z-index list, order by `z-index`
-@zindex-table-fixed: auto;
-@zindex-affix: 10;
-@zindex-back-top: 10;
-@zindex-badge: 10;
-@zindex-picker-panel: 10;
-@zindex-popup-close: 10;
-@zindex-modal: 1000;
-@zindex-modal-mask: 1000;
-@zindex-message: 1010;
-@zindex-notification: 1010;
-@zindex-popover: 1030;
-@zindex-dropdown: 1050;
-@zindex-picker: 1050;
-@zindex-tooltip: 1060;
-
-// Animation
-@animation-duration-slow: 0.3s; // Modal
-@animation-duration-base: 0.2s;
-@animation-duration-fast: 0.1s; // Tooltip
-
-//CollapsePanel
-@collapse-panel-border-radius: @border-radius-base;
-
-//Dropdown
-@dropdown-vertical-padding: 5px;
-@dropdown-font-size: @font-size-base;
-@dropdown-line-height: 22px;
-
-// Form
-// ---
-@label-required-color: @highlight-color;
-@label-color: @heading-color;
-@form-warning-input-bg: @input-bg;
-@form-item-margin-bottom: 24px;
-@form-item-trailing-colon: true;
-@form-vertical-label-padding: 0 0 8px;
-@form-vertical-label-margin: 0;
-@form-item-label-colon-margin-right: 8px;
-@form-item-label-colon-margin-left: 2px;
-@form-error-input-bg: @input-bg;
-
-// Input
-// ---
-@input-height-base: 32px;
-@input-height-lg: 40px;
-@input-height-sm: 24px;
-@input-padding-horizontal: @control-padding-horizontal - 1px;
-@input-padding-horizontal-base: @input-padding-horizontal;
-@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
-@input-padding-horizontal-lg: @input-padding-horizontal;
-@input-padding-vertical-base: 4px;
-@input-padding-vertical-sm: 1px;
-@input-padding-vertical-lg: 6px;
-@input-placeholder-color: hsv(0, 0, 75%);
-@input-color: @text-color;
-@input-border-color: @border-color-base;
-@input-bg: @component-background;
-@input-number-handler-active-bg: #f4f4f4;
-@input-number-handler-hover-bg: @primary-5;
-@input-number-handler-bg: @component-background;
-@input-number-handler-border-color: @border-color-base;
-@input-addon-bg: @background-color-light;
-@input-hover-border-color: @primary-5;
-@input-disabled-bg: @disabled-bg;
-@input-outline-offset: 0 0;
-
-// Select
-// ---
-@select-border-color: @border-color-base;
-@select-item-selected-font-weight: 600;
-@select-dropdown-bg: @component-background;
-@select-item-selected-bg: @background-color-light;
-@select-item-active-bg: @item-active-bg;
-
-// Anchor
-// ---
-@anchor-border-color: @border-color-split;
-
-// Tooltip
-// ---
-// Tooltip max width
-@tooltip-max-width: 250px;
-// Tooltip text color
-@tooltip-color: #fff;
-// Tooltip background color
-@tooltip-bg: rgba(0, 0, 0, 0.75);
-// Tooltip arrow width
-@tooltip-arrow-width: 5px;
-// Tooltip distance with trigger
-@tooltip-distance: @tooltip-arrow-width - 1px + 4px;
-// Tooltip arrow color
-@tooltip-arrow-color: @tooltip-bg;
-
-// Popover
-// ---
-// Popover body background color
-@popover-bg: @component-background;
-// Popover text color
-@popover-color: @text-color;
-// Popover maximum width
-@popover-min-width: 177px;
-// Popover arrow width
-@popover-arrow-width: 6px;
-// Popover arrow color
-@popover-arrow-color: @popover-bg;
-// Popover outer arrow width
-// Popover outer arrow color
-@popover-arrow-outer-color: @popover-bg;
-// Popover distance with trigger
-@popover-distance: @popover-arrow-width + 4px;
-
-// Modal
-// --
-@modal-body-padding: 24px;
-@modal-header-bg: @component-background;
-@modal-footer-bg: transparent;
-@modal-footer-border-color-split: @border-color-split;
-@modal-mask-bg: fade(@black, 45%);
-
-// Progress
-// --
-@progress-default-color: @processing-color;
-@progress-remaining-color: @background-color-base;
-@progress-text-color: @text-color;
-@progress-radius: 100px;
-
-// Menu
-// ---
-@menu-inline-toplevel-item-height: 40px;
-@menu-item-height: 40px;
-@menu-collapsed-width: 80px;
-@menu-bg: @component-background;
-@menu-popup-bg: @component-background;
-@menu-item-color: @text-color;
-@menu-highlight-color: @primary-color;
-@menu-item-active-bg: @item-active-bg;
-@menu-item-active-border-width: 3px;
-@menu-item-group-title-color: @text-color-secondary;
-@menu-icon-size: @font-size-base;
-@menu-icon-size-lg: @font-size-lg;
-
-@menu-item-vertical-margin: 4px;
-@menu-item-font-size: @font-size-base;
-@menu-item-boundary-margin: 8px;
-@menu-icon-size: @font-size-base;
-@menu-icon-size-lg: @font-size-lg;
-@menu-dark-selected-item-icon-color: @white;
-@menu-dark-selected-item-text-color: @white;
-@dark-menu-item-hover-bg: transparent;
-
-// dark theme
-@menu-dark-color: @text-color-secondary-dark;
-@menu-dark-bg: #2d2d2d;
-@menu-dark-arrow-color: #fff;
-@menu-dark-submenu-bg: #2d2d2d;
-@menu-dark-highlight-color: #fff;
-@menu-dark-item-active-bg: @primary-color;
-@menu-dark-selected-item-icon-color: @white;
-@menu-dark-selected-item-text-color: @white;
-@menu-dark-item-hover-bg: transparent;
-// Spin
-// ---
-@spin-dot-size-sm: 14px;
-@spin-dot-size: 20px;
-@spin-dot-size-lg: 32px;
-
-// Table
-// --
-@table-header-bg: @background-color-light;
-@table-header-color: @heading-color;
-@table-header-sort-bg: @background-color-base;
-@table-body-sort-bg: rgba(0, 0, 0, 0.01);
-@table-row-hover-bg: @primary-1;
-@table-selected-row-color: inherit;
-@table-selected-row-bg: #fafafa;
-@table-body-selected-sort-bg: @table-selected-row-bg;
-@table-selected-row-hover-bg: @table-selected-row-bg;
-@table-expanded-row-bg: #fbfbfb;
-@table-padding-vertical: 16px;
-@table-padding-horizontal: 16px;
-@table-border-radius-base: @border-radius-base;
-@table-footer-bg: @background-color-light;
-@table-footer-color: @heading-color;
-
-// Tag
-// --
-@tag-default-bg: @background-color-light;
-@tag-default-color: @text-color;
-@tag-font-size: @font-size-sm;
-
-// TimePicker
-// ---
-@time-picker-panel-column-width: 56px;
-@time-picker-panel-width: @time-picker-panel-column-width * 3;
-@time-picker-selected-bg: @background-color-base;
-
-// Carousel
-// ---
-@carousel-dot-width: 16px;
-@carousel-dot-height: 3px;
-@carousel-dot-active-width: 24px;
-
-// Badge
-// ---
-@badge-height: 20px;
-@badge-dot-size: 6px;
-@badge-font-size: @font-size-sm;
-@badge-font-weight: normal;
-@badge-status-size: 6px;
-@badge-text-color: @component-background;
-
-// Rate
-// ---
-@rate-star-color: @yellow-6;
-@rate-star-bg: @border-color-split;
-
-// Card
-// ---
-@card-head-color: @heading-color;
-@card-head-background: transparent;
-@card-head-padding: 16px;
-@card-inner-head-padding: 12px;
-@card-padding-base: 24px;
-@card-actions-background: @background-color-light;
-@card-skeleton-bg: #cfd8dc;
-@card-background: @component-background;
-@card-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
-@card-radius: @border-radius-sm;
-
-// Comment
-// ---
-@comment-padding-base: 16px 0;
-@comment-nest-indent: 44px;
-@comment-font-size-base: @font-size-base;
-@comment-font-size-sm: @font-size-sm;
-@comment-author-name-color: @text-color-secondary;
-@comment-author-time-color: #ccc;
-@comment-action-color: @text-color-secondary;
-@comment-action-hover-color: #595959;
-
-// Tabs
-// ---
-@tabs-card-head-background: @background-color-light;
-@tabs-card-height: 40px;
-@tabs-card-active-color: @primary-color;
-@tabs-title-font-size: @font-size-base;
-@tabs-title-font-size-lg: @font-size-lg;
-@tabs-title-font-size-sm: @font-size-base;
-@tabs-ink-bar-color: @primary-color;
-@tabs-bar-margin: 0 0 16px 0;
-@tabs-horizontal-margin: 0 32px 0 0;
-@tabs-horizontal-padding: 12px 16px;
-@tabs-horizontal-padding-lg: 16px;
-@tabs-horizontal-padding-sm: 8px 16px;
-@tabs-vertical-padding: 8px 24px;
-@tabs-vertical-margin: 0 0 16px 0;
-@tabs-scrolling-size: 32px;
-@tabs-highlight-color: @primary-color;
-@tabs-hover-color: @primary-5;
-@tabs-active-color: @primary-7;
-@tabs-card-gutter: 2px;
-@tabs-card-tab-active-border-top: 2px solid transparent;
-
-// BackTop
-// ---
-@back-top-color: #fff;
-@back-top-bg: @text-color-secondary;
-@back-top-hover-bg: @text-color;
-
-// Avatar
-// ---
-@avatar-size-base: 32px;
-@avatar-size-lg: 40px;
-@avatar-size-sm: 24px;
-@avatar-font-size-base: 18px;
-@avatar-font-size-lg: 24px;
-@avatar-font-size-sm: 14px;
-@avatar-bg: #ccc;
-@avatar-color: #fff;
-@avatar-border-radius: @border-radius-base;
-
-// Switch
-// ---
-@switch-height: 22px;
-@switch-sm-height: 16px;
-@switch-sm-checked-margin-left: -(@switch-sm-height - 3px);
-@switch-disabled-opacity: 0.4;
-@switch-color: @primary-color;
-@switch-shadow-color: fade(#00230b, 20%);
-
-// Pagination
-// ---
-@pagination-item-size: 32px;
-@pagination-item-size-sm: 24px;
-@pagination-font-family: Arial;
-@pagination-font-weight-active: 500;
-@pagination-item-bg-active: @component-background;
-
-// PageHeader
-// ---
-@page-header-padding: 24px;
-@page-header-padding-vertical: 16px;
-@page-header-padding-breadcrumb: 12px;
-@page-header-back-color: #000;
-
-// Breadcrumb
-// ---
-@breadcrumb-base-color: @text-color-secondary;
-@breadcrumb-last-item-color: @text-color;
-@breadcrumb-font-size: @font-size-base;
-@breadcrumb-icon-font-size: @font-size-base;
-@breadcrumb-link-color: @text-color-secondary;
-@breadcrumb-link-color-hover: @primary-5;
-@breadcrumb-separator-color: @text-color-secondary;
-@breadcrumb-separator-margin: 0 @padding-xs;
-
-// Slider
-// ---
-@slider-margin: 14px 6px 10px;
-@slider-rail-background-color: @background-color-base;
-@slider-rail-background-color-hover: #e1e1e1;
-@slider-track-background-color: @primary-3;
-@slider-track-background-color-hover: @primary-4;
-@slider-handle-border-width: 2px;
-@slider-handle-background-color: @component-background;
-@slider-handle-color: @primary-3;
-@slider-handle-color-hover: @primary-4;
-@slider-handle-color-focus: tint(@primary-color, 20%);
-@slider-handle-color-focus-shadow: fade(@primary-color, 20%);
-@slider-handle-color-tooltip-open: @primary-color;
-@slider-handle-shadow: 0;
-@slider-dot-border-color: @border-color-split;
-@slider-dot-border-color-active: tint(@primary-color, 50%);
-@slider-disabled-color: @disabled-color;
-@slider-disabled-background-color: @component-background;
-
-// Tree
-// ---
-@tree-title-height: 24px;
-@tree-child-padding: 18px;
-@tree-directory-selected-color: #fff;
-@tree-directory-selected-bg: @primary-color;
-@tree-node-hover-bg: @item-hover-bg;
-@tree-node-selected-bg: @primary-2;
-
-// Collapse
-// ---
-@collapse-header-padding: 12px 16px;
-@collapse-header-padding-extra: 40px;
-@collapse-header-bg: @background-color-light;
-@collapse-content-padding: @padding-md;
-@collapse-content-bg: @component-background;
-
-// Skeleton
-// ---
-@skeleton-color: #f2f2f2;
-
-// Transfer
-// ---
-@transfer-header-height: 40px;
-@transfer-disabled-bg: @disabled-bg;
-@transfer-list-height: 200px;
-
-// Message
-// ---
-@message-notice-content-padding: 10px 16px;
-
-// Motion
-// ---
-@wave-animation-width: 6px;
-
-// Alert
-// ---
-@alert-success-border-color: ~`colorPalette('@{success-color}', 3) `;
-@alert-success-bg-color: ~`colorPalette('@{success-color}', 1) `;
-@alert-success-icon-color: @success-color;
-@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
-@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
-@alert-info-icon-color: @info-color;
-@alert-warning-border-color: ~`colorPalette('@{warning-color}', 3) `;
-@alert-warning-bg-color: ~`colorPalette('@{warning-color}', 1) `;
-@alert-warning-icon-color: @warning-color;
-@alert-error-border-color: ~`colorPalette('@{error-color}', 3) `;
-@alert-error-bg-color: ~`colorPalette('@{error-color}', 1) `;
-@alert-error-icon-color: @error-color;
-
-// List
-// ---
-@list-header-background: transparent;
-@list-footer-background: transparent;
-@list-empty-text-padding: @padding-md;
-@list-item-padding: @padding-sm 0;
-@list-item-meta-margin-bottom: @padding-md;
-@list-item-meta-avatar-margin-right: @padding-md;
-@list-item-meta-title-margin-bottom: @padding-sm;
-
-// Statistic
-// ---
-@statistic-title-font-size: @font-size-base;
-@statistic-content-font-size: 24px;
-@statistic-unit-font-size: 16px;
-@statistic-font-family: @font-family;
-
-// Drawer
-// ---
-@drawer-header-padding: 16px 24px;
-@drawer-body-padding: 24px;
-
-// Timeline
-// ---
-@timeline-width: 2px;
-@timeline-color: @border-color-split;
-@timeline-dot-border-width: 2px;
-@timeline-dot-color: @primary-color;
-@timeline-dot-bg: @component-background;
-
-// Typography
-// ---
-@typography-title-font-weight: 600;
-@typography-title-margin-top: 1.2em;
-@typography-title-margin-bottom: 0.5em;
-
-// color palettes
-@blue-1: color(~`colorPalette('@{blue-6}', 1) `);
-@blue-2: color(~`colorPalette('@{blue-6}', 2) `);
-@blue-3: color(~`colorPalette('@{blue-6}', 3) `);
-@blue-4: color(~`colorPalette('@{blue-6}', 4) `);
-@blue-5: color(~`colorPalette('@{blue-6}', 5) `);
-@blue-6: #1890ff;
-@blue-7: color(~`colorPalette('@{blue-6}', 7) `);
-@blue-8: color(~`colorPalette('@{blue-6}', 8) `);
-@blue-9: color(~`colorPalette('@{blue-6}', 9) `);
-@blue-10: color(~`colorPalette('@{blue-6}', 10) `);
-
-@purple-1: color(~`colorPalette('@{purple-6}', 1) `);
-@purple-2: color(~`colorPalette('@{purple-6}', 2) `);
-@purple-3: color(~`colorPalette('@{purple-6}', 3) `);
-@purple-4: color(~`colorPalette('@{purple-6}', 4) `);
-@purple-5: color(~`colorPalette('@{purple-6}', 5) `);
-@purple-6: #722ed1;
-@purple-7: color(~`colorPalette('@{purple-6}', 7) `);
-@purple-8: color(~`colorPalette('@{purple-6}', 8) `);
-@purple-9: color(~`colorPalette('@{purple-6}', 9) `);
-@purple-10: color(~`colorPalette('@{purple-6}', 10) `);
-
-@cyan-1: color(~`colorPalette('@{cyan-6}', 1) `);
-@cyan-2: color(~`colorPalette('@{cyan-6}', 2) `);
-@cyan-3: color(~`colorPalette('@{cyan-6}', 3) `);
-@cyan-4: color(~`colorPalette('@{cyan-6}', 4) `);
-@cyan-5: color(~`colorPalette('@{cyan-6}', 5) `);
-@cyan-6: #13c2c2;
-@cyan-7: color(~`colorPalette('@{cyan-6}', 7) `);
-@cyan-8: color(~`colorPalette('@{cyan-6}', 8) `);
-@cyan-9: color(~`colorPalette('@{cyan-6}', 9) `);
-@cyan-10: color(~`colorPalette('@{cyan-6}', 10) `);
-
-@green-1: color(~`colorPalette('@{green-6}', 1) `);
-@green-2: color(~`colorPalette('@{green-6}', 2) `);
-@green-3: color(~`colorPalette('@{green-6}', 3) `);
-@green-4: color(~`colorPalette('@{green-6}', 4) `);
-@green-5: color(~`colorPalette('@{green-6}', 5) `);
-@green-6: #52c41a;
-@green-7: color(~`colorPalette('@{green-6}', 7) `);
-@green-8: color(~`colorPalette('@{green-6}', 8) `);
-@green-9: color(~`colorPalette('@{green-6}', 9) `);
-@green-10: color(~`colorPalette('@{green-6}', 10) `);
-
-@magenta-1: color(~`colorPalette('@{magenta-6}', 1) `);
-@magenta-2: color(~`colorPalette('@{magenta-6}', 2) `);
-@magenta-3: color(~`colorPalette('@{magenta-6}', 3) `);
-@magenta-4: color(~`colorPalette('@{magenta-6}', 4) `);
-@magenta-5: color(~`colorPalette('@{magenta-6}', 5) `);
-@magenta-6: #eb2f96;
-@magenta-7: color(~`colorPalette('@{magenta-6}', 7) `);
-@magenta-8: color(~`colorPalette('@{magenta-6}', 8) `);
-@magenta-9: color(~`colorPalette('@{magenta-6}', 9) `);
-@magenta-10: color(~`colorPalette('@{magenta-6}', 10) `);
-
-// alias of magenta
-@pink-1: color(~`colorPalette('@{pink-6}', 1) `);
-@pink-2: color(~`colorPalette('@{pink-6}', 2) `);
-@pink-3: color(~`colorPalette('@{pink-6}', 3) `);
-@pink-4: color(~`colorPalette('@{pink-6}', 4) `);
-@pink-5: color(~`colorPalette('@{pink-6}', 5) `);
-@pink-6: #eb2f96;
-@pink-7: color(~`colorPalette('@{pink-6}', 7) `);
-@pink-8: color(~`colorPalette('@{pink-6}', 8) `);
-@pink-9: color(~`colorPalette('@{pink-6}', 9) `);
-@pink-10: color(~`colorPalette('@{pink-6}', 10) `);
-
-@red-1: color(~`colorPalette('@{red-6}', 1) `);
-@red-2: color(~`colorPalette('@{red-6}', 2) `);
-@red-3: color(~`colorPalette('@{red-6}', 3) `);
-@red-4: color(~`colorPalette('@{red-6}', 4) `);
-@red-5: color(~`colorPalette('@{red-6}', 5) `);
-@red-6: #f5222d;
-@red-7: color(~`colorPalette('@{red-6}', 7) `);
-@red-8: color(~`colorPalette('@{red-6}', 8) `);
-@red-9: color(~`colorPalette('@{red-6}', 9) `);
-@red-10: color(~`colorPalette('@{red-6}', 10) `);
-
-@orange-1: color(~`colorPalette('@{orange-6}', 1) `);
-@orange-2: color(~`colorPalette('@{orange-6}', 2) `);
-@orange-3: color(~`colorPalette('@{orange-6}', 3) `);
-@orange-4: color(~`colorPalette('@{orange-6}', 4) `);
-@orange-5: color(~`colorPalette('@{orange-6}', 5) `);
-@orange-6: #fa8c16;
-@orange-7: color(~`colorPalette('@{orange-6}', 7) `);
-@orange-8: color(~`colorPalette('@{orange-6}', 8) `);
-@orange-9: color(~`colorPalette('@{orange-6}', 9) `);
-@orange-10: color(~`colorPalette('@{orange-6}', 10) `);
-
-@yellow-1: color(~`colorPalette('@{yellow-6}', 1) `);
-@yellow-2: color(~`colorPalette('@{yellow-6}', 2) `);
-@yellow-3: color(~`colorPalette('@{yellow-6}', 3) `);
-@yellow-4: color(~`colorPalette('@{yellow-6}', 4) `);
-@yellow-5: color(~`colorPalette('@{yellow-6}', 5) `);
-@yellow-6: #fadb14;
-@yellow-7: color(~`colorPalette('@{yellow-6}', 7) `);
-@yellow-8: color(~`colorPalette('@{yellow-6}', 8) `);
-@yellow-9: color(~`colorPalette('@{yellow-6}', 9) `);
-@yellow-10: color(~`colorPalette('@{yellow-6}', 10) `);
-
-@volcano-1: color(~`colorPalette('@{volcano-6}', 1) `);
-@volcano-2: color(~`colorPalette('@{volcano-6}', 2) `);
-@volcano-3: color(~`colorPalette('@{volcano-6}', 3) `);
-@volcano-4: color(~`colorPalette('@{volcano-6}', 4) `);
-@volcano-5: color(~`colorPalette('@{volcano-6}', 5) `);
-@volcano-6: #fa541c;
-@volcano-7: color(~`colorPalette('@{volcano-6}', 7) `);
-@volcano-8: color(~`colorPalette('@{volcano-6}', 8) `);
-@volcano-9: color(~`colorPalette('@{volcano-6}', 9) `);
-@volcano-10: color(~`colorPalette('@{volcano-6}', 10) `);
-
-@geekblue-1: color(~`colorPalette('@{geekblue-6}', 1) `);
-@geekblue-2: color(~`colorPalette('@{geekblue-6}', 2) `);
-@geekblue-3: color(~`colorPalette('@{geekblue-6}', 3) `);
-@geekblue-4: color(~`colorPalette('@{geekblue-6}', 4) `);
-@geekblue-5: color(~`colorPalette('@{geekblue-6}', 5) `);
-@geekblue-6: #2f54eb;
-@geekblue-7: color(~`colorPalette('@{geekblue-6}', 7) `);
-@geekblue-8: color(~`colorPalette('@{geekblue-6}', 8) `);
-@geekblue-9: color(~`colorPalette('@{geekblue-6}', 9) `);
-@geekblue-10: color(~`colorPalette('@{geekblue-6}', 10) `);
-
-@lime-1: color(~`colorPalette('@{lime-6}', 1) `);
-@lime-2: color(~`colorPalette('@{lime-6}', 2) `);
-@lime-3: color(~`colorPalette('@{lime-6}', 3) `);
-@lime-4: color(~`colorPalette('@{lime-6}', 4) `);
-@lime-5: color(~`colorPalette('@{lime-6}', 5) `);
-@lime-6: #a0d911;
-@lime-7: color(~`colorPalette('@{lime-6}', 7) `);
-@lime-8: color(~`colorPalette('@{lime-6}', 8) `);
-@lime-9: color(~`colorPalette('@{lime-6}', 9) `);
-@lime-10: color(~`colorPalette('@{lime-6}', 10) `);
-
-@gold-1: color(~`colorPalette('@{gold-6}', 1) `);
-@gold-2: color(~`colorPalette('@{gold-6}', 2) `);
-@gold-3: color(~`colorPalette('@{gold-6}', 3) `);
-@gold-4: color(~`colorPalette('@{gold-6}', 4) `);
-@gold-5: color(~`colorPalette('@{gold-6}', 5) `);
-@gold-6: #faad14;
-@gold-7: color(~`colorPalette('@{gold-6}', 7) `);
-@gold-8: color(~`colorPalette('@{gold-6}', 8) `);
-@gold-9: color(~`colorPalette('@{gold-6}', 9) `);
-@gold-10: color(~`colorPalette('@{gold-6}', 10) `);
-
-@preset-colors: pink, magenta, red, volcano, orange, yellow, gold, cyan, lime, green, blue, geekblue,
- purple;
-
-
-@border-radius-base: 3px;
-@border-radius-sm: 2px;
-@shadow-color: rgba(0, 0, 0, 0.05);
-@shadow-1-down: 4px 4px 40px @shadow-color;
-@border-color-split: #f4f4f4;
-@border-color-base: #e5e5e5;
-@font-size-base: 13px;
-@text-color: #666;
-@hover-color: #f9f9fc;
diff --git a/.prev/src/themes/base/index.less b/.prev/src/themes/base/index.less
deleted file mode 100644
index 09ea46ff..00000000
--- a/.prev/src/themes/base/index.less
+++ /dev/null
@@ -1,222 +0,0 @@
-@import './resolutions.less';
-
-// FOR LAYOUTS
-@__Global_general_font_family: "Poppins", sans-serif;
-@__Global_layout_backgroud: #F8F6F8;
-@__Global_layout_color: #2d2d2d;
-@__Global_layout_border-rd: 27px 0 0 0;
-@__Global_layout_transitions-dur: 200ms;
-@__Global_Components_transitions_dur: 150ms;
-
-@mamamia: #85858570;
-// FOR SECONDARY
-@__Global_SwapAnimDuration: 170ms;
-
-@transition-ease-in: all 0.3s ease-out;
-@transition-ease-out: all 0.3s ease-out;
-@ease-in: ease-in;
-
-::-webkit-scrollbar {
- position: absolute;
- width: 14px;
- height: 18px;
- }
-::-webkit-scrollbar-thumb {
- height: 6px;
- border: 4px solid rgba(0, 0, 0, 0);
- background-clip: padding-box;
- margin: 0 10px 0 0;
- -webkit-border-radius: 7px;
- background-color: rgba(0, 0, 0, 0.15);
- -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
-}
-::-webkit-scrollbar-button {
- width: 0;
- height: 0;
- display: none;
-}
-::-webkit-scrollbar-corner {
- background-color: transparent;
-}
-
-// Global Documents
-body {
- scroll-behavior: smooth;
- height: 100%;
- // min-width: 430px;
- background-color: transparent;
-
- overflow: hidden;
-
- font-size: @base-font-size;
- line-height: @base-line-height;
-
-}
-
-#root {
- overflow: hidden;
-}
-
-@media (min-width: @bp-medium) {
-
-}
-
-@media (min-width: @bp-large) {
-
-}
-
-@media (min-width: @bp-xlarge) {
- body{
- zoom: 1.4;
- }
-}
-
-@media (min-width: @bp-xxlarge) {
- body{
- zoom: 1.6;
- }
-}
-
-
-// @media (min-width: 770px){
-// >#secondary_layout{
-// width: 0px!important;
-// }
-// }
-// @media (min-width: 1600px) {
-// :global {
-// .ant-col-xl-48 {
-// width: 20%;
-// }
-
-// .ant-col-xl-96 {
-// width: 40%;
-// }
-// }
-// }
-
-// @media (max-width: 767px) {
-// :global {
-// .ant-card {
-// .ant-card-head {
-// padding: 0 12px;
-// }
-
-// .ant-card-body {
-// padding: 12px;
-// }
-// }
-// }
-// }
-
-// // PrimaryLayout
-// @media (max-width: 767px) {
-// .primary_layout_content {
-// padding: 12px;
-// }
-
-// .primary_layout {
-// height: 100vh;
-// flex: 1;
-// }
-// }
-
-// .primary_layout_*
-@primary_layout_backgroud: #2d2d2d;
-
-@primary_layout_container_backgroud: @__Global_layout_backgroud;
-@primary_layout_container_border-rd: @__Global_layout_border-rd;
-
-@primary_layout_content_padding: 35px 25px 15px 40px;
-
-// .secondary_*
-@__secondary_colider_width: 31.2vw;
-@secondary_wrapper_hidden_width: 22vw;
-@secondary_wrapper_showFull_width: 94.2vw;
-@secondary_wrapper_showHalf_width: 35vw;
-@secondary_container_bg_background: #201F23;
-@secondary_container_1_color: #fff;
-@secondary_container_2_color: #201F23;
-@secondary_container_2_backgroud: #fff;
-@secondary_container_1_btn_backgroud: #4c4c4c;
-@secondary_container_1_btn_color: #fff;
-@secondary_container_1_btn_shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.205);
-
-@secondary_container_1_padding: 30px 70px 30px 75px;
-@secondaty_container_2_padding: 20px 15px 15px 15px;
-
-// .left_sider*
-@left_sider_backgroud: #2d2d2d;
-@left_sider_color: #fff;
-@left_sider_sizeIcons: 19px;
-@left_sider_menu__onhover_backgroud: rgb(80, 80, 80);
-@left_sider_menu__onhover_color: #fff;
-
-// .post_card*
-@post_card_general_border-rd: 7px;
-@post_card_wrapper_shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-@post_card_wrapper_actions_backgroud: rgba(235, 235, 235, 0.815);
-@post_card_wrapper_actions_icon_backgroud: #fff;
-
-@post_card_wrapper_tags_color_default: rgb(249, 179, 64);
-@post_card_wrapper_tags_color_nsfw: #111;
-@post_card_wrapper_tags_color_flag: #111;
-
-@post_card_wrapper_post_content_color: #555555;
-@post_card_wrapper_post_content_weight: 400;
-@post_card_wrapper_post_content_fontSize: 15px;
-@post_card_wrapper_post_content_letterSpacing: -0.3px;
-
-@post_card_flaggedWarning_backgroud: #ffffff60;
-@post_card_flaggedWarning_padding: 20px 15px 25px 15px;
-@post_card_flaggedWarning_iconSize: 40px;
-
-// YulioID
-@canvasColor: #f9f9f9;
-@backgroundColor: #fff;
-@foregroundColor: #111;
-@primaryColor: #373F51;
-@primaryShade1: #ffe2d1;
-@primaryShade2: #ffceb2;
-@primaryShade3: #ffb184;
-@primaryShade4: #e88850;
-@primaryShade5: #d17a48;
-@secondaryColor: #ffcc67;
-@secondaryShade1: #fff1d5;
-@secondaryShade2: #ffde9e;
-@secondaryShade3: #ffd074;
-@secondaryShade4: #e8ba5e;
-@secondaryShade5: #ba954b;
-@accentColor: #4e5166;
-@accentShade1: #cecfd5;
-@accentShade2: #aeafb9;
-@accentShade3: #8e909d;
-@accentShade4: #6e7081;
-@accentShade5: #404354;
-@accent2Color: #588b8b;
-@accent2Shade1: #c2d4d4;
-@accent2Shade2: #a3bfbf;
-@accent2Shade3: #85aaaa;
-@accent2Shade4: #507f7f;
-@accent2Shade5: #497272;
-@accent3Color: #fe5f55;
-@accent3Shade1: #fec4c1;
-@accent3Shade2: #fea7a2;
-@accent3Shade3: #fe7c73;
-@accent3Shade4: #e7574e;
-@accent3Shade5: #b9463e;
-
-@neutralShade0: #f8f8f8;
-@neutralShade1: #f2f2f2;
-@neutralShade2: #e8e9e9;
-@neutralShade3: #d1d3d4;
-@neutralShade4: #babdbf;
-@neutralShade5: #808488;
-@neutralShade6: #666a6d;
-@neutralShade7: #4d5052;
-@neutralShade8: #212122;
-@grayColor: #999;
-@lightGrayColor: #ddd;
-@borderRadius: 6px;
-@boxShadow: 0 2px 5px rgba(#333, 0.2);
-
diff --git a/.prev/src/themes/base/resolutions.less b/.prev/src/themes/base/resolutions.less
deleted file mode 100644
index 4cfa2036..00000000
--- a/.prev/src/themes/base/resolutions.less
+++ /dev/null
@@ -1,20 +0,0 @@
-@bp-small: 48em; // 768px
-@bp-medium: 64em; // 1024px
-@bp-large: 85.375em; // 1366px
-@bp-xlarge: 120em; // 1920px
-@bp-xxlarge: 160em; // 2560px
-
-// Media Queries
-@mq-small: "min-width: @bp-small";
-@mq-medium: "(min-width: @bp-medium)";
-@mq-large: "(min-width: @bp-large)";
-@mq-xlarge: "(min-width: @bp-xlarge)";
-@mq-xxlarge: "(min-width: @bp-xxlarge)";
-@mq-retina: "(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)";
-
-// Font-Size
-@base-font-size: 1em;
-
-// Line-Height
-@base-line-height: 1.5;
-@header-line-height: 1.25;
\ No newline at end of file
diff --git a/.prev/src/themes/fonts-imports.css b/.prev/src/themes/fonts-imports.css
deleted file mode 100644
index e41bc2c2..00000000
--- a/.prev/src/themes/fonts-imports.css
+++ /dev/null
@@ -1,5 +0,0 @@
-@import url('https://fonts.googleapis.com/css?family=Alata&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,500,500i,700');
-@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Kulim+Park&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');
diff --git a/.prev/src/themes/index.less b/.prev/src/themes/index.less
deleted file mode 100644
index dc6be614..00000000
--- a/.prev/src/themes/index.less
+++ /dev/null
@@ -1,3 +0,0 @@
-@import '~themes/antd-design.less';
-@import '~themes/base/index.less';
-@import (inline) './fonts-imports.css';
\ No newline at end of file
diff --git a/.prev/src/utils/index.js b/.prev/src/utils/index.js
deleted file mode 100644
index fab1069e..00000000
--- a/.prev/src/utils/index.js
+++ /dev/null
@@ -1,247 +0,0 @@
-import { cloneDeep, isString, flow, curry } from 'lodash'
-import umiRouter from 'umi/router'
-import pathToRegexp from 'path-to-regexp'
-import { i18n } from 'config'
-
-export classnames from 'classnames'
-export config from 'config'
-export request from './request'
-export { Color } from './theme'
-
-export const { defaultLanguage } = i18n
-export const languages = i18n.languages.map(item => item.key)
-
-/**
- * Query objects that specify keys and values in an array where all values are objects.
- * @param {array} array An array where all values are objects, like [{key:1},{key:2}].
- * @param {string} key The key of the object that needs to be queried.
- * @param {string} value The value of the object that needs to be queried.
- * @return {object|undefined} Return frist object when query success.
- */
-export function queryArray(array, key, value) {
- if (!Array.isArray(array)) {
- return
- }
- return array.find(_ => _[key] === value)
-}
-
-/**
- * Convert an array to a tree-structured array.
- * @param {array} array The Array need to Converted.
- * @param {string} id The alias of the unique ID of the object in the array.
- * @param {string} parentId The alias of the parent ID of the object in the array.
- * @param {string} children The alias of children of the object in the array.
- * @return {array} Return a tree-structured array.
- */
-export function arrayToTree(
- array,
- id = 'id',
- parentId = 'pid',
- children = 'children'
-) {
- const result = []
- const hash = {}
- const data = cloneDeep(array)
-
- data.forEach((item, index) => {
- hash[data[index][id]] = data[index]
- })
-
- data.forEach(item => {
- const hashParent = hash[item[parentId]]
- if (hashParent) {
- !hashParent[children] && (hashParent[children] = [])
- hashParent[children].push(item)
- } else {
- result.push(item)
- }
- })
- return result
-}
-
-export const langFromPath = curry(
- /**
- * Query language from pathname.
- * @param {array} languages Specify which languages are currently available.
- * @param {string} defaultLanguage Specify the default language.
- * @param {string} pathname Pathname to be queried.
- * @return {string} Return the queryed language.
- */
- (languages, defaultLanguage, pathname) => {
- for (const item of languages) {
- if (pathname.startsWith(`/${item}/`)) {
- return item
- }
- }
- return defaultLanguage
- }
-)(languages)(defaultLanguage)
-
-export const deLangPrefix = curry(
- /**
- * Remove the language prefix in pathname.
- * @param {array} languages Specify which languages are currently available.
- * @param {string} pathname Remove the language prefix in the pathname.
- * @return {string} Return the pathname after removing the language prefix.
- */
- (languages, pathname) => {
- if (!pathname) {
- return
- }
- for (const item of languages) {
- if (pathname.startsWith(`/${item}/`)) {
- return pathname.replace(`/${item}/`, '/')
- }
- }
-
- return pathname
- }
-)(languages)
-
-/**
- * Add the language prefix in pathname.
- * @param {string} pathname Add the language prefix in the pathname.
- * @return {string} Return the pathname after adding the language prefix.
- */
-export function addLangPrefix(pathname) {
- const prefix = langFromPath(window.location.pathname)
- return `/${prefix}${deLangPrefix(pathname)}`
-}
-
-const routerAddLangPrefix = params => {
- if (isString(params)) {
- params = addLangPrefix(params)
- } else {
- params.pathname = addLangPrefix(params.pathname)
- }
- return params
-}
-
-/**
- * Adjust the router to automatically add the current language prefix before the pathname in push and replace.
- */
-const myRouter = { ...umiRouter }
-
-myRouter.push = flow(routerAddLangPrefix, umiRouter.push)
-
-myRouter.replace = flow(routerAddLangPrefix, myRouter.replace)
-
-export const router = myRouter
-
-/**
- * Whether the path matches the regexp if the language prefix is ignored, https://github.com/pillarjs/path-to-regexp.
- * @param {string|regexp|array} regexp Specify a string, array of strings, or a regular expression.
- * @param {string} pathname Specify the pathname to match.
- * @return {array|null} Return the result of the match or null.
- */
-export function pathMatchRegexp(regexp, pathname) {
- return pathToRegexp(regexp).exec(deLangPrefix(pathname))
-}
-
-/**
- * In an array object, traverse all parent IDs based on the value of an object.
- * @param {array} array The Array need to Converted.
- * @param {string} current Specify the value of the object that needs to be queried.
- * @param {string} parentId The alias of the parent ID of the object in the array.
- * @param {string} id The alias of the unique ID of the object in the array.
- * @return {array} Return a key array.
- */
-export function queryPathKeys(array, current, parentId, id = 'id') {
- const result = [current]
- const hashMap = new Map()
- array.forEach(item => hashMap.set(item[id], item))
-
- const getPath = current => {
- const currentParentId = hashMap.get(current)[parentId]
- if (currentParentId) {
- result.push(currentParentId)
- getPath(currentParentId)
- }
- }
-
- getPath(current)
- return result
-}
-
-/**
- * In an array of objects, specify an object that traverses the objects whose parent ID matches.
- * @param {array} array The Array need to Converted.
- * @param {string} current Specify the object that needs to be queried.
- * @param {string} parentId The alias of the parent ID of the object in the array.
- * @param {string} id The alias of the unique ID of the object in the array.
- * @return {array} Return a key array.
- */
-export function queryAncestors(array, current, parentId, id = 'id') {
- const result = [current]
- const hashMap = new Map()
- array.forEach(item => hashMap.set(item[id], item))
-
- const getPath = current => {
- const currentParentId = hashMap.get(current[id])[parentId]
- if (currentParentId) {
- result.push(hashMap.get(currentParentId))
- getPath(hashMap.get(currentParentId))
- }
- }
-
- getPath(current)
- return result
-}
-
-/**
- * Query which layout should be used for the current path based on the configuration.
- * @param {layouts} layouts Layout configuration.
- * @param {pathname} pathname Path name to be queried.
- * @return {string} Return frist object when query success.
- */
-export function queryLayout(layouts, pathname) {
- let result = 'public'
-
- const isMatch = regepx => {
- return regepx instanceof RegExp
- ? regepx.test(pathname)
- : pathMatchRegexp(regepx, pathname)
- }
-
- for (const item of layouts) {
- let include = false
- let exclude = false
- if (item.include) {
- for (const regepx of item.include) {
- if (isMatch(regepx)) {
- include = true
- break
- }
- }
- }
-
- if (include && item.exclude) {
- for (const regepx of item.exclude) {
- if (isMatch(regepx)) {
- exclude = true
- break
- }
- }
- }
-
- if (include && !exclude) {
- result = item.name
- break
- }
- }
-
- return result
-}
-
-export function getLocale() {
- return langFromPath(window.location.pathname)
-}
-
-export function setLocale(language) {
- if (getLocale() !== language) {
- umiRouter.push({
- pathname: `/${language}${deLangPrefix(window.location.pathname)}`,
- search: window.location.search,
- })
- }
-}
diff --git a/.prev/src/utils/model.js b/.prev/src/utils/model.js
deleted file mode 100644
index 6bc8b9ba..00000000
--- a/.prev/src/utils/model.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import modelExtend from 'dva-model-extend'
-
-export const model = {
- reducers: {
- updateState(state, { payload }) {
- return {
- ...state,
- ...payload,
- }
- },
- },
-}
-
-export const pageModel = modelExtend(model, {
- state: {
- list: [],
- pagination: {
- showSizeChanger: true,
- showQuickJumper: true,
- current: 1,
- total: 0,
- pageSize: 10,
- },
- },
-
- reducers: {
- querySuccess(state, { payload }) {
- const { list, pagination } = payload
- return {
- ...state,
- list,
- pagination: {
- ...state.pagination,
- ...pagination,
- },
- }
- },
- },
-})
diff --git a/.prev/src/utils/request.js b/.prev/src/utils/request.js
deleted file mode 100644
index bad2dac5..00000000
--- a/.prev/src/utils/request.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import axios from 'axios'
-import { cloneDeep, isEmpty } from 'lodash'
-import pathToRegexp from 'path-to-regexp'
-import { message } from 'antd'
-import qs from 'qs'
-
-const { CancelToken } = axios
-window.cancelRequest = new Map()
-
-export default function request(options) {
- let { data, url, method = 'get' } = options
- const cloneData = cloneDeep(data)
-
- try {
- let domain = ''
- const urlMatch = url.match(/[a-zA-z]+:\/\/[^/]*/)
- if (urlMatch) {
- ;[domain] = urlMatch
- url = url.slice(domain.length)
- }
-
- const match = pathToRegexp.parse(url)
- url = pathToRegexp.compile(url)(data)
-
- for (const item of match) {
- if (item instanceof Object && item.name in cloneData) {
- delete cloneData[item.name]
- }
- }
- url = domain + url
- } catch (e) {
- message.error(e.message)
- }
-
- options.url =
- method.toLocaleLowerCase() === 'get'
- ? `${url}${isEmpty(cloneData) ? '' : '?'}${qs.stringify(cloneData)}`
- : url
-
- options.cancelToken = new CancelToken(cancel => {
- window.cancelRequest.set(Symbol(Date.now()), {
- pathname: window.location.pathname,
- cancel,
- })
- })
-
- return axios(options)
- .then(response => {
- const { statusText, status, data } = response
-
- let result = {}
- if (typeof data === 'object') {
- result = data
- if (Array.isArray(data)) {
- result.list = data
- }
- } else {
- result.data = data
- }
-
- return Promise.resolve({
- success: true,
- message: statusText,
- statusCode: status,
- ...result,
- })
- })
- .catch(error => {
- const { response, message } = error
-
- if (String(message) === 'Canceling...') {
- return {
- success: false,
- }
- }
-
- let msg
- let statusCode
-
- if (response && response instanceof Object) {
- const { data, statusText } = response
- statusCode = response.status
- msg = data.message || statusText
- } else {
- statusCode = 600
- msg = error.message || 'Network Error'
- }
-
- /* eslint-disable */
- return Promise.reject({
- success: false,
- statusCode,
- message: msg,
- })
- })
-}
diff --git a/.prev/src/utils/theme.js b/.prev/src/utils/theme.js
deleted file mode 100644
index 0a610df4..00000000
--- a/.prev/src/utils/theme.js
+++ /dev/null
@@ -1,14 +0,0 @@
-module.exports = {
- Color: {
- green: '#64ea91',
- blue: '#8fc9fb',
- purple: '#d897eb',
- red: '#f69899',
- yellow: '#f8c82e',
- peach: '#f797d6',
- borderBase: '#e5e5e5',
- borderSplit: '#f4f4f4',
- grass: '#d6fbb5',
- sky: '#c1e0fc',
- },
-}
diff --git a/.umirc.js b/.umirc.js
index e081b1e4..bd7ec135 100755
--- a/.umirc.js
+++ b/.umirc.js
@@ -64,7 +64,7 @@ export default {
theme: './config/theme.config.js',
// Webpack Configuration
alias: {
- ycore: resolve(__dirname, './src/@ycore/ycore_worker.js'),
+ app: resolve(__dirname, './src/@app/app.js'),
globals: resolve(__dirname, './globals'),
components: resolve(__dirname, './src/components'),
config: resolve(__dirname, './config/ycore.config.js'),
diff --git a/.ycorerc.js b/.ycorerc.js
new file mode 100644
index 00000000..e3059c50
--- /dev/null
+++ b/.ycorerc.js
@@ -0,0 +1,3 @@
+module.exports = {
+ nigga: 'JeJe So FUny'
+}
\ No newline at end of file
diff --git a/dist.zip b/dist.zip
deleted file mode 100644
index 50300f36..00000000
Binary files a/dist.zip and /dev/null differ
diff --git a/globals/endpoints/comty_endpoints.js b/globals/endpoints/comty_endpoints.js
index a30ab6e0..f6a06e31 100755
--- a/globals/endpoints/comty_endpoints.js
+++ b/globals/endpoints/comty_endpoints.js
@@ -1,23 +1,6 @@
module.exports={
+ // !!! Deprecated for the new model => v0.4.06 (up)
comty_endpoints: {
- comments_actions: "https://api.ragestudio.net/RSA-COMTY/r/comments?access_token=",
- get_post_data: "https://api.ragestudio.net/RSA-COMTY/r/get-post-data?access_token=",
- get_user_tags: "https://api.ragestudio.net/RSA-COMTY/r/user_tags?access_token=",
- get_general_data: "https://api.ragestudio.net/RSA-COMTY/r/get-general-data?access_token=",
- follow_user: "https://api.ragestudio.net/RSA-COMTY/r/follow-user?access_token=",
- action_post: "https://api.ragestudio.net/RSA-COMTY/r/post-actions?access_token=",
- get_posts: "https://api.ragestudio.net/RSA-COMTY/r/posts?access_token=",
- find_user: "https://api.ragestudio.net/RSA-COMTY/r/find_user?access_token=",
- search_endpoint: "https://api.ragestudio.net/RSA-COMTY/r/search?access_token=",
- all_sessions: "https://api.ragestudio.net/RSA-COMTY/r/sessions?access_token=",
- get_sessions: "https://api.ragestudio.net/RSA-COMTY/r/session_id?access_token=",
- auth_endpoint: "https://api.ragestudio.net/RSA-COMTY/r/auth",
- new_post: "https://comty.pw/api/new_post?access_token=",
- get_config_endpoint: "https://api.ragestudio.net/RSA-COMTY/r/get-site-settings?access_token=",
- get_userData: "https://api.ragestudio.net/RSA-COMTY/r/get-user-data?access_token=",
- update_userData_endpoint: "https://api.ragestudio.net/RSA-COMTY/r/update-user-data?access_token=",
- removeToken: "https://api.ragestudio.net/RSA-COMTY/r/delete-access-token?access_token=",
- register_endpoint: "https://api.ragestudio.net/RSA-COMTY/r/create-account",
- resetPassword_endpoint: "https://api.ragestudio.net/RSA-COMTY/r/send-reset-password-email?access_token=",
+ new_post: "https://comty.pw/api/new_post",
}
}
\ No newline at end of file
diff --git a/package.json b/package.json
index 0be3870a..cc8b74bb 100755
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
"UUID": "C8mVSr-4nmPp2-pr5Vrz-CU4kg4",
"title": "Comty™",
"DevBuild": true,
- "version": "0.4.03",
+ "version": "0.4.06",
"stage": "dev-pre",
"description": "",
"author": "RageStudio",
@@ -20,7 +20,7 @@
"dva-model-extend": "^0.1.2",
"enquire-js": "^0.2.1",
"express": "^4.17.1",
- "interact.js": "^1.2.8",
+ "feather-reactjs": "^2.0.9",
"interactjs": "^1.9.9",
"jquery": "^3.4.1",
"jsonwebtoken": "^8.5.1",
@@ -53,7 +53,8 @@
"ts-cookies": "^1.0.0",
"umi": "^2.13.12",
"umi-plugin-react": "^1.15.7",
- "validator": "^12.2.0"
+ "validator": "^12.2.0",
+ "ycorejs": "^0.1.1"
},
"devDependencies": {
"@capacitor/android": "^1.5.2",
diff --git a/src/@ycore/ycore_worker.js b/src/@app/app.js
old mode 100755
new mode 100644
similarity index 99%
rename from src/@ycore/ycore_worker.js
rename to src/@app/app.js
index 6d7c8853..858cdae0
--- a/src/@ycore/ycore_worker.js
+++ b/src/@app/app.js
@@ -4,9 +4,7 @@
* @author rStudio© 2020
* @license Pending...
*/
-
import * as Endpoints from 'globals/endpoints/index.js'
-import io from 'socket.io-client'
import * as Icons from '@ant-design/icons'
import localforage from 'localforage'
import { format } from 'timeago.js'
diff --git a/src/@app/flags.js b/src/@app/flags.js
new file mode 100644
index 00000000..b3083de3
--- /dev/null
+++ b/src/@app/flags.js
@@ -0,0 +1,33 @@
+// ERROR FLAGS CODES
+const flags = {
+ CRITICAL_ERROR: 1000,
+ EXCEPTION_ERROR: 1010,
+ WARNING_ERROR: 1020,
+
+ API_FAIL: 100,
+ API_BADRESPONSE: 110,
+ API_BADCREDENTIAL: 120,
+}
+
+function flag_handle(flag, ...pass){
+ if (!flag) return false
+ switch (flag) {
+ case flags.CRITICAL_ERROR:
+ const CRITICAL_ERROR = `${flags.CRITICAL_ERROR} | ${JSON.stringify(...pass)}`
+ console.error(CRITICAL_ERROR)
+ throw new Error(CRITICAL_ERROR)
+ case flags.EXCEPTION_ERROR:
+ const EXCEPTION_ERROR = `${flags.EXCEPTION_ERROR} | ${JSON.stringify(...pass)}`
+ console.warn(EXCEPTION_ERROR)
+ return
+ case flags.WARNING_ERROR:
+ const WARNING_ERROR = `${flags.WARNING_ERROR} | ${JSON.stringify(...pass)}`
+ console.warn(WARNING_ERROR)
+ return
+ default:
+ break;
+ }
+}
+
+module.exports.flags = flags
+module.exports.flags_handle = flag_handle
\ No newline at end of file
diff --git a/src/@app/libs.js b/src/@app/libs.js
new file mode 100644
index 00000000..36442218
--- /dev/null
+++ b/src/@app/libs.js
@@ -0,0 +1,5 @@
+// List of modules used for this app
+export * from './libs/comty_ng/pre.js';
+export * from './libs/yulio_id/pre.js';
+export * from './libs/app_functions/pre.js';
+export * from './libs/api_call/pre.js';
\ No newline at end of file
diff --git a/src/@ycore/libs/rs_cloud/api_call.js b/src/@app/libs/api_call/api_call.js
old mode 100755
new mode 100644
similarity index 61%
rename from src/@ycore/libs/rs_cloud/api_call.js
rename to src/@app/libs/api_call/api_call.js
index 41844f7a..feb85c14
--- a/src/@ycore/libs/rs_cloud/api_call.js
+++ b/src/@app/libs/api_call/api_call.js
@@ -1,16 +1,15 @@
import jquery from 'jquery'
-import * as ycore from 'ycore'
+import * as app from 'app'
export function API_Call(callback, endpoint, payload, options, __token) {
var prefix = `[API_Call] `
if (!endpoint) return false
if (!payload) {
- ycore.yconsole.log(prefix, 'Calling api without Payload!!!')
+ app.yconsole.log(prefix, 'Calling api without Payload!!!')
}
let payloadContainer = payload ? payload : new FormData()
- payloadContainer.append('server_key', ycore.__server.getKey())
+ payloadContainer.append('server_key', app.__server.getKey())
- const autoIncludeToken = endpoint.includes('?access_token=')
const defaultOptions = {
method: 'POST',
@@ -18,7 +17,7 @@ export function API_Call(callback, endpoint, payload, options, __token) {
processData: false,
includeUserID: false,
override__token: false,
- disabledToken: autoIncludeToken ? false : true,
+ disabledToken: false,
}
let fendpoint
@@ -33,31 +32,31 @@ export function API_Call(callback, endpoint, payload, options, __token) {
options.method ? (method = options.method) : null
options.timeout ? (timeout = options.timeout) : null
options.processData ? (processData = true) : null
- options.includeUserID ? (includeUserID = true) : null
- options.override__token ? (override__token = true) : null
- options.disabledToken ? (disabledToken = true) : null
+ options.includeUserID ? (includeUserID = options.includeUserID) : null
+ options.override__token ? (override__token = options.override__token) : null
+ options.disabledToken ? (disabledToken = options.disabledToken) : null
}
if (disabledToken) {
- ycore.yconsole.log(`${prefix} Dimmissing the token generation`)
+ app.yconsole.log(`${prefix} Dimmissing the token generation`)
fendpoint = `${endpoint}`
}
if (!disabledToken && !override__token) {
- fendpoint = `${endpoint}${ycore.token_data.__token()}`
+ fendpoint = `${endpoint}?access_token=${app.token_data.__token()}`
}
if (override__token || __token) {
if (!__token) {
- ycore.yconsole.log(`${prefix} Missing Overriding __token`)
+ app.yconsole.log(`${prefix} Missing Overriding __token`)
return
}
- ycore.yconsole.log(`${prefix} Overriding __token => ${__token}`)
- fendpoint = `${endpoint}${__token}`
+ app.yconsole.log(`${prefix} Overriding __token => ${__token}`)
+ fendpoint = `${endpoint}?access_token=${__token}`
}
if (includeUserID) {
- payloadContainer.append('user_id', ycore.token_data.__id())
+ payloadContainer.append('user_id', app.token_data.__id())
}
const requestOptions = {
@@ -76,20 +75,20 @@ export function API_Call(callback, endpoint, payload, options, __token) {
try {
const a = JSON.parse(response)['api_status']
if (a == '404') {
- ycore.Alive_API.tokenError(response)
+ app.api_err.tokenError(response)
}
} catch (error) {
- ycore.yconsole.log(
+ app.yconsole.log(
'[VIOLATION] The status of the request has not been identified!'
)
- ycore.Alive_API.violation()
+ app.api_err.violation()
}
- ycore.yconsole.log(response)
+ app.yconsole.debug(response)
return callback(false, response)
})
.fail(error => {
- ycore.yconsole.log(`${prefix} (ERROR) `, error)
- ycore.Alive_API.fail(error)
+ app.yconsole.debug(`${prefix} (ERROR) `, error)
+ app.api_err.fail(error)
return callback(true, error)
})
}
diff --git a/src/@app/libs/api_call/pre.js b/src/@app/libs/api_call/pre.js
new file mode 100644
index 00000000..37910210
--- /dev/null
+++ b/src/@app/libs/api_call/pre.js
@@ -0,0 +1,34 @@
+import * as app from 'app'
+export * from './api_call.js'
+import keys from '../../../../config/keys.js'
+
+export const api_err = {
+ fail: a => {
+ if (a) {
+ app.yconsole.log(a)
+ app.notify.error(a)
+ }
+ },
+ tokenError: a => {
+ app.notify.expire(
+ 'It seems that your token has expired or no longer exists'
+ )
+ app.router.go('login')
+ },
+ violation: a => {
+ app.notify.expire(
+ 'It seems that there has been a problem with your token, we need you to log in again.'
+ )
+ app.router.go('login')
+ },
+}
+
+export const __server = {
+ getKey: () => {
+ return keys.server_key
+ },
+}
+
+export function gen_endpoint(endpoint) {
+ return `${app.AppSettings.__global_server_prexif}${endpoint}`
+}
diff --git a/src/@ycore/libs/app_functions/modals.js b/src/@app/libs/app_functions/modals.js
old mode 100755
new mode 100644
similarity index 91%
rename from src/@ycore/libs/app_functions/modals.js
rename to src/@app/libs/app_functions/modals.js
index 4ee4be38..b0ee14ab
--- a/src/@ycore/libs/app_functions/modals.js
+++ b/src/@app/libs/app_functions/modals.js
@@ -1,5 +1,5 @@
import React from 'react'
-import * as ycore from 'ycore'
+import * as ycore from 'app'
import * as antd from 'antd'
import * as Icons from '@ant-design/icons'
import styles from './modals.less';
@@ -14,17 +14,17 @@ class __Model_postreport extends React.PureComponent {
end(){
if(this.props.id){
const payload = { post_id: this.props.id }
- ycore.comty_post.__report((err, res) => {
+ app.comty_post.__report((err, res) => {
if (err) {
return false
}
- ycore.notify.info('This post has been reported successfully, our team will review it and inform you about problem resolution ...')
- ycore.FeedHandler.refresh()
- ycore.FeedHandler.goToElement(this.props.id)
+ app.notify.info('This post has been reported successfully, our team will review it and inform you about problem resolution ...')
+ app.FeedHandler.refresh()
+ app.FeedHandler.goToElement(this.props.id)
}, payload)
}
setTimeout(() => {
- ycore.SecondarySwap.close()
+ app.SecondarySwap.close()
}, 500)
}
@@ -116,7 +116,7 @@ export const app_modals = {
icon:
-
-
-
-
-
-
-
- {this.renderChildren()}
-
-
+ 
-
-v{ycore.AppInfo.version}
- {ycore.AppInfo.stage}
+ v{app.AppInfo.version}
+ {app.AppInfo.stage}
{this.DetectNoNStableBuild()}
diff --git a/src/components/CustomIcons/index.js b/src/components/CustomIcons/index.js
index 368614d2..d71bfcfc 100755
--- a/src/components/CustomIcons/index.js
+++ b/src/components/CustomIcons/index.js
@@ -6,6 +6,6 @@ const RobotOutlined = () => ({ycore.AppInfo.name}
- {ycore.UUAID} +{app.AppInfo.name}
+ {app.UUAID}-