Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Sellpixels Robot
    @sellpixels-robot

    Hi, I love the functionality of eslinter, but during rapid development, I'd like to disable that temporarily, how do I do that?

    There are a few ways to do that:

    • Add * to .eslintignore file
    • Add EXTEND_ESLINT=true to .env file

    Can I develop CleanUI based application with typescript ? What about typescript support?

    Yes, you can do that, but you should do next steps: https://create-react-app.dev/docs/adding-typescript/

    By default, Clean UI is delivered without component types.

    Anirudh Murali
    @_AnirudhM_twitter
    FYI, vue.kitpro.cloud seems to be down
    Sellpixels Robot
    @sellpixels-robot

    FYI, vue.kitpro.cloud seems to be down

    Thank you for the report. We will update promosite and example apps soon.

    Anirudh Murali
    @_AnirudhM_twitter
    I did yarn build and am serving the static files from dist through my golang server. When I visit localhost:8080, it just shows the loading progress, no page or component appears. Console shows these errors: Uncaught SyntaxError: Unexpected token '<'. It is not loading the scripts present in index.html
    Anirudh Murali
    @_AnirudhM_twitter
    also after logging in, when I refresh, it logs me out.. I am using firebase login.
    Sellpixels Robot
    @sellpixels-robot

    I did yarn build and am serving the static files from dist through my golang server. When I visit localhost:8080, it just shows the loading progress, no page or component appears. Console shows these errors: Uncaught SyntaxError: Unexpected token '<'. It is not loading the scripts present in index.html

    Are you loading localhost:8080 or localhost:8080/dist

    What version did you use? React, vue, ...?
    Anirudh Murali
    @_AnirudhM_twitter
    It is vue, solved it, there was an error in serving my static files wrongly from my Golang server. Sorry for the confusion
    But the error on log out on refresh still persists
    Sellpixels Robot
    @sellpixels-robot

    But the error on log out on refresh still persists

    Are you used latest version from repo? 3.2.2?

    Anirudh Murali
    @_AnirudhM_twitter
    yes, "version": "3.2.2",
    Sellpixels Robot
    @sellpixels-robot
    please wait a little we check this
    Anirudh Murali
    @_AnirudhM_twitter
    https://vue.cleanui.cloud this does not have it :(
    not sure what I am doing wrong

    I am using mode:history and also did this below

    eg. “resources/images/logo.svg” to “/resources/images/logo.svg"

    To handle the history mode in my golang server, I am using this: https://github.com/vuejs/vue-router/pull/2962/files
    Sellpixels Robot
    @sellpixels-robot
    It works well with hash router mode, let us check it with history mode
    It works as well with history mode
    Maybe you got something wrong with auth rewrite on app load?
    Sellpixels Robot
    @sellpixels-robot
    Also please check it in another browser, maybe the firebase data is erased by your current browser
    Anirudh Murali
    @_AnirudhM_twitter
    ok, let me see. thanks
    Anirudh Murali
    @_AnirudhM_twitter
    Whenever I refresh cleanui vue, it takes me to the login page and then there is a delay of 2-3 seconds before it takes me to the requested page. I believe it's because of Routes Guard, I don't want to remove it, can't it be done without taking the user to login page?
    Sellpixels Robot
    @sellpixels-robot

    Whenever I refresh cleanui vue, it takes me to the login page and then there is a delay of 2-3 seconds before it takes me to the requested page. I believe it's because of Routes Guard, I don't want to remove it, can't it be done without taking the user to login page?

    Hi, this is delay for firebase user auth checking - you can add loader overlay (or just empty white div) and hide it when this procedure is complete

    Anirudh Murali
    @_AnirudhM_twitter
    removing the loading of login page is making it fast, is there any reason not to do that?
    or is it placed because authentication check happens only at login page
    Sellpixels Robot
    @sellpixels-robot

    removing the loading of login page is making it fast, is there any reason not to do that?

    It more complex thing I think, if you find elegant solutions please let us know :) thank you

    or is it placed because authentication check happens only at login page

    what if user will open inner page directly?

    Anirudh Murali
    @_AnirudhM_twitter
    store.state.user.authorized would be false, so it should not load right?
    Sellpixels Robot
    @sellpixels-robot

    store.state.user.authorized would be false, so it should not load right?

    what if user really unauthorized? How to check when login page should be visible?

    we tried few varinats how change this behavior, and decided to keep the current version
    Anirudh Murali
    @_AnirudhM_twitter
    hmm, got it. cool then
    thanks
    Sellpixels Robot
    @sellpixels-robot
    in react version we just prevent rendering any layout component, till firebase return user state
    I don't remember exactly, but we deny this idea for Vue because we didn't want to add unobvious functionality
    we added this task to our to-do list, maybe in near future we will try to add loading overlay for firebase init process
    thank you for the report
    Anirudh Murali
    @_AnirudhM_twitter
    How do I make it to not render any layout component?
    This is quite important because this is not just for refresh, our customers open lot of links in new tabs, and all tabs go to login page, then to the required page
    atleast a loading overlay is better, please pick it up when time permits, thanks
    Sellpixels Robot
    @sellpixels-robot

    How do I make it to not render any layout component?
    This is quite important because this is not just for refresh, our customers open lot of links in new tabs, and all tabs go to login page, then to the required page

    Yeah, that makes sense. Will improve that asap

    Anirudh Murali
    @_AnirudhM_twitter
    Thanks! 🙏
    lmela0
    @lmela0

    Hi, i got a CleanUI template which i'd like to extend in typescript.
    After having read several answers about "adding the typescript nature to the template" and having done everything to add the required support, i've got a working env (react+redux) with typescript 3.9.5, integrated alongside the existing javascript modules.
    However, i continue getting a warning (after dev server started) about version support from typescript-estree (following)

    =============

    WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.

    You may find that it works just fine, or you may not.

    SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.5.0

    YOUR TYPESCRIPT VERSION: 3.9.5

    Please only submit bug reports when using the officially supported version.

    =============

    I've tried to change version to a supported one (both 3.4/3.4.5) but i get a strange behaviour that doesn't let me end the compiling:

    Cannot compile namespaces when the '--isolatedModules' flag is provided. TS1208

    2 | // you should restart dev server after variables changes
    3 | // ref: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

    4 | module.exports = {
    | ^
    5 | '@body-background': '#f2f4f8',
    6 | '@font-size-base': '13px',
    7 | '@font-size-lg': '15px',

    And if i don't provide --isolatedModules (or set it to false) it gets setted by his own.

    Do you have a solution to this unusual behaviour involving your JS template?

    1 reply
    Anirudh Murali
    @_AnirudhM_twitter

    Opening two instances of the web app and logging out in one does not log out in other. How to solve?

    1. Open two tabs
    2. Both with https://vue.cleanui.cloud/
    3. Log into both
    4. Log out in one tab
    5. Other tab still works

    It should ideally log out in both places, how to fix?

    Sellpixels Robot
    @sellpixels-robot

    Hi, i got a CleanUI template which i'd like to extend in typescript.
    After having read several answers about "adding the typescript nature to the template" and having done everything to add the required support, i've got a working env (react+redux) with typescript 3.9.5, integrated alongside the existing javascript modules.
    However, i continue getting a warning (after dev server started) about version support from typescript-estree (following)

    =============

    WARNING: You are currently running a version of TypeScript which is not officially supported by typescript-estree.

    You may find that it works just fine, or you may not.

    SUPPORTED TYPESCRIPT VERSIONS: >=3.2.1 <3.5.0

    YOUR TYPESCRIPT VERSION: 3.9.5

    Please only submit bug reports when using the officially supported version.

    =============

    I've tried to change version to a supported one (both 3.4/3.4.5) but i get a strange behaviour that doesn't let me end the compiling:

    Cannot compile namespaces when the '--isolatedModules' flag is provided. TS1208

    2 | // you should restart dev server after variables changes
    3 | // ref: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less

    4 | module.exports = {
    | ^
    5 | '@body-background': '#f2f4f8',
    6 | '@font-size-base': '13px',
    7 | '@font-size-lg': '15px',

    And if i don't provide --isolatedModules (or set it to false) it gets setted by his own.

    Do you have a solution to this unusual behaviour involving your JS template?

    This is outdated And Theme Loader, please try to use latest (uses regular less import) - https://github.com/sellpixels/cleanui-admin-template-react-cra/tree/master/src/components/kit/vendors/antd/themes

    Opening two instances of the web app and logging out in one does not log out in other. How to solve?

    1. Open two tabs
    2. Both with https://vue.cleanui.cloud/
    3. Log into both
    4. Log out in one tab
    5. Other tab still works

    It should ideally log out in both places, how to fix?

    After page reloading the app catch latest auth data from firebase localstorage, you should implement cross window events to trigger logout method

    lmela0
    @lmela0
    Hello everyone, following https://docs.sellpixels.com/admin-templates/react/cookbook/basic-acl i'm trying to handle/modify the security in the cleanui template i'm working on, but i can't find the module you cite on the former link.
    Could you help me?
    Sellpixels Robot
    @sellpixels-robot
    Hi, this is a component with the basic security features. It prevents render or do redirect based on current user role
    Just import this component to yours and try to use examples from docs
    Are you using Clean UI or Air UI template?
    lmela0
    @lmela0
    Clean UI