Chore/dependency updates 2026 02 02

.cursor/rules/TESTING_GUIDELINES.mdc

@@ -314,16 +314,16 @@ await page.waitForResponse('**/api/endpoint')
 
 ```bash
 # Run all unit tests
-yarn test:unit
+yarn test
 
 # Run with coverage
-yarn test:unit --coverage
+yarn test --coverage
 
 # Run specific workspace
-yarn test:unit --project=Service
+yarn test --project=Service
 
 # Watch mode
-yarn test:unit --watch
+yarn test --watch
 ```
 
 ### E2E Tests
@@ -391,7 +391,7 @@ coverage: {
 
 **Commands:**
 
-- Unit tests: `yarn test:unit`
+- Unit tests: `yarn test`
 - E2E tests: `yarn test:e2e`
-- Coverage: `yarn test:unit --coverage`
+- Coverage: `yarn test --coverage`
 - Debug E2E: `yarn playwright test --debug`

.github/workflows/build-test.yml

@@ -29,7 +29,7 @@ jobs:
       - name: Recreate JSON Schemas
         run: yarn create-schemas && yarn build # an incremental rebuild is neccessary to use the updated schema
       - name: Test
-        run: yarn test:unit
+        run: yarn test
       - uses: codecov/codecov-action@v5
         with:
           token: ${{ secrets.CODECOV_TOKEN }}

.github/workflows/publish-to-dockerhub.yml

@@ -43,7 +43,7 @@ jobs:
         run: yarn lint
 
       - name: Test
-        run: yarn test:unit
+        run: yarn test
 
       - name: Apply release changes
         run: yarn applyReleaseChanges

.gitignore

@@ -73,4 +73,5 @@ testresults
 !.yarn/plugins
 !.yarn/releases
 !.yarn/sdks
-!.yarn/versions
+!.yarn/versions
+!.yarn/changelogs

.yarn/changelogs/common.a04abca9.md

@@ -0,0 +1,7 @@
+<!-- version-type: patch -->
+# common
+
+## ⬆️ Dependencies
+
+- Updated `@furystack/rest` from ^8.0.32 to ^8.0.34
+- Updated `@types/node` from ^25.0.10 to ^25.2.0

.yarn/changelogs/frontend.a04abca9.md

@@ -0,0 +1,17 @@
+<!-- version-type: patch -->
+# frontend
+
+## ♻️ Refactoring
+
+- Migrated inline styles to CSS object syntax in multiple components (`Header`, `HelloWorld`, `Init`, `Login`, `Offline`, `ButtonsDemo`, `GithubLogo`, `Layout`) for improved maintainability and consistency
+
+## ⬆️ Dependencies
+
+- Updated `@furystack/core` from ^15.0.32 to ^15.0.34
+- Updated `@furystack/inject` from ^12.0.26 to ^12.0.28
+- Updated `@furystack/logging` from ^8.0.26 to ^8.0.28
+- Updated `@furystack/rest-client-fetch` from ^8.0.32 to ^8.0.34
+- Updated `@furystack/shades` from ^11.0.33 to ^11.1.0
+- Updated `@furystack/shades-common-components` from ^10.0.33 to ^11.0.0
+- Updated `@furystack/utils` from ^8.1.8 to ^8.1.9
+- Updated `@types/node` from ^25.0.10 to ^25.2.0

.yarn/changelogs/service.a04abca9.md

@@ -0,0 +1,13 @@
+<!-- version-type: patch -->
+# service
+
+## ⬆️ Dependencies
+
+- Updated `@furystack/core` from ^15.0.32 to ^15.0.34
+- Updated `@furystack/filesystem-store` from ^7.0.32 to ^7.0.34
+- Updated `@furystack/inject` from ^12.0.26 to ^12.0.28
+- Updated `@furystack/logging` from ^8.0.26 to ^8.0.28
+- Updated `@furystack/repository` from ^10.0.32 to ^10.0.34
+- Updated `@furystack/rest-service` from ^10.1.3 to ^11.0.2
+- Updated `@furystack/security` from ^6.0.32 to ^6.0.34
+- Updated `@types/node` from ^25.0.10 to ^25.2.0

.yarn/changelogs/stack-craft.a04abca9.md

@@ -0,0 +1,16 @@
+<!-- version-type: patch -->
+# stack-craft
+
+## ♻️ Refactoring
+
+- Renamed npm script `test:unit` to `test` for consistency
+- Renamed npm scripts `prettier` and `prettier:check` to `format` and `format:check`
+- Renamed `applyVersionBumps` to `applyReleaseChanges` to better reflect its purpose (applies version bumps, changelogs, and formatting)
+
+## ⬆️ Dependencies
+
+- Updated `@playwright/test` from ^1.58.0 to ^1.58.1
+- Updated `@types/node` from ^25.0.10 to ^25.2.0
+- Updated `eslint-plugin-jsdoc` from ^62.4.0 to ^62.5.0
+- Updated `eslint-plugin-playwright` from ^2.5.0 to ^2.5.1
+- Updated `typescript-eslint` from ^8.53.1 to ^8.54.0

.yarn/versions/a04abca9.yml

@@ -0,0 +1,5 @@
+releases:
+  common: patch
+  frontend: patch
+  service: patch
+  stack-craft: patch

README.md

@@ -10,5 +10,5 @@ Example web app with common type API definitions, a FuryStack-based backend serv
 
 # Testing
 
-- You can execute the example Vitest tests with `yarn test:unit`
+- You can execute the example Vitest tests with `yarn test`
 - You can execute E2E tests with `yarn test:e2e`

azure-pipelines.yml

@@ -28,7 +28,7 @@ steps:
   - script: yarn lint
     displayName: 'Yarn Lint'
 
-  - script: yarn test:unit
+  - script: yarn test
     displayName: 'Unit tests'
 
   - script: yarn playwright install --with-deps

common/package.json

@@ -25,11 +25,11 @@
     "create-schemas": "node ./dist/bin/create-schemas.js"
   },
   "devDependencies": {
-    "@types/node": "^25.0.10",
+    "@types/node": "^25.2.0",
     "ts-json-schema-generator": "^2.4.0",
     "vitest": "^4.0.18"
   },
   "dependencies": {
-    "@furystack/rest": "^8.0.32"
+    "@furystack/rest": "^8.0.34"
   }
 }

