lidojs/canva-clone

LidoJS is a design tool based on Reactjs. UX almost the same canva.

canva-clone's Issues

version conflict between dependencies (`vite` and `@vitejs/plugin-react)

Description

Encountering a dependency resolution error when trying to install project dependencies. The issue arises due to a version conflict between vite and @vitejs/plugin-react.

Error Message

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: @lidojs/[email protected] npm ERR! Found: [email protected] npm ERR! node_modules/vite npm ERR! dev vite@“5.2.9” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vite@“^4.2.0” from @vitejs/[email protected] npm ERR! node_modules/@vitejs/plugin-react npm ERR! dev @vitejs/plugin-react@“~4.0.0” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\USER\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\USER\AppData\Local\npm-cache_logs\2024-04-17T08_28_56_284Z-debug-0.log

Steps to Reproduce

1. Clone the repository from https://github.com/lidojs/canva-clone/
2. Run npm install to install the dependencies.
3. Encounter the ERESOLVE error due to version conflicts.

Environment

• Node version: v18.4.0
• npm version: 8.13.2
• OS: Windows 10

Additional Context

Attempting to resolve the issue by updating vite to the latest version resulted in a new version conflict with @vitejs/plugin-react. The error persists despite trying to fix the upstream dependency conflict as suggested by npm.

Not running

Hi, is there any reason why this is not running locally? It's stuck on yarn start

Is that possible to add new button to get the finally binary data that user can upload.

Here is the big issue, i'm facing to get the binary data on save for development. I want to preview accordingly and upload the data for next uses, that is possible when i have that binary data on my server and get it to display all my collection after edit also possible, if I get and set to this package template

Install

Cloned source code and tried and run but showing error and not running.

window is not defined in NextJS

First of all, I congratulate everyone who contributed. This is an amazing project. I managed to integrate to nextjs14. And figured out working with emotion in nextjs. Everything works fine, except i can not edit any of the text on the editor. I can edit on the data, and works fine but when I double click the text, it does nothing.
I assume that a prosemirror SSR issue because it says window is undefined. I tried:
add "use client" for every component,
use dynamic loading feature while loading <Test/> from next/dynamic for disabling SSR.

I guess you could update where you import and use prosemirror, and force the wait for window like:

const [isLoading, setIsLoading] = useState(true);
   useEffect(() => {
       console.log(window);
       if (typeof window !== "undefined") {
           setIsLoading(false);
       }
   }, []);

again, congrats on hard work. This is impressive work.

version conflict between dependencies (`vite` and `@vitejs/plugin-react)

Description

Encountering a dependency resolution error when trying to install project dependencies. The issue arises due to a version conflict between vite and @vitejs/plugin-react.

Error Message

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: @lidojs/[email protected] npm ERR! Found: [email protected] npm ERR! node_modules/vite npm ERR! dev vite@“5.2.9” from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vite@“^4.2.0” from @vitejs/[email protected] npm ERR! node_modules/@vitejs/plugin-react npm ERR! dev @vitejs/plugin-react@“~4.0.0” from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\USER\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\USER\AppData\Local\npm-cache_logs\2024-04-17T08_28_56_284Z-debug-0.log

Steps to Reproduce

1. Clone the repository from https://github.com/lidojs/canva-clone/
2. Run npm install to install the dependencies.
3. Encounter the ERESOLVE error due to version conflicts.

Environment

• Node version: v18.4.0
• npm version: 8.13.2
• OS: Windows 10

Additional Context

Attempting to resolve the issue by updating vite to the latest version resulted in a new version conflict with @vitejs/plugin-react. The error persists despite trying to fix the upstream dependency conflict as suggested by npm.

Failed to resolve entry for package "@lidojs/design-editor".

Failed to resolve entry for package "@lidojs/design-editor". The package may have incorrect main/module/exports specified in its package.json
src/pages/EditorContent.tsx:1:28:
1 │ import { DesignFrame } from '@lidojs/design-editor';
didnot find the package

resize function is not working for images

hey, resize function is only resizing main page but not the selected layer.

Mobile Responsive Issues with Layers and Align Mode in Lido JS Demo

The Lido JS demo is experiencing issues related to the usage of layers and align mode when accessed on mobile devices. The demo, which works well on desktop screens, fails to render properly on mobile screens.

Getting Error failed to resolve entry pls help to solve this error

Failed to resolve entry for package "@lidojs/design-editor". The package may have incorrect main/module/exports specified in its package.json