@bardioc/create-bardioc-app 0.5.5 → 0.5.8

package/templates/preact/.env.example

@@ -7,3 +7,6 @@ DEV_SECRET=
 
 # Base URL of the Bardioc BFF / backend-for-frontend (e.g. https://your-host).
 API_BASE_URL=
+
+# By default, the app will start on port {{PORT}}. Feel free to uncomment the following variable and change it to match your local setup preferences.
+#LOCALHOST_PORT={{PORT}}

package/templates/preact/eslint.config.mjs

@@ -0,0 +1,3 @@
+import { config } from '@bardioc/configs/eslint/vite-react';
+
+export default [...config];

package/templates/preact/package.json

@@ -5,26 +5,31 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "dev:live": "BARDIOC_TUNNEL=1 vite",
     "build": "tsc && vite build && node scripts/stamp-manifest.mjs dist",
     "bundle": "tsc && vite build && node scripts/stamp-manifest.mjs dist && cd dist && zip -r ../{{APP_NAME}}.zip .",
     "preview": "vite preview",
     "check-types": "tsc --noEmit",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "changeset": "changeset",
     "release:status": "changeset status --verbose",
     "release:version": "changeset version && npm install",
     "release:publish": "changeset publish"
   },
   "dependencies": {
-    "@bardioc/app-sdk": "latest",
+    "@bardioc/app-sdk": "^0.5.0",
     "preact": "^10.26.7"
   },
   "devDependencies": {
+    "@bardioc/configs": "0.2.1",
     "@changesets/cli": "^2.31.0",
-    "@preact/preset-vite": "^2.10.1",
+    "@preact/preset-vite": "^2.10.6",
     "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^22.19.19",
+    "eslint": "^10.0.0",
     "preact-render-to-string": "^6.6.1",
+    "prettier": "^3.6.2",
     "tailwindcss": "4.3.0",
     "typescript": "6.0.3",
     "vite": "8.0.13"

package/templates/preact/prettier.config.mjs

@@ -0,0 +1 @@
+export { default } from '@bardioc/configs/prettier';

package/templates/preact/src/App.tsx

@@ -22,13 +22,13 @@ function SdkDemo() {
     setResult({ status: 'loading', request });
 
     const startTime = Date.now();
-    notify('Getting user profile', 'info');
+    notify('Getting user profile…', 'info');
 
     try {
       const data = await bridge.transport.os.profile.get();
 
       const duration = Date.now() - startTime;
-      notify(`Profile loaded (${duration}ms)`, 'success');
+      notify(`Profile loaded (${duration}ms).`, 'success');
       setResult({ status: 'success', request, data });
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
@@ -40,7 +40,7 @@ function SdkDemo() {
   }
 
   function handleNotify() {
-    notify('Hello from {{DISPLAY_NAME}}', 'info');
+    notify('Hello from {{DISPLAY_NAME}}.', 'info');
     setResult({
       status: 'success',
       request: 'SDK_NOTIFY',
@@ -99,7 +99,7 @@ function SdkDemo() {
             <div className="text-muted-foreground border-border border-b pb-2 font-mono text-xs">
               {result.request}
             </div>
-            <div className="text-destructive whitespace-pre-wrap break-all">{result.message}</div>
+            <div className="text-destructive break-all whitespace-pre-wrap">{result.message}</div>
           </div>
         )}
         {result.status === 'success' && (
@@ -121,14 +121,14 @@ export function App() {
   const showSdkDemo = isInsideIframe() || isDevStandalone();
 
   return (
-    <div className="bg-background text-foreground min-h-screen">
+    <div className="bg-background text-foreground @container/app min-h-screen">
       {showSdkDemo ? (
         <SdkDemo />
       ) : (
         <div className="mx-auto flex min-h-screen w-full max-w-3xl flex-col gap-4 p-4">
           <h1 className="m-0 text-2xl font-semibold">Hello Bardioc App</h1>
           <p className="text-muted-foreground m-0 max-w-2xl text-xs leading-5">
-            Open this app inside Bardioc OS to use transport requests and send host notifications.
+            Open this app inside Bardioc to use transport requests and send host notifications.
           </p>
           <div className="border-border bg-muted/20 rounded-xl border p-3 text-xs leading-5">
             Outside the host iframe this page is only a local preview shell.

package/templates/preact/tsconfig.json

@@ -1,18 +1,12 @@
 {
+  "extends": "@bardioc/configs/typescript/react-library.json",
   "compilerOptions": {
-    "target": "ES2022",
+    "declaration": false,
+    "declarationMap": false,
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "jsx": "react-jsx",
-    "jsxImportSource": "preact",
-    "strict": true,
     "noEmit": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true
+    "jsxImportSource": "preact"
   },
   "include": ["src"],
   "exclude": ["node_modules", "dist"]

package/templates/preact/vite.config.ts

@@ -3,15 +3,23 @@ import preact from '@preact/preset-vite';
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig, loadEnv } from 'vite';
 
+const DEFAULT_PORT = {{PORT}};
+
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, __dirname, '');
   const appName = env.VITE_APP_NAME?.trim();
+  const port = Number(env.LOCALHOST_PORT) || DEFAULT_PORT;
 
   if (!appName) {
     throw new Error('Missing VITE_APP_NAME for Vite config');
   }
 
   return {
-    plugins: [bardiocDevAuth({ appName }), preact(), bardiocApp({ appName, port: {{PORT}} }), tailwindcss()],
+    plugins: [
+      bardiocDevAuth({ appName }),
+      preact(),
+      bardiocApp({ appName, port }),
+      tailwindcss(),
+    ],
   };
 });

package/templates/solid/.env.example

@@ -7,3 +7,6 @@ DEV_SECRET=
 
 # Base URL of the Bardioc BFF / backend-for-frontend (e.g. https://your-host).
 API_BASE_URL=
+
+# By default, the app will start on port {{PORT}}. Feel free to uncomment the following variable and change it to match your local setup preferences.
+#LOCALHOST_PORT={{PORT}}

package/templates/solid/eslint.config.mjs

@@ -0,0 +1,3 @@
+import { createBaseConfig } from '@bardioc/configs/eslint/base';
+
+export default [...createBaseConfig()];

package/templates/solid/package.json

@@ -5,28 +5,32 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "dev:live": "BARDIOC_TUNNEL=1 vite",
     "build": "tsc && vite build && node scripts/stamp-manifest.mjs dist",
     "bundle": "tsc && vite build && node scripts/stamp-manifest.mjs dist && cd dist && zip -r ../{{APP_NAME}}.zip .",
     "preview": "vite preview",
     "check-types": "tsc --noEmit",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "changeset": "changeset",
     "release:status": "changeset status --verbose",
     "release:version": "changeset version && npm install",
     "release:publish": "changeset publish"
   },
   "dependencies": {
-    "@bardioc/app-sdk": "latest",
+    "@bardioc/app-sdk": "^0.5.0",
     "solid-js": "^1.9.7"
   },
   "devDependencies": {
+    "@bardioc/configs": "0.2.1",
     "@changesets/cli": "^2.31.0",
     "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^22.19.19",
-    "solid-devtools": "^0.33.0",
+    "eslint": "^10.0.0",
+    "prettier": "^3.6.2",
     "tailwindcss": "4.3.0",
     "typescript": "6.0.3",
     "vite": "8.0.13",
-    "vite-plugin-solid": "^2.11.6"
+    "vite-plugin-solid": "^2.11.14"
   }
 }

package/templates/solid/prettier.config.mjs

@@ -0,0 +1 @@
+export { default } from '@bardioc/configs/prettier';

package/templates/solid/src/App.tsx

@@ -22,13 +22,13 @@ function SdkDemo() {
     setResult({ status: 'loading', request });
 
     const startTime = Date.now();
-    notify('Getting user profile', 'info');
+    notify('Getting user profile…', 'info');
 
     try {
       const data = await bridge.transport.os.profile.get();
 
       const duration = Date.now() - startTime;
-      notify(`Profile loaded (${duration}ms)`, 'success');
+      notify(`Profile loaded (${duration}ms).`, 'success');
       setResult({ status: 'success', request, data });
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
@@ -40,7 +40,7 @@ function SdkDemo() {
   }
 
   function handleNotify() {
-    notify('Hello from {{DISPLAY_NAME}}', 'info');
+    notify('Hello from {{DISPLAY_NAME}}.', 'info');
     setResult({
       status: 'success',
       request: 'SDK_NOTIFY',
@@ -60,7 +60,7 @@ function SdkDemo() {
       <div class="flex flex-wrap gap-2">
         <button
           class="bg-primary text-primary-foreground hover:bg-primary/90 rounded px-3 py-1 text-xs font-medium disabled:cursor-not-allowed disabled:opacity-50"
-          onclick={runGetProfile}
+          onclick={() => void runGetProfile()}
           disabled={running()}
         >
           Get Profile
@@ -106,7 +106,7 @@ function SdkDemo() {
                 <div class="text-muted-foreground border-border border-b pb-2 font-mono text-xs">
                   {r.request}
                 </div>
-                <div class="text-destructive whitespace-pre-wrap break-all">{r.message}</div>
+                <div class="text-destructive break-all whitespace-pre-wrap">{r.message}</div>
               </div>
             );
           }
@@ -132,14 +132,14 @@ export function App() {
   const showSdkDemo = isInsideIframe() || isDevStandalone();
 
   return (
-    <div class="bg-background text-foreground min-h-screen">
+    <div class="bg-background text-foreground @container/app min-h-screen">
       {showSdkDemo ? (
         <SdkDemo />
       ) : (
         <div class="mx-auto flex min-h-screen w-full max-w-3xl flex-col gap-4 p-4">
           <h1 class="m-0 text-2xl font-semibold">Hello Bardioc App</h1>
           <p class="text-muted-foreground m-0 max-w-2xl text-xs leading-5">
-            Open this app inside Bardioc OS to use transport requests and send host notifications.
+            Open this app inside Bardioc to use transport requests and send host notifications.
           </p>
           <div class="border-border bg-muted/20 rounded-xl border p-3 text-xs leading-5">
             Outside the host iframe this page is only a local preview shell.

package/templates/solid/tsconfig.json

@@ -1,18 +1,13 @@
 {
+  "extends": "@bardioc/configs/typescript/base.json",
   "compilerOptions": {
-    "target": "ES2022",
+    "declaration": false,
+    "declarationMap": false,
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "noEmit": true,
     "jsx": "preserve",
     "jsxImportSource": "solid-js",
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
     "types": ["vite/client"]
   },
   "include": ["src"],

package/templates/solid/vite.config.ts

@@ -1,17 +1,25 @@
 import { bardiocApp, bardiocDevAuth } from '@bardioc/app-sdk/vite';
 import tailwindcss from '@tailwindcss/vite';
-import solid from 'vite-plugin-solid';
 import { defineConfig, loadEnv } from 'vite';
+import solid from 'vite-plugin-solid';
+
+const DEFAULT_PORT = {{PORT}};
 
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, __dirname, '');
   const appName = env.VITE_APP_NAME?.trim();
+  const port = Number(env.LOCALHOST_PORT) || DEFAULT_PORT;
 
   if (!appName) {
     throw new Error('Missing VITE_APP_NAME for Vite config');
   }
 
   return {
-    plugins: [bardiocDevAuth({ appName }), solid(), bardiocApp({ appName, port: {{PORT}} }), tailwindcss()],
+    plugins: [
+      bardiocDevAuth({ appName }),
+      solid(),
+      bardiocApp({ appName, port }),
+      tailwindcss(),
+    ],
   };
 });

package/templates/svelte/.env.example

@@ -7,3 +7,6 @@ DEV_SECRET=
 
 # Base URL of the Bardioc BFF / backend-for-frontend (e.g. https://your-host).
 API_BASE_URL=
+
+# By default, the app will start on port {{PORT}}. Feel free to uncomment the following variable and change it to match your local setup preferences.
+#LOCALHOST_PORT={{PORT}}

package/templates/svelte/_gitignore

@@ -4,3 +4,4 @@ dist
 node_modules
 *.zip
 .linked/
+.DS_Store

package/templates/svelte/eslint.config.mjs

@@ -0,0 +1,3 @@
+import { createBaseConfig } from '@bardioc/configs/eslint/base';
+
+export default [...createBaseConfig()];

package/templates/svelte/package.json

@@ -5,25 +5,30 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "dev:live": "BARDIOC_TUNNEL=1 vite",
     "build": "svelte-check && vite build && node scripts/stamp-manifest.mjs dist",
     "bundle": "svelte-check && vite build && node scripts/stamp-manifest.mjs dist && cd dist && zip -r ../{{APP_NAME}}.zip .",
     "preview": "vite preview",
     "check-types": "svelte-check",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "changeset": "changeset",
     "release:status": "changeset status --verbose",
     "release:version": "changeset version && npm install",
     "release:publish": "changeset publish"
   },
   "dependencies": {
-    "@bardioc/app-sdk": "latest",
+    "@bardioc/app-sdk": "^0.5.0",
     "svelte": "^5.33.14"
   },
   "devDependencies": {
+    "@bardioc/configs": "0.2.1",
     "@changesets/cli": "^2.31.0",
-    "@sveltejs/vite-plugin-svelte": "^6.0.0",
+    "@sveltejs/vite-plugin-svelte": "^7.2.0",
     "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^22.19.19",
+    "eslint": "^10.0.0",
+    "prettier": "^3.6.2",
     "svelte-check": "^4.2.1",
     "tailwindcss": "4.3.0",
     "typescript": "6.0.3",

package/templates/svelte/prettier.config.mjs

@@ -0,0 +1 @@
+export { default } from '@bardioc/configs/prettier';

package/templates/svelte/src/App.svelte

@@ -29,13 +29,13 @@
     result = { status: 'loading', request };
 
     const startTime = Date.now();
-    notify('Getting user profile', 'info');
+    notify('Getting user profile…', 'info');
 
     try {
       const data = await bridge.transport.os.profile.get();
 
       const duration = Date.now() - startTime;
-      notify(`Profile loaded (${duration}ms)`, 'success');
+      notify(`Profile loaded (${duration}ms).`, 'success');
       result = { status: 'success', request, data };
     } catch (err) {
       const message = err instanceof Error ? err.message : String(err);
@@ -47,7 +47,7 @@
   }
 
   function handleNotify() {
-    notify('Hello from {{DISPLAY_NAME}}', 'info');
+    notify('Hello from {{DISPLAY_NAME}}.', 'info');
     result = {
       status: 'success',
       request: 'SDK_NOTIFY',
@@ -60,7 +60,7 @@
   }
 </script>
 
-<div class="bg-background text-foreground min-h-screen">
+<div class="bg-background text-foreground @container/app min-h-screen">
   {#if showSdkDemo}
     <div class="mx-auto flex min-h-screen w-full max-w-3xl flex-col gap-3 p-4">
       <div class="flex flex-col gap-1">
@@ -109,7 +109,7 @@
             <div class="text-muted-foreground border-border border-b pb-2 font-mono text-xs">
               {result.request}
             </div>
-            <div class="text-destructive whitespace-pre-wrap break-all">{result.message}</div>
+            <div class="text-destructive break-all whitespace-pre-wrap">{result.message}</div>
           </div>
         {:else if result.status === 'success'}
           <div class="flex h-full flex-col gap-0 overflow-hidden">
@@ -125,7 +125,7 @@
     <div class="mx-auto flex min-h-screen w-full max-w-3xl flex-col gap-4 p-4">
       <h1 class="m-0 text-2xl font-semibold">Hello Bardioc App</h1>
       <p class="text-muted-foreground m-0 max-w-2xl text-xs leading-5">
-        Open this app inside Bardioc OS to use transport requests and send host notifications.
+        Open this app inside Bardioc to use transport requests and send host notifications.
       </p>
       <div class="border-border bg-muted/20 rounded-xl border p-3 text-xs leading-5">
         Outside the host iframe this page is only a local preview shell.

package/templates/svelte/tsconfig.json

@@ -1,13 +1,13 @@
 {
+  "extends": "@bardioc/configs/typescript/base.json",
   "compilerOptions": {
+    "declaration": false,
+    "declarationMap": false,
     "target": "ESNext",
     "module": "ESNext",
     "moduleResolution": "bundler",
-    "strict": true,
     "noEmit": true,
-    "skipLibCheck": true,
-    "verbatimModuleSyntax": true,
-    "isolatedModules": true
+    "verbatimModuleSyntax": true
   },
   "include": ["src/**/*.ts", "src/**/*.svelte"]
 }

package/templates/svelte/vite.config.ts

@@ -3,15 +3,23 @@ import { svelte } from '@sveltejs/vite-plugin-svelte';
 import tailwindcss from '@tailwindcss/vite';
 import { defineConfig, loadEnv } from 'vite';
 
+const DEFAULT_PORT = {{PORT}};
+
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, __dirname, '');
   const appName = env.VITE_APP_NAME?.trim();
+  const port = Number(env.LOCALHOST_PORT) || DEFAULT_PORT;
 
   if (!appName) {
     throw new Error('Missing VITE_APP_NAME for Vite config');
   }
 
   return {
-    plugins: [bardiocDevAuth({ appName }), svelte(), bardiocApp({ appName, port: {{PORT}} }), tailwindcss()],
+    plugins: [
+      bardiocDevAuth({ appName }),
+      svelte(),
+      bardiocApp({ appName, port }),
+      tailwindcss(),
+    ],
   };
 });

package/templates/vite/.env.example

@@ -7,3 +7,6 @@ DEV_SECRET=
 
 # Base URL of the Bardioc BFF / backend-for-frontend (e.g. https://your-host).
 API_BASE_URL=
+
+# By default, the app will start on port {{PORT}}. Feel free to uncomment the following variable and change it to match your local setup preferences.
+#LOCALHOST_PORT={{PORT}}

package/templates/vite/CLAUDE.md

@@ -35,9 +35,9 @@ src/
   auth/
     onboarding.tsx        # Empty full-page screen with the DEV_SECRET dev-auth steps
   shell/
-    app-shell.tsx         # Sidebar + view routing + Toaster + OS top-menu integration (useCommandMenu)
+    app-shell.tsx         # Sidebar + Page + view routing + Toaster + OS top-menu (useCommandMenu)
     about-dialog.tsx      # "About" Dialog — reads public/app-manifest.json at runtime (manifest example)
-    header.tsx            # location combobox + language switcher + sync
+    header.tsx            # Page actions: location combobox + language switcher + sync
   climate/
     types.ts              # Station/ClimateState + METRICS config (icon, unit, color)
     climate-data.ts       # demo-data generator (replace with your real source)
@@ -69,11 +69,16 @@ an `app`-kind root next to the host's About / Version entries — the example of
 
 ```bash
 pnpm dev              # http://localhost:{{PORT}}
-pnpm dev:live         # public tunnel
 pnpm build            # → dist/
 pnpm bundle           # → {{APP_NAME}}.zip
+pnpm check-types      # tsc
+pnpm lint             # eslint (@bardioc/configs preset)
+pnpm format           # prettier (@bardioc/configs preset)
 ```
 
+ESLint, Prettier and the `tsconfig.json` base come from `@bardioc/configs` — edit
+`eslint.config.mjs` / `prettier.config.mjs` only to add app-specific overrides on top of the preset.
+
 `npm run dev` runs plain Vite — a local preview shell (no transport): the dashboard renders, but
 live SDK data comes only when the app is opened inside the host, or when `DEV_SECRET` and
 `API_BASE_URL` are set for standalone dev auth (see `.env.example`).
@@ -82,9 +87,10 @@ live SDK data comes only when the app is opened inside the host, or when `DEV_SE
 
 ## UI — `@bardioc/ui`
 
-Tailwind v4 + the Bardioc design system. **Never restyle with raw hex/oklch** — use the theme
-tokens (`bg-background`, `text-foreground`, `text-muted-foreground`, `bg-card`, `border-border`,
-`bg-primary`, and chart tokens `var(--chart-1..5)`). Theme is wired in `src/index.css`:
+Tailwind v4 + the Bardioc design system. **Before writing any UI, read
+`node_modules/@bardioc/ui/docs/INDEX.md`** — component choice, design tokens, layout and spacing
+patterns, and copy rules ship with the installed package, so they match its version. Theme is wired
+in `src/index.css`:
 
 ```css
 @import 'tailwindcss';
@@ -108,6 +114,7 @@ import {
   Empty,
   FilterDropdown,
   Kbd,
+  Page,
   SidebarBasic,
   SidebarContainedProvider,
   SortableColumnHeader,
@@ -121,10 +128,33 @@ import type { ChartConfig } from '@bardioc/ui/shadcn/chart';
 import type { TReactTable } from '@bardioc/ui/types'; // TReactTable.ColumnDef<Row>
 ```
 
-Prefer a Bardioc component over a raw HTML element. Icons come from `lucide-react`. The
-sidebar uses `SidebarBasic` inside a `SidebarContainedProvider` (the contained variant for
+The sidebar uses `SidebarBasic` inside a `SidebarContainedProvider` (the contained variant for
 OS windows); the language switcher is `ConnectedLanguageSwitcher useI18n={useI18n}`.
 
+### Layout — the container contract
+
+The app root opens `@container/app`; `Page` opens its own `@container/page` inside it. Keep both:
+sizing that should follow the whole app reads `@container/app`, and anything inside the page column
+— the page header included — reads `@container/page`, so it responds to the column rather than the
+window.
+
+`Page` is the scrolling column, a **sibling of the sidebar** — it owns the header, the scroller and
+the padding that lines them up. Don't compose a header and a `ScrollArea` by hand, and don't wrap
+the sidebar in it:
+
+```tsx
+<div className="bg-background text-foreground @container/app flex h-full min-h-0">
+  <SidebarBasic … />
+  <Page title={pageTitle} actions={<Header />} actionsClassName="gap-2" sticky className="min-w-0">
+    <ViewContent view={view} />
+  </Page>
+</div>
+```
+
+Collapse your own `actions` against the same container (e.g. `@3xl/page:hidden`) so both sides agree
+on what "wide enough" means. `sticky` keeps the header at the top while the body scrolls under it,
+compacting once it does; drop it if you want the header to scroll away instead.
+
 ---
 
 ## i18n — `@bardioc/i18n-core`
@@ -145,6 +175,8 @@ t('overview.updated', { fallback: 'Updated {time}', params: { time } });
 - Always pass a `fallback` so a missing key degrades gracefully.
 - `@bardioc/ui` component strings ship with the `@bardioc/ui` package itself — the app only
   carries its own `en/de.json`.
+- Copy style (Title Case labels, sentence-case messages, American English):
+  `node_modules/@bardioc/ui/docs/copy.md`.
 
 ---
 

package/templates/vite/eslint.config.mjs

@@ -0,0 +1,3 @@
+import { config } from '@bardioc/configs/eslint/vite-react';
+
+export default [...config];

package/templates/vite/package.json

@@ -9,26 +9,32 @@
     "bundle": "rm -f {{APP_NAME}}.zip && tsc && vite build && node scripts/stamp-manifest.mjs dist && cd dist && zip -r ../{{APP_NAME}}.zip .",
     "preview": "vite preview",
     "check-types": "tsc --noEmit",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "changeset": "changeset",
     "release:status": "changeset status --verbose",
     "release:version": "changeset version && npm install",
     "release:publish": "changeset publish"
   },
   "dependencies": {
-    "@bardioc/app-sdk": "latest",
-    "@bardioc/i18n-core": "latest",
-    "@bardioc/ui": "latest",
+    "@bardioc/app-sdk": "^0.5.0",
+    "@bardioc/i18n-core": "^0.1.1",
+    "@bardioc/ui": "^0.7.29",
     "lucide-react": "^0.544.0",
     "react": "19.2.6",
     "react-dom": "19.2.6"
   },
   "devDependencies": {
+    "@bardioc/configs": "0.2.1",
     "@changesets/cli": "^2.31.0",
     "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^22.19.19",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "5.2.0",
+    "eslint": "^10.0.0",
+    "prettier": "^3.6.2",
     "tailwindcss": "4.3.0",
     "typescript": "6.0.3",
     "vite": "8.0.13"

package/templates/vite/prettier.config.mjs

@@ -0,0 +1 @@
+export { default } from '@bardioc/configs/prettier';