GithubHelp home page GithubHelp logo

clutch-creator / clutch Goto Github PK

View Code? Open in Web Editor NEW
41.0 41.0 3.0 899 KB

The Next Website Builder for High-Performance Marketing

Home Page: https://clutch.io

License: MIT License

blog components frontend javascript low-code lowcode nextjs no-code nocode page-builder react seo site-builder ssg ssr static static-site-generator vercel web-builder website-builder

clutch's People

Contributors

andressaroberts avatar daprieu avatar diegomedina248 avatar magalhas avatar matthewhager avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

clutch's Issues

LocalHost Fetch bug

How to reproduce

Try to fetch a localhost URL data.

Describe the bug

Crashes canvas when trying to fetch data from localhost

Expected behavior

To fetch localhost data

Operating System

MacOS 13.4.1

Clutch Version

Desktop: 1.201.0

Other

Interface: staging-3c59afc137bfedb62269323b4d100555c82363c7

I deleted a jpeg and now the whole app crashes

How to reproduce

  1. Put an image on the screen.
  2. Delete it from the media manager.

image

Describe the bug

I deleted a jpeg and now my whole app crashes. If you delete an image, worst that should happen is maybe it doesn't show up or a warning. We can't have the whole app crash over this.

Expected behavior

No response

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

When using dangerouslySetInnerHTML images do not render in Clutch

How to reproduce

  1. Using a cms like wordpress make a post that has an image(s)
  2. Then in Clutch Fetch that post using the wp graph ql query
  3. using a block component, render the HTML returned from wp graphql query using dangerouslySetInnerHTML
  4. Image is broke in the page/canvas
  5. pop window out to view in browser
  6. image renders just fine in browser

Describe the bug

Images from graphql being set using dangerouslySetInnerHTML do not render in Clutch but do render in browser

Expected behavior

Images should render in Clutch so that a user does not think the image is broken and can continue to work normally

Operating System

macOS 13.5

Clutch Version

Desktop: 1.204.0-alpha.90b6c69e47 | Interface: v1.204.0

Other

Screen.Recording.2023-09-21.at.10.06.17.AM.mov

SVG showing up broken in media manager, but works

How to reproduce

In the media manager, github.svg appears broke, but it does work.

image

Describe the bug

SVG showing up broken in media manager, but works

Expected behavior

No response

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

Replace AWS docker registry with a self hosted instance inside the cluster powered by S3

  • Replace the service
  • Migrate most recent images
  • Cron job that cleans up old images (a retention policy needs to be defined)

TEST CASE:
This change was made in infrastructure level having the possible effect in the backend services.

  • Check the deployment flow work correctly (build images and pull them after deploy)
  • Check normal functionality of the app (i.e any action dependent on API calls)

Clutch version in tool does not match the version that is downloaded

How to reproduce

  1. open clutch
  2. open project
  3. open clutch menu
  4. look at version number
  5. ...profit?

Describe the bug

Clutch version in tool does not match the version that is downloaded.
If you are in a project and open the Clutch menu the version number is stuck reporting that it is version 1.201.x while the actual version displayed in the clutch info is the correct version.

image

Expected behavior

No response

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

Code editor syntax highlighting issue

How to reproduce

  1. Open project
  2. got to home page
  3. click on the content section of the home page
  4. open the data prop code editor
  5. add a comment to the file
  6. click save
  7. fetch will fail and syntax highlighting disapears

Describe the bug

When a bug is introduced to code in the Clutch code editor syntax highlighting will stop working.

Expected behavior

code editor should not loose syntax highlighting.
If I close the code editor and then open again the highlighting comes back.

Operating System

macOS 13.5

Clutch Version

Desktop: 1.201.0 | Interface: v1.204.0 PROD ENV

Other

No response

Editing text, get 500 error

How to reproduce

Edit a lot of text.

Describe the bug

Sometimes I'll be editing text, and I'll get hit with a 500 error.
If I close the app and reopen, things go back to normal.

Expected behavior

No response

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

It should be possible to scroll on a page even without being in interaction mode

How to reproduce

  1. Be in the Pages session
  2. Have enough items that require scrolling
  3. Try to scroll the page

Describe the bug

Currently it is only possible to scroll while on a page if the interaction mode is activated.

Expected behavior

Scrolling needs to work both in interaction (play) and selection mode.

Operating System

macOS 13.5

Clutch Version

No response

Other

No response

CMD + R doesn't reload, it opens tabs...

How to reproduce

hit CMD + R

Describe the bug

When I hit CMD + R to cause electron to reload - instead other projects open in tabs

Expected behavior

CMD + R - it doesn't reload electron, it opens tabs. it should open electron.

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

Screenshot/live preview marketplace items

We used to have a screenshot service that took screenshots to exported components in the marketplace. We no longer have the service and also the entire UI is being redesigned. We'll need to bring the feature back somehow after the redesign happens.

Node processes being orphaned and potentially duplicated when changing revisions

What I was doing up to this point was selecting different revisions to try and find a working version of a project that has crashed. I noticed that the app gets really slow and takes some time changing between revisions. I had probably changed between a 5 or 6 before my computer started freezing up. Not sure if this is a helpful start point or not
Even now after reopening the app after doing the pkill command I have fp austin up as my only open project and I have several node processes running. I should not have anything else running on my computer at the moment that would be adding to this list so I am not sure what is happening.

Screen.Recording.2023-07-12.at.10.37.52.AM.mov

When using a block as an img tag, setting srcSet breaks the render

