skilldrop-cli 0.16.36 → 0.16.37

package/packs/frontend/skills/bundle-size-review/evals/files/6/vite.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { visualizer } from 'rollup-plugin-visualizer'
+
+export default defineConfig({
+  plugins: [
+    react(),
+    visualizer({ filename: 'stats.json', template: 'raw-data', gzipSize: true }),
+  ],
+  build: {
+    target: 'es2020',
+  },
+})

package/packs/frontend/skills/bundle-size-review/evals/files/7/apps/backoffice/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@quillmark/backoffice",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "build": "webpack --mode production",
+    "stats": "webpack --mode production --json > stats.json"
+  },
+  "dependencies": {
+    "@quillmark/ui": "2.4.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "7.25.2",
+    "@babel/preset-env": "7.25.4",
+    "@babel/preset-react": "7.24.7",
+    "@babel/preset-typescript": "7.24.7",
+    "babel-loader": "9.1.3",
+    "css-loader": "7.1.2",
+    "html-webpack-plugin": "5.6.0",
+    "style-loader": "4.0.0",
+    "webpack": "5.94.0",
+    "webpack-cli": "5.1.4"
+  }
+}

package/packs/frontend/skills/bundle-size-review/evals/files/7/apps/backoffice/src/App.tsx

@@ -0,0 +1,27 @@
+import { lazy, Suspense, useState } from 'react'
+import Users from './pages/Users'
+import Orders from './pages/Orders'
+
+type Tab = 'users' | 'orders' | 'analytics'
+
+const Analytics = lazy(() => import('./pages/Analytics'))
+
+export default function App() {
+  const [tab, setTab] = useState<Tab>('users')
+  return (
+    <div>
+      <nav>
+        <button onClick={() => setTab('users')}>Users</button>
+        <button onClick={() => setTab('orders')}>Orders</button>
+        <button onClick={() => setTab('analytics')}>Analytics</button>
+      </nav>
+      {tab === 'users' && <Users />}
+      {tab === 'orders' && <Orders />}
+      {tab === 'analytics' && (
+        <Suspense fallback={<p>Loading…</p>}>
+          <Analytics />
+        </Suspense>
+      )}
+    </div>
+  )
+}

package/packs/frontend/skills/bundle-size-review/evals/files/7/apps/backoffice/src/pages/Analytics.tsx

@@ -0,0 +1,10 @@
+import { Chart } from '@quillmark/ui'
+
+const config = {
+  type: 'line' as const,
+  data: { labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'], datasets: [{ label: 'Orders', data: [112, 98, 140, 131, 155] }] },
+}
+
+export default function Analytics() {
+  return <Chart config={config} />
+}

package/packs/frontend/skills/bundle-size-review/evals/files/7/apps/backoffice/src/pages/Users.tsx

@@ -0,0 +1,13 @@
+import { Button, DataGrid, DatePicker } from '@quillmark/ui'
+import { useState } from 'react'
+
+export default function Users() {
+  const [since, setSince] = useState<string | null>(null)
+  return (
+    <section>
+      <DatePicker value={since} onChange={setSince} label="Joined since" />
+      <DataGrid source="/api/users" filter={{ since }} />
+      <Button variant="secondary">Export</Button>
+    </section>
+  )
+}