Merge branch 'main' into LG/election-app-fixes

.changeset/clever-ravens-draw.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/curly-tigers-sleep.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/dirty-bats-learn.md

@@ -0,0 +1,5 @@
+---
+'@kadena/react-ui': minor
+---
+
+Updated the Breadcrumbs component to use `useBreadcrumbs` from react-aria

.changeset/fair-cheetahs-rule.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/fifty-bears-knock.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/five-crabs-wash.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/flat-hounds-greet.md

@@ -0,0 +1,5 @@
+---
+'@kadena/react-ui': minor
+---
+
+Cleanup old Button and Link components

.changeset/friendly-suits-tickle.md

@@ -0,0 +1,6 @@
+---
+'@kadena/graph-client': patch
+'@kadena/graph': patch
+---
+
+Performance improvements and bug fixes

.changeset/great-radios-cough.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/great-spiders-lay.md

@@ -0,0 +1,5 @@
+---
+'@kadena/react-ui': patch
+---
+
+Add zIndex to Tooltip component

.changeset/khaki-wolves-teach.md

@@ -0,0 +1,5 @@
+---
+'@kadena/client-utils': minor
+---
+
+added createPactCommandFromStringTemplate method

.changeset/kind-onions-crash.md

@@ -0,0 +1,5 @@
+---
+'@kadena/create-kadena-app': minor
+---
+
+Move create kadena app package

.changeset/little-snakes-yell.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/long-games-tease.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/lucky-rules-agree.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/mighty-mangos-sell.md

@@ -0,0 +1,5 @@
+---
+'@kadena/react-ui': minor
+---
+
+Updated the Box, Stack, and Grid components to accept refs

.changeset/nine-cups-matter.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/orange-rice-wash.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/quick-mayflies-obey.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/rare-bikes-wait.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/strange-eels-compare.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/strange-turkeys-sleep.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/swift-mangos-tap.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/thin-carrots-pull.md

@@ -0,0 +1,5 @@
+---
+'@kadena/graph': patch
+---
+
+Added prisma query logging

.changeset/tough-rocks-rescue.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/tricky-forks-raise.md

@@ -0,0 +1,2 @@
+---
+---

.changeset/violet-singers-wave.md

@@ -0,0 +1,2 @@
+---
+---

.github/CODEOWNERS

@@ -1,6 +1,6 @@
 # About code owners: https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners
 
-/.github                                        @ghislain89
+/.github                                        @ghislain89 @albert70g @sstraatemans @javadkh2
 /.changeset
 /common                                         @alber70g
 /pnpm-lock.yaml
@@ -21,5 +21,5 @@
 /packages/tools/eslint-plugin                   @alber70g
 /packages/tools/pactjs-cli                      @alber70g @javadkh2
 /packages/tools/shared-config                   @alber70g
-/packages/tools/e2e-tests                       @ghislain89
-/packages/tools/integration-tests               @ghislain89
+/packages/tools/e2e-tests                       @ghislain89 @sstraatemans @sanderlooijenga @KristinaSpasevska @MRVDH @nil-amrutlal-dept
+/packages/tools/integration-tests               @ghislain89 @sstraatemans @sanderlooijenga @KristinaSpasevska @MRVDH @nil-amrutlal-dept

.github/actions/devnet/action.sh

@@ -10,14 +10,14 @@ echo "docker run --name=devnet -d --health-cmd='curl --verbose --fail http://loc
   -v /home/runner/work/_temp:/home/runner/work/_temp \
   $INPUT_MIGRATIONS \
   -e GITHUB_ENV -e GITHUB_OUTPUT -e GITHUB_PATH -e GITHUB_STATE -e GITHUB_STEP_SUMMARY 	\
