@valbuild/ui 0.12.0

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@valbuild/ui",
+  "version": "0.12.0",
+  "sideEffects": false,
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "build": "vite build && vite --config server.vite.config.ts build && rollup --config rollup.config.js",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@lexical/list": "^0.10.0",
+    "@lexical/react": "^0.10.0",
+    "@lexical/rich-text": "^0.10.0",
+    "@lexical/selection": "^0.10.0",
+    "@lexical/utils": "^0.10.0",
+    "@types/express": "^4.17.17",
+    "@types/react": "^18.0.26",
+    "classnames": "^2.3.2",
+    "lexical": "^0.10.0",
+    "react-feather": "^2.0.10",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.34.1"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^7.0.12",
+    "@storybook/addon-interactions": "^7.0.12",
+    "@storybook/addon-links": "^7.0.12",
+    "@storybook/addon-styling": "^1.0.8",
+    "@storybook/blocks": "^7.0.12",
+    "@storybook/builder-vite": "^7.0.12",
+    "@storybook/react": "^7.0.12",
+    "@storybook/react-vite": "^7.0.12",
+    "@storybook/testing-library": "^0.0.14-next.2",
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.21",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-test-renderer": "^18.2.0",
+    "rollup": "^3.17.3",
+    "rollup-plugin-dts": "^5.3.0",
+    "storybook": "^7.0.12",
+    "tailwindcss": "^3.2.7",
+    "vite": "^4.1.4"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "peerDependenciesMeta": {
+    "@types/express": {
+      "optional": true
+    },
+    "@types/react": {
+      "optional": true
+    }
+  },
+  "preconstruct": {
+    "entrypoints": [
+      "./index.tsx",
+      "./server.ts"
+    ],
+    "exports": true
+  },
+  "main": "dist/valbuild-ui.cjs.js",
+  "module": "dist/valbuild-ui.esm.js",
+  "exports": {
+    ".": {
+      "module": "./dist/valbuild-ui.esm.js",
+      "default": "./dist/valbuild-ui.cjs.js"
+    },
+    "./server": {
+      "module": "./server/dist/valbuild-ui-server.esm.js",
+      "default": "./server/dist/valbuild-ui-server.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "types": "dist/valbuild-ui.cjs.d.ts"
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/rollup.config.js

@@ -0,0 +1,23 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { default: dts } = require("rollup-plugin-dts");
+
+/**
+ * This rollup config is used solely for bundling type definitions. Vite builds
+ * the rest!
+ *
+ * @type{import("rollup").RollupOptions[]}
+ */
+const config = [
+  {
+    input: "./src/vite-index.tsx",
+    output: [{ file: "dist/valbuild-ui.cjs.d.ts", format: "es" }],
+    plugins: [dts()],
+  },
+  {
+    input: "./src/vite-server.ts",
+    output: [{ file: "server/dist/valbuild-ui-server.cjs.d.ts", format: "es" }],
+    plugins: [dts()],
+  },
+];
+
+module.exports = config;

package/server/dist/valbuild-ui-server.cjs.d.ts

@@ -0,0 +1,5 @@
+import { RequestHandler } from 'express';
+
+declare function createRequestHandler(): RequestHandler;
+
+export { createRequestHandler };

package/server/dist/valbuild-ui-server.cjs.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function createRequestHandler() {
+  return (_req, _res, next) => {
+    next();
+  };
+}
+exports.createRequestHandler = createRequestHandler;

package/server/dist/valbuild-ui-server.esm.js

@@ -0,0 +1,8 @@
+function createRequestHandler() {
+  return (_req, _res, next) => {
+    next();
+  };
+}
+export {
+  createRequestHandler
+};

package/server/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "dist/valbuild-ui-server.cjs.js",
+  "module": "dist/valbuild-ui-server.esm.js"
+}

package/server.vite.config.ts

@@ -0,0 +1,29 @@
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    outDir: "./server/dist",
+    lib: {
+      entry: {
+        "valbuild-ui-server": "./src/vite-server.ts",
+      },
+      formats: ["cjs", "es"],
+      /**
+       * Sets file names to match the output from Preconstruct
+       */
+      fileName(format, entryName) {
+        switch (format) {
+          case "es":
+            return `${entryName}.esm.js`;
+          case "cjs":
+            return `${entryName}.cjs.js`;
+          default:
+            throw Error(`Unexpected format: ${format}`);
+        }
+      },
+    },
+    // Output semi-readable code and let consumers handle minification
+    minify: false,
+  },
+});

package/tailwind.config.js

@@ -0,0 +1,52 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [__dirname + "/src/**/*.{js,ts,jsx,tsx}"],
+  darkMode: ["class", '[data-mode="dark"]'],
+  theme: {
+    colors: {
+      base: "var(--val-theme-base)",
+      highlight: "var(--val-theme-highlight)",
+      border: "var(--val-theme-border)",
+      fill: "var(--val-theme-fill)",
+      primary: "var(--val-theme-primary)",
+      //
+      white: "#FCFCFC",
+      "light-gray": "#D6D6D6",
+      "dark-gray": "#575757",
+      "medium-black": "#303030",
+      "warm-black": "#1A1A1A",
+      yellow: "#FFFF00",
+      red: "#F02929",
+      green: "#1CED1C",
+    },
+    spacing: {
+      0: "0px",
+      1: "4px",
+      2: "8px",
+      3: "12px",
+      4: "16px",
+    },
+    screens: {
+      tablet: "640px",
+    },
+    fontFamily: {
+      sans: "'Roboto', sans-serif",
+      serif: "'JetBrains Mono', monospace",
+    },
+    keyframes: {
+      rotateLeft: {
+        "0%": { transform: "rotate(0deg)" },
+        "100%": { transform: "rotate(45deg)" },
+      },
+      rotateRight: {
+        "0%": { transform: "rotate(0deg)" },
+        "100%": { transform: "rotate(-45deg)" },
+      },
+    },
+    animation: {
+      rotateLeft: "rotateLeft 200ms ease-in-out",
+      rotateRight: "rotateRight 200ms ease-in-out",
+    },
+  },
+  plugins: [],
+};

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "strict": true,
+    "allowJs": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "lib": ["es6", "dom"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "target": "ES5",
+    "outDir": "dist",
+    "rootDir": "src"
+  },
+  "include": ["src/**/*"]
+}

package/vite.config.ts

@@ -0,0 +1,33 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: {
+        "valbuild-ui": "./src/vite-index.tsx",
+      },
+      formats: ["cjs", "es"],
+      /**
+       * Sets file names to match the output from Preconstruct
+       */
+      fileName(format, entryName) {
+        switch (format) {
+          case "es":
+            return `${entryName}.esm.js`;
+          case "cjs":
+            return `${entryName}.cjs.js`;
+          default:
+            throw Error(`Unexpected format: ${format}`);
+        }
+      },
+    },
+    // Output semi-readable code and let consumers handle minification
+    minify: false,
+    rollupOptions: {
+      external: ["react", "react/jsx-runtime", "react/jsx-dev-runtime"],
+    },
+  },
+});