frontend/package.json

@@ -17,14 +17,14 @@
     "vitest": "^4.0.18"
   },
   "dependencies": {
-    "@furystack/core": "^15.0.32",
-    "@furystack/inject": "^12.0.26",
-    "@furystack/logging": "^8.0.26",
-    "@furystack/rest-client-fetch": "^8.0.32",
-    "@furystack/shades": "^11.0.33",
-    "@furystack/shades-common-components": "^10.0.33",
-    "@furystack/utils": "^8.1.8",
-    "@types/node": "^25.0.10",
+    "@furystack/core": "^15.0.34",
+    "@furystack/inject": "^12.0.28",
+    "@furystack/logging": "^8.0.28",
+    "@furystack/rest-client-fetch": "^8.0.34",
+    "@furystack/shades": "^11.1.0",
+    "@furystack/shades-common-components": "^11.0.0",
+    "@furystack/utils": "^8.1.9",
+    "@types/node": "^25.2.0",
     "common": "workspace:^"
   }
 }

frontend/src/components/github-logo/index.tsx

@@ -12,7 +12,15 @@ type GithubLogoProps = Omit<Partial<HTMLImageElement>, 'style' | 'src' | 'alt'>
 
 export const GithubLogo = Shade<GithubLogoProps>({
   shadowDomName: 'github-logo',
-
+  css: {
+    display: 'inline-block',
+    '& img': {
+      transition: 'opacity 0.2s ease',
+    },
+    '&:hover img': {
+      opacity: '0.8',
+    },
+  },
   render: ({ props, useDisposable, useState, injector }) => {
     const themeProvider = injector.getInstance(ThemeProviderService)
     const [theme, setTheme] = useState(

frontend/src/components/header.tsx

@@ -10,30 +10,50 @@ export interface HeaderProps {
   links: Array<{ name: string; url: string }>
 }
 
-const urlStyle: Partial<CSSStyleDeclaration> = {
-  color: '#aaa',
-  textDecoration: 'none',
-}
-
 export const Header = Shade<HeaderProps>({
   shadowDomName: 'shade-app-header',
+  css: {
+    '& h3': {
+      margin: '0 2em 0 0',
+      cursor: 'pointer',
+    },
+    '& route-link': {
+      color: '#aaa',
+      textDecoration: 'none',
+      cursor: 'pointer',
+    },
+    '& route-link:hover': {
+      color: '#fff',
+    },
+    '& .nav-link': {
+      padding: '0 8px',
+    },
+    '& .spacer': {
+      flex: '1',
+    },
+    '& .actions': {
+      display: 'flex',
+      placeContent: 'center',
+      marginRight: '24px',
+    },
+  },
   render: ({ props, injector, useObservable }) => {
     const [sessionState] = useObservable('sessionState', injector.getInstance(SessionService).state)
 
     return (
       <AppBar id="header">
-        <h3 style={{ margin: '0 2em 0 0', cursor: 'pointer' }}>
-          <RouteLink title={props.title} href="/" style={urlStyle}>
+        <h3>
+          <RouteLink title={props.title} href="/">
             {props.title}
           </RouteLink>
         </h3>
         {props.links.map((link) => (
-          <RouteLink title={link.name} href={link.url} style={{ ...urlStyle, padding: '0 8px', cursor: 'pointer' }}>
+          <RouteLink className="nav-link" title={link.name} href={link.url}>
             {link.name || ''}
           </RouteLink>
         ))}
-        <div style={{ flex: '1' }} />
-        <div style={{ display: 'flex', placeContent: 'center', marginRight: '24px' }}>
+        <div className="spacer" />
+        <div className="actions">
           <ThemeSwitch variant="outlined" />
           <a href={environmentOptions.repository} target="_blank">
             <Button variant="outlined" style={{ verticalAlign: 'baseline' }}>

frontend/src/components/layout.tsx

@@ -5,23 +5,29 @@ import { Header } from './header.js'
 
 export const Layout = Shade({
   shadowDomName: 'shade-app-layout',
+  css: {
+    position: 'fixed',
+    top: '0',
+    left: '0',
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    lineHeight: '1.6',
+    overflow: 'hidden',
+    padding: '0',
+    margin: '0',
+  },
   render: ({ injector }) => {
     return (
       <div
         id="Layout"
         style={{
-          position: 'fixed',
-          top: '0',
-          left: '0',
+          backgroundColor: injector.getInstance(ThemeProviderService).theme.background.default,
           width: '100%',
           height: '100%',
           display: 'flex',
           flexDirection: 'column',
-          lineHeight: '1.6',
-          overflow: 'hidden',
-          padding: '0',
-          margin: '0',
-          backgroundColor: injector.getInstance(ThemeProviderService).theme.background.default,
         }}
       >
         <Header title="🧩 Stack Craft" links={[]} />

frontend/src/pages/buttons-demo.tsx

@@ -3,23 +3,24 @@ import { Button } from '@furystack/shades-common-components'
 
 export const ButtonsDemo = Shade({
   shadowDomName: 'buttons-demo',
+  css: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: '5em',
+    flexDirection: 'column',
+    background: 'url(https://talkillustration.com/wp-content/uploads/2015/04/ghtyj.jpg)',
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+  },
   render: ({ useState }) => {
     const [disabled, setDisabled] = useState('disabled', false)
     const txt = 'Button Text'
     const onclick = () => {
       /** */
     }
     return (
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          marginTop: '5em',
-          flexDirection: 'column',
-          background: 'url(https://talkillustration.com/wp-content/uploads/2015/04/ghtyj.jpg)',
-        }}
-      >
+      <div>
         <div>
           <div>
             <Button onclick={onclick} disabled={disabled}>