skilldrop-cli 0.16.36 → 0.16.37

package/packs/frontend/skills/bundle-size-review/evals/files/7/apps/backoffice/webpack.config.js

@@ -0,0 +1,25 @@
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+
+module.exports = {
+  entry: { main: './src/index.tsx' },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].[contenthash:8].js',
+    publicPath: '/',
+    clean: true,
+  },
+  resolve: { extensions: ['.tsx', '.ts', '.js'] },
+  module: {
+    rules: [
+      { test: /\.css$/, use: ['style-loader', 'css-loader'] },
+      { test: /\.[jt]sx?$/, exclude: /node_modules/, use: 'babel-loader' },
+    ],
+  },
+  plugins: [new HtmlWebpackPlugin({ template: './public/index.html' })],
+  performance: {
+    hints: 'error',
+    maxEntrypointSize: 512000,
+    maxAssetSize: 512000,
+  },
+}

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

@@ -0,0 +1,27 @@
+{
+  "name": "@quillmark/storefront",
+  "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",
+    "compression-webpack-plugin": "11.1.0",
+    "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/storefront/src/App.tsx

@@ -0,0 +1,18 @@
+import { lazy, Suspense } from 'react'
+import Home from './pages/Home'
+import Product from './pages/Product'
+
+const Checkout = lazy(() => import('./pages/Checkout'))
+
+export default function App() {
+  const path = window.location.pathname
+  if (path.startsWith('/checkout')) {
+    return (
+      <Suspense fallback={null}>
+        <Checkout />
+      </Suspense>
+    )
+  }
+  if (path.startsWith('/p/')) return <Product />
+  return <Home />
+}

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

@@ -0,0 +1,4 @@
+import { createRoot } from 'react-dom/client'
+import App from './App'
+
+createRoot(document.getElementById('root')!).render(<App />)

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

@@ -0,0 +1,10 @@
+import { Button } from '@quillmark/ui'
+
+export default function Home() {
+  return (
+    <main>
+      <h1>New this week</h1>
+      <Button onClick={() => (window.location.href = '/p/QM-1042')}>Shop the notebook</Button>
+    </main>
+  )
+}

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

@@ -0,0 +1,13 @@
+import { useState } from 'react'
+import { Button, PriceTag, Modal } from '@quillmark/ui'
+
+export default function Product() {
+  const [open, setOpen] = useState(false)
+  return (
+    <section>
+      <PriceTag amount={2499} currency="EUR" />
+      <Button onClick={() => setOpen(true)}>Size guide</Button>
+      <Modal open={open} onClose={() => setOpen(false)}>…</Modal>
+    </section>
+  )
+}