primefaces / sakai-react Goto Github PK

i just downloaded and installed in js/ts folder with comand
npm install
then I run command
npm run dev
but when I open it in the browser 127.0.0.1:3000 it just loads without stopping

and I didn't find any errors in the browser console log

Hi,

Is there any planning to release the free template Sigma for Primefaces?
Great contribution for the PrimeReact community, nonetheless.

Hi , I am new in nextjs , from where I can change default route instead of dashboard need to load login

Just git clone from repo and yarn dev, I got this issue:

error - node_modules/next/dist/client/link.js (274:22) @ LinkComponent error - Error: Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>. Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor at LinkComponent (webpack-internal:///./node_modules/next/dist/client/link.js:269:23) at renderWithHooks (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16) at renderForwardRef (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5842:18) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6005:11) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderNode (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12) at renderChildrenArray (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6211:7) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6141:7) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderNode (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12) at renderHostElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5642:3) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5952:5) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderForwardRef (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5859:5) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6005:11) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderNode (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12) at renderChildrenArray (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6211:7) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6141:7) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderNode (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12) at renderHostElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5642:3) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5952:5) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderNode (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12) at renderChildrenArray (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6211:7) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6141:7) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5971:9) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderIndeterminateComponent (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5785:7) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderContextProvider (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5920:3) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6017:11) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderIndeterminateComponent (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5785:7) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) at renderNodeDestructive (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14) at renderIndeterminateComponent (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5785:7) at renderElement (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7) at renderNodeDestructiveImpl (/Users/xiongzhend/Documents/frisbeedog/sakai-react/sakai-js/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) { page: '/' } null

I'm running npm run build in the root folder of the react app, however no build folder is generated.

The screenshot shows the output of when I run the build command

Package.json

Hello, this is so awesome it's speeding up my process so damn well, can anyone provide me with the XD design, so I can send it to my designer

any plan to upgrade nextjs to version 13 ?

Hi,
Is it foreseen to release soon a beta, or rc version of Sigma to support the early version 2.0.0-* of primereact? Noticebly the replacement of Schedule by Fullcalendar, among the other breaking changes.
By soon, I mean before the final version 2.0.0 of primereact is released.

Thank you.

A dark theme for tailwind css. How can I configure that

Hi, where can I find the javascript version of this project? It seems that it was removed three weeks ago

hi... is this theme support rtl?
thanks

I like to use typescript with my projects and having a typescript branch would help other developers get started.

Here is my attempt at converting everything. There were a few places I used any or //@ts-ignore because I didn't want to refactor too much and deviate from non-typescript way.

https://github.com/primefaces/sakai-react/compare/master...ccaspanello:typescript?expand=1

I got these errors when i try to refresh the login page. can you guys help me?

I mean, I just want to show my own login page without the menu, and then when I'm logged in, show the menu and use the routes in this template?

after I do npm start I get

[email protected] watch-css C:\git\primereact-sigma
npm run build-css && node-sass-chokidar src/layout/ -o src/layout/ --watch --recursive | node-sass-chokidar public/assets/layout/ -o public/assets/layout/ --watch --recursive

Failed to compile.

./src/components/DataDemo.js
Module not found: Can't resolve 'primereact/schedule'

GitHub document

https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template

Reference repository

https://github.com/idea2app/Next-Bootstrap-ts?tab=readme-ov-file#best-practice

Refactor template to use hooks instead of class components.

Hi, An example using the nextjs 13.4 App Router would be great - running into multiple compile and runtime issues porting page to app router.

Thanks

How do I add a Full-length login page in sigma react? when I add the login route it still shows the topbar and sidebar.
I think the solution is to add a new layout but I do not know how to do that.

Wen we change the width´s window, the side menu do not appear anymore.
Some recent changes on Style made this things happen.

I am new fan of the Primefaces products and I am evaluating Primereact. I have just cloned Sigma-React and when I started it simply crashed because of an error in PrismJS, which is used for code highlight. I removed PrismJS and modified two files to remove references, and everything worked fine. So not a major issue at all, I just wanted to let you know:
see https://youtu.be/IwpRIwJD5ys?t=777

In the AppTopBar there are Events, Settings, User icons. I would like to show a dropdown menu when clicked on User or Settings icon?

Is there a way to do it using existing primereact sigma css without using external css libraries like bootstrap?

I have multiple users and would like to have different layouts for them and how is that configured in app.js

I wanted to use this as a template for a project but it seems outdated at this point and there are some errors, which makes it a bit difficult to get started with PrimeReact.

The project is tagged as an opensource and free but it does not contain any kind of license. I guess if it would be possible to add one to the repo.

nvm

Upgrade template to PrimeReact 8 (and optionally React 18)

Hello,

I am currently working with Next.js and implementing dynamic routes, specifically exploring the use of optional catch-all segments, as documented here.

My question pertains to matching an AppMenuItem with a route structured like pages/shop/[[...slug]].js. I'm seeking guidance on how to dynamically set the AppMenuItem as active based on the current route.

Thank you for your assistance!

The Sakai project uses the 'use client' directive in the layout.tsx file, does this mean that the server rendering capabilities of Next.js can no longer be leveraged?

Upon downloading the latest release (3.0.1) and doing npm install we get:

npm ERR! code 1
npm ERR! path C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Users\\chwba\\Git\\sigma-react-3.0.1\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using [email protected]
npm ERR! gyp info using [email protected] | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:195:21)
npm ERR! gyp verb `which` failed  python2 Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:195:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb `which` succeeded python C:\Users\chwba\Git\sigma-react-3.0.1\venv\Scripts\python.EXE
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Command failed: C:\Users\chwba\Git\sigma-react-3.0.1\venv\Scripts\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack   File "<string>", line 1
npm ERR! gyp ERR! stack     import sys; print "%s.%s.%s" % sys.version_info[:3];
npm ERR! gyp ERR! stack                       ^
npm ERR! gyp ERR! stack SyntaxError: invalid syntax
npm ERR! gyp ERR! stack
npm ERR! gyp ERR! stack     at ChildProcess.exithandler (node:child_process:397:12)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:394:28)
npm ERR! gyp ERR! stack     at maybeClose (node:internal/child_process:1067:16)
npm ERR! gyp ERR! stack     at Socket.<anonymous> (node:internal/child_process:453:11)
npm ERR! gyp ERR! stack     at Socket.emit (node:events:394:28)
npm ERR! gyp ERR! stack     at Pipe.<anonymous> (node:net:662:12)
npm ERR! gyp ERR! System Windows_NT 10.0.19043
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\chwba\\Git\\sigma-react-3.0.1\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--lib
sass_library="
npm ERR! gyp ERR! cwd C:\Users\chwba\Git\sigma-react-3.0.1\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.4.1
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\chwba\AppData\Local\npm-cache\_logs\2021-07-05T15_40_18_097Z-debug.log

Hello,
I'm encountering a TypeScript error in my React project that I'm having trouble resolving. The issue is in the file AppMenuitem.tsx, specifically at line 29.
The error message is as follows:
onRouteChange(pathname): Argument of type 'string | null' is not assignable to parameter of type 'string'. Type 'null' is not assignable to type 'string'.ts(2345).
This error occurs when I try to pass pathname, which can be either a string or null, to the onRouteChange function that expects a parameter of type string.
I've tried a few different approaches to solve this, such as checking for null before calling the function and using the non-null assertion operator, but I'm not sure if these are the best practices or if there's a more appropriate solution.
Could someone please help me understand the best way to handle this type of error? Any guidance or suggestions on how to properly type this scenario or refactor the code would be greatly appreciated.
Thank you in advance for your help!

I want to integrate with spring boot , but i can not, Any idea?

when I install packages with yarn install it conflict with the package-lock.json with yarn.lock

Hi, nextjs default have file conventions for 404 page and loading page.(not-found.jsx - loading.jsx).
Can you added this sections.
Best works.