-  -p 8080:8080 \"kadena/devnet\""
+  -p 8080:8080 -p 5432:5432 \"kadena/devnet\""
 
 exec docker run --name=devnet -d --health-cmd='curl --verbose --fail http://localhost:8080/info || exit 1' \
   -v "/var/run/docker.sock":"/var/run/docker.sock" \
   -v /home/runner/work/_temp:/home/runner/work/_temp \
   $INPUT_MIGRATIONS \
   -e GITHUB_ENV -e GITHUB_OUTPUT -e GITHUB_PATH -e GITHUB_STATE -e GITHUB_STEP_SUMMARY 	\
-  -p 8080:8080 "kadena/devnet"
+  -p 8080:8080 -p 5432:5432 "kadena/devnet"
 
 echo "Waiting for devnet to be healthy..."
 until [ "`docker inspect -f {{.State.Health.Status}} devnet`"=="healthy" ]; do

.github/workflows/ci.yml

@@ -48,7 +48,12 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        package: ['@kadena/client', '@kadena/client-utils']
+        package:
+          [
+            '@kadena/client',
+            '@kadena/client-utils',
+            '@kadena/create-kadena-app',
+          ]
 
     steps:
       - uses: actions/checkout@v4
@@ -82,7 +87,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        app: ['tools', 'docs']
+        app: ['tools', 'docs', 'graph']
 
     steps:
       - uses: actions/checkout@v4
@@ -100,6 +105,11 @@ jobs:
           node-version: 18
           cache: 'pnpm'
 
+      - name: Start devnet
+        uses: ./.github/actions/devnet
+        with:
+          migrations: packages/apps/graph/cwd-extra-migrations
+
       - name: Install dependencies
         run: pnpm install
 
@@ -108,10 +118,12 @@ jobs:
 
       # Disable remote caching, we need to explicitly rebuild Apps.
       - name: build dApp
-        run: pnpm --filter @kadena/${{ matrix.app }}... build
+        run: pnpm turbo build --filter @kadena/${{ matrix.app }} --force
 
       - name: Run end-to-end tests
-        run: pnpm run test:e2e -- -c playwright.${{ matrix.app }}.config.ts
+        run:
+          pnpm turbo test:e2e --filter @kadena-dev/e2e-tests -- -c
+          playwright.${{ matrix.app }}.config.ts
         env:
           TESTOBJECT: ${{ matrix.app }}
 

packages/apps/docs/next.config.mjs

