skilldrop-cli 0.16.36 → 0.16.38

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

@@ -0,0 +1,26 @@
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const CompressionPlugin = require('compression-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' }),
+    new CompressionPlugin({ algorithm: 'gzip', test: /\.js$/ }),
+  ],
+  // TODO: turn back on once the bundle is under control
+  performance: { hints: false },
+}

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

@@ -0,0 +1,9 @@
+{
+  "name": "quillmark",
+  "private": true,
+  "workspaces": ["packages/*", "apps/*"],
+  "browserslist": ["defaults and supports es6-module"],
+  "devDependencies": {
+    "typescript": "5.5.4"
+  }
+}

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/dist/Button.css

@@ -0,0 +1,3 @@
+.qm-btn { font: inherit; border-radius: 6px; padding: 0.5rem 1rem; border: 1px solid transparent; }
+.qm-btn--primary { background: #1f4e79; color: #fff; }
+.qm-btn--secondary { background: #fff; color: #1f4e79; border-color: #1f4e79; }

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/dist/Button.js

@@ -0,0 +1,14 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = Button;
+const jsx_runtime_1 = require("react/jsx-runtime");
+require("./Button.css");
+function Button(_a) {
+    var { variant = 'primary', className = '' } = _a, rest = __rest(_a, ["variant", "className"]);
+    return (0, jsx_runtime_1.jsx)("button", Object.assign({ className: `qm-btn qm-btn--${variant} ${className}` }, rest));
+}

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/dist/Chart.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chart = exports.QmChart = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const auto_1 = __importDefault(require("chart.js/auto"));
+function QmChart({ config }) {
+    const canvas = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!canvas.current)
+            return;
+        const chart = new auto_1.default(canvas.current, config);
+        return () => chart.destroy();
+    }, [config]);
+    return (0, jsx_runtime_1.jsx)("canvas", { ref: canvas });
+}
+exports.QmChart = QmChart;
+exports.Chart = QmChart;

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/dist/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);
+__exportStar(require("./PriceTag"), exports);
+__exportStar(require("./Modal"), exports);
+__exportStar(require("./DataGrid"), exports);
+__exportStar(require("./DatePicker"), exports);
+__exportStar(require("./Chart"), exports);

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@quillmark/ui",
+  "version": "2.4.0",
+  "description": "Quillmark shared React components",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsc -p tsconfig.json && cp src/*.css dist/"
+  },
+  "dependencies": {
+    "@tanstack/table-core": "8.20.5",
+    "chart.js": "4.4.4",
+    "dayjs": "1.11.13"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/src/Button.css

@@ -0,0 +1,3 @@
+.qm-btn { font: inherit; border-radius: 6px; padding: 0.5rem 1rem; border: 1px solid transparent; }
+.qm-btn--primary { background: #1f4e79; color: #fff; }
+.qm-btn--secondary { background: #fff; color: #1f4e79; border-color: #1f4e79; }

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/src/Button.tsx

@@ -0,0 +1,9 @@
+import './Button.css'
+
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: 'primary' | 'secondary'
+}
+
+export function Button({ variant = 'primary', className = '', ...rest }: ButtonProps) {
+  return <button className={`qm-btn qm-btn--${variant} ${className}`} {...rest} />
+}

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/src/Chart.tsx

@@ -0,0 +1,14 @@
+import { useEffect, useRef } from 'react'
+import Chart from 'chart.js/auto'
+import type { ChartConfiguration } from 'chart.js'
+
+export function QmChart({ config }: { config: ChartConfiguration }) {
+  const canvas = useRef<HTMLCanvasElement>(null)
+  useEffect(() => {
+    if (!canvas.current) return
+    const chart = new Chart(canvas.current, config)
+    return () => chart.destroy()
+  }, [config])
+  return <canvas ref={canvas} />
+}
+export { QmChart as Chart }

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/src/index.ts

@@ -0,0 +1,6 @@
+export * from './Button'
+export * from './PriceTag'
+export * from './Modal'
+export * from './DataGrid'
+export * from './DatePicker'
+export * from './Chart'

package/packs/frontend/skills/bundle-size-review/evals/files/7/packages/ui/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "ES2019",
+    "module": "commonjs",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "dist",
+    "rootDir": "src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}