How to reproduce

  1. Open a project
  2. Drag out/ add a block to composition
  3. set block tag to img
  4. add src and srcSet props
  5. add working image src prop for example placeholder image
  6. set srcSet prop, this can be empty quotes or set as
    " http://srcset.salcode.com/images/2000x1000.png 200w, http://srcset.salcode.com/images/2000x1000.png 300w"

Describe the bug

When following the steps above the image will act as if it is broken in the frame/ page. It only behaves this way in Clutch tool. Using the popout window and viewing the page or a publish version of the img will show it correctly

Expected behavior

Img should continue rendering as normal. If there is an error the error should be clear to understand what about the prop is incorrect.

Operating System

macOS 13.5

Clutch Version

Desktop: 1.201.0 [Content] env

Other

Screen.Recording.2023-09-18.at.1.33.39.PM.mov

Add context menu in left side menu folders in the dashboard

How to reproduce

  1. Login to the application
  2. Own teams with folders
  3. Mouse over folders

Obtained: Menu with rename and delete options are not displayed

Describe the bug

Dashboard folders should have menu so they can be renamed/deleted.

Expected behavior

image

image

Operating System

macOS 13.5

Clutch Version

No response

Other

No response

Invalid CSS values (and other errors) error silently

How to reproduce

Put a backdrop-filter inside a backdrop-filter

image

Describe the bug

Accidentally put a backdrop-filter in a backdrop-filter and broke scrolling
I accidentally put a backdrop-filter inside a backdrop-filter and now I cannot scroll. If I fix this code, then I can scroll again. As a user, I would be very confused that I can make this mistake but then scrolling completely doesn't work. No error message is thrown.

Expected behavior

No response

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

Updating next.js does not restart the dev server

How to reproduce

Update next.js version on the package manager.

Describe the bug

The old version will still be running unless the user reopens the project.

Expected behavior

Next.js dev server should restart when the library gets changed/updated.

Operating System

macOS 13.5

Clutch Version

1.202.4

Other

No response

When duplicating a free floating instance, the duplicate instance stays in the same position

How to reproduce

  1. Create a free floating instance
  2. Duplicate it

Extra scenario:

  • Deleting everything from a space and trying to add a primitive again -> inconsistent behaviour

Describe the bug

The duplicated instance stays on top of the other one.

Expected behavior

The new instance should be on the side of the original one, aligned.

Operating System

Ubuntu 22.04

Clutch Version

No response

Other

No response

Screencast.2023-08-24.15.28.13.mp4

Props and Vars are not selectable

How to reproduce

In a project where data is being returned from the data function on a page

  1. add a text component
  2. switch text prop to variable
  3. Props will show for half a second and then disappear

Describe the bug

Variable bind and code bind are almost unusable as I can not select the data flowing in. I have to know the shape of my data and manually write it.

Expected behavior

data flowing in should persist in the props and vars section of the code bind picker

Operating System

macOS 13.5

Clutch Version

Desktop: 1.204.0 | Interface: v1.205.11

Other

Screen.Recording.2023-09-29.at.9.19.34.AM.mov

Default Theme font is not being applied correctly

How to reproduce

  1. Create new project
  2. Go to page with font
  3. pop out into browser view

Describe the bug

When starting a new project, there is a discrepancy in what font is being applied. The Theme is set to use Inter yet it does not get applied to any text in the project only when the project is popped out in a browser window.

Expected behavior

In the global styles of the typography section fonts set here should be applied to the corresponding text styles

Operating System

macOS 13.5

Clutch Version

Desktop: 1.204.0-alpha.90b6c69e47 | Interface: v1.204.0

Other

Screenshot 2023-09-22 at 10 01 40 AM

Screenshot 2023-09-22 at 10 01 36 AM

Research possible lighthouse metrics while creating pages

We need to gather the list of potential metrics and integrations to be used while developing. Probably metrics related to optimization/performance aren't as useful (they change quite a lot in the production environment), however SEO metrics and others might be good to have.

Default Clutch Favicon

How to reproduce

Create a new project
It won't have a Clutch favicon on localhost when you open in a new window

Describe the bug

We should ship a default Clutch Favicon with all projects and templates. Reason being, if you don't have a favicon, it defaults to the last favicon that was used. On localost, the last favicon I had was of a rabbit, now my clutch projects on localhost show rabbits instead of a fancy clutch logo. I believe shipping our own clutch logo as a default favicon that the user can replace is better than not shipping one at all. Next projects ship with a default facion as well. So do WordPress sites.

Expected behavior

No response

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

Autoprefixer not working

How to reproduce

  1. add a property like backdrop-filter
  2. check it in safari
  3. no --webkit prefix added
  4. it should be there
    image

Describe the bug

Autoprefixer isn't working. Next.js is supposed to ship with autoprefixer by default. However, I just tested it and it isn't prefixing anything. Proof is that backdrop-filter only works in safari with --webkit prefix manually added.

Expected behavior

--webkit prefix should be there

Operating System

Chrome 112 (macOS Catalina)

Clutch Version

No response

Other

No response

Theming not applied to components exported on the marketplace

How to reproduce

  1. Create a new project
  2. Create a new collection in the theme variables
  3. Create a new component
  4. In styles, use the variables created
  5. Export the component to the marketplace
  6. Install your package in another project and notice that the styles are not applied

https://jam.dev/c/e1124258-4cc4-4732-868f-9db3f0b3fbdf

Describe the bug

Project sample in Canary: https://app-staging.clutch.io/project/65771aa9169de1f82de8580d (Test Component)

Expected behavior

The styles should be applied.

Operating System

macOS 14.1.1

Clutch Version

Desktop: 1.207.1-alpha.0ce7298de1 | Interface: 72298d1

Other

No response

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.