@@ -2,7 +2,6 @@ import {
   remarkAdmonitions,
   remarkCheckForCodeTitle,
   remarkFigureOutOfParagraph,
-  remarkFixAbsoluteLinks,
   remarkFrontmatterToProps,
   remarkHeadersToProps,
   remarkPropsToStaticRender,
@@ -82,7 +81,6 @@ const withMDX = mdx({
       remarkSideMenuToProps,
       remarkPropsToStaticRender,
       remarkAdmonitions,
-      remarkFixAbsoluteLinks,
       remarkYoutube,
       remarkTwitter,
       remarkCheckForCodeTitle,

packages/apps/docs/package.json

@@ -16,8 +16,9 @@
     "build:scripts": "tsx ./src/scripts/build.ts",
     "build:storybook": "pnpm run build:scripts && storybook build",
     "chromatic": "chromatic -b build:storybook",
-    "dev": "NODE_OPTIONS=--max-old-space-size=8192 NODE_ENV=development pnpm run build:scripts && concurrently \"next dev\" \"pnpm run dev:docswatch\"",
+    "dev": "NODE_OPTIONS=--max-old-space-size=8192 IGNOREREPO=true NODE_ENV=development pnpm run build:scripts && concurrently \"next dev\" \"pnpm run dev:docswatch\"",
     "dev:docswatch": "NODE_ENV=development tsx ./src/scripts/watchdocs.ts",
+    "dev:full": "NODE_OPTIONS=--max-old-space-size=8192 NODE_ENV=development pnpm run build:scripts && concurrently \"next dev\" \"pnpm run dev:docswatch\"",
     "format": "pnpm run --sequential /^format:.*/",
     "format:lint": "pnpm run lint:src --fix",
     "format:src": "prettier . --cache --write",
@@ -29,7 +30,8 @@
     "storybook": "storybook dev -p 6006",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
-    "test:watch": "vitest"
+    "test:watch": "vitest",
+    "verify": "tsc --noEmit"
   },
   "dependencies": {
     "@7-docs/edge": "^0.5.1",

packages/apps/docs/src/components/Blog/Avatar/styles.css.ts

@@ -1,16 +1,16 @@
-import { sprinkles, vars } from '@kadena/react-ui/theme';
+import { atoms, tokens } from '@kadena/react-ui/theme';
 import { style, styleVariants } from '@vanilla-extract/css';
 
 export const avatarClass = style([
-  sprinkles({
+  atoms({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',
 
-    backgroundColor: '$primaryContrastInverted',
-    color: '$primarySurfaceInverted',
-    fontWeight: '$bold',
-    fontSize: '$md',
+    backgroundColor: 'base.default',
+    color: 'text.base.default',
+    fontWeight: 'bodyFont.bold',
+    fontSize: 'md',
   }),
   {
     borderRadius: '50%',
@@ -19,11 +19,11 @@ export const avatarClass = style([
 
 export const avatarSizeVariant = styleVariants({
   default: {
-    width: vars.sizes.$10,
-    height: vars.sizes.$10,
+    width: tokens.kda.foundation.spacing.xxxl,
+    height: tokens.kda.foundation.spacing.xxxl,
   },
   large: {
-    width: vars.sizes.$15,
-    height: vars.sizes.$15,
+    width: tokens.kda.foundation.size.n15,
+    height: tokens.kda.foundation.size.n15,
   },
 });

packages/apps/docs/src/components/Blog/BlogItem/BlogItem.tsx

@@ -1,6 +1,6 @@
 import type { IMenuData } from '@kadena/docs-tools';
 import { Box, Heading, Stack, TagGroup, TagItem } from '@kadena/react-ui';
-import { sprinkles } from '@kadena/react-ui/theme';
+
 import classNames from 'classnames';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -19,6 +19,7 @@ import {
   gridBlogItemContent,
   gridBlogItemImage,
   gridWrapperClass,
+  headingWrapperClass,
   imageClass,
   link,
   metaItem,
@@ -35,25 +36,18 @@ export const BlogItem: FC<IProps> = ({ item, size = 'default' }) => {
       <Link className={link} href={item.root}>
         <div className={gridWrapperClass}>
           <div className={gridBlogItemImage} style={{ gridArea: 'image' }}>
-            <Box
-              className={sprinkles({
-                marginInlineStart: { xs: 0, md: '$8' },
-                marginBlockEnd: { xs: '$8', md: 0 },
-              })}
-            >
-              <figure className={classNames(figureClass, figureVariant[size])}>
-                {item.headerImage && (
-                  <Image
-                    className={imageClass}
-                    src={item.headerImage}
-                    fill
-                    style={{ objectFit: 'cover' }}
-                    alt={item.title}
-                    sizes="100%"
-                  />
-                )}
-              </figure>
-            </Box>
+            <figure className={classNames(figureClass, figureVariant[size])}>
+              {item.headerImage && (
+                <Image
+                  className={imageClass}
+                  src={item.headerImage}
+                  fill
+                  style={{ objectFit: 'cover' }}
+                  alt={item.title}
+                  sizes="100%"
+                />
+              )}
+            </figure>
           </div>
           <div
             className={gridBlogItemContent[size]}
@@ -74,10 +68,7 @@ export const BlogItem: FC<IProps> = ({ item, size = 'default' }) => {
                 )}
               </Heading>
             </Stack>
-            <Box
-              marginBlockStart="md"
-              className={sprinkles({ marginInlineStart: '$12' })}
-            >
+            <Box marginBlockStart="md" className={headingWrapperClass}>
               <Heading as="h3" variant={size === 'large' ? 'h5' : 'h6'}>
                 {item.title}
               </Heading>