pagiera 0.2.0-alpha.33

package/dist/styles.css

@@ -0,0 +1,300 @@
+@font-face {
+    font-family: "Figtree";
+    font-style: normal;
+    font-weight: 300 900;
+    font-display: swap;
+    src: url("https://fonts.gstatic.com/s/figtree/v9/_Xms-HUzqDCFdgfMm4q9DbZs.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Figtree";
+    font-style: italic;
+    font-weight: 300 900;
+    font-display: swap;
+    src: url("https://fonts.gstatic.com/s/figtree/v9/_Xmu-HUzqDCFdgfMm4GNAa5o_ik.woff2") format("woff2");
+}
+
+:root {
+    --pagiera-accent: #4f8cff;
+    --pagiera-surface: #17181b;
+    --pagiera-border: rgba(255, 255, 255, 0.09);
+    --pagiera-text: #f4f4f5;
+    --pagiera-font: "Figtree", ui-sans-serif, system-ui, sans-serif;
+}
+
+.pagiera-root,
+.pagiera-root *,
+.pagiera-root *::before,
+.pagiera-root *::after {
+    box-sizing: border-box;
+}
+
+.pagiera-editor {
+    height: 100vh;
+    min-height: 640px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    background: #0e0f11;
+    color: var(--pagiera-text);
+    font: 13px/1.4 var(--pagiera-font);
+}
+
+.pagiera-editor button,
+.pagiera-editor input,
+.pagiera-editor textarea {
+    font: inherit
+}
+
+.pagiera-editor button {
+    border: 0;
+    color: inherit;
+    -webkit-user-select: none;
+    user-select: none;
+    cursor: pointer
+}
+
+.pagiera-editor__topbar {
+    height: 48px;
+    flex: none;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 12px;
+    border-bottom: 1px solid var(--pagiera-border);
+    background: #151619
+}
+
+.pagiera-editor__topbar>button {
+    border-radius: 8px;
+    background: #4f8cff;
+    padding: 7px 13px;
+    font-weight: 700
+}
+
+.pagiera-editor__topbar>button:disabled {
+    opacity: .35
+}
+
+.pagiera-editor__breakpoints {
+    display: flex;
+    gap: 4px
+}
+
+.pagiera-editor__breakpoints button {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    border-radius: 8px;
+    background: transparent;
+    padding: 6px 10px;
+    color: #8d9098
+}
+
+.pagiera-editor__breakpoints button[data-active=true] {
+    background: #272a30;
+    color: #fff
+}
+
+.pagiera-editor small {
+    font-size: 9px;
+    color: #6f737c
+}
+
+.pagiera-editor__body {
+    min-height: 0;
+    flex: 1;
+    display: grid;
+    grid-template-columns: 260px minmax(0, 1fr) 280px
+}
+
+.pagiera-editor__left,
+.pagiera-editor__inspector {
+    min-height: 0;
+    background: #151619
+}
+
+.pagiera-editor__left {
+    border-right: 1px solid var(--pagiera-border)
+}
+
+.pagiera-editor__inspector {
+    border-left: 1px solid var(--pagiera-border);
+    padding: 14px;
+    overflow: auto
+}
+
+.pagiera-editor__left nav {
+    height: 42px;
+    display: flex;
+    border-bottom: 1px solid var(--pagiera-border);
+    padding: 0 8px
+}
+
+.pagiera-editor__left nav button {
+    flex: 1;
+    background: transparent;
+    color: #858993
+}
+
+.pagiera-editor__left nav button[data-active=true] {
+    color: #fff;
+    box-shadow: inset 0 -2px #4f8cff
+}
+
+.pagiera-editor__list,
+.pagiera-editor__insert {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 10px;
+    overflow: auto
+}
+
+.pagiera-editor__list button {
+    display: flex;
+    justify-content: space-between;
+    border-radius: 8px;
+    background: transparent;
+    padding: 9px;
+    text-align: left;
+    color: #a4a7af
+}
+
+.pagiera-editor__list button[data-active=true] {
+    background: #252932;
+    color: #fff
+}
+
+.pagiera-editor__insert {
+    display: grid;
+    grid-template-columns: 1fr 1fr
+}
+
+.pagiera-editor__insert button {
+    min-height: 58px;
+    border: 1px solid var(--pagiera-border);
+    border-radius: 10px;
+    background: #1c1e22
+}
+
+.pagiera-editor__ai {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 12px
+}
+
+.pagiera-editor__ai textarea {
+    min-height: 130px;
+    resize: vertical;
+    border: 1px solid var(--pagiera-border);
+    border-radius: 10px;
+    background: #101114;
+    color: #fff;
+    padding: 10px
+}
+
+.pagiera-editor__ai button {
+    border-radius: 9px;
+    background: #4f8cff;
+    padding: 9px;
+    font-weight: 700
+}
+
+.pagiera-editor__viewport {
+    overflow: auto;
+    padding: 80px 220px;
+    background-color: #111214;
+    background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
+    background-size: 24px 24px
+}
+
+.pagiera-editor__frame {
+    position: relative;
+    margin: 0 auto;
+    box-shadow: 0 30px 90px #000;
+    transition: width .35s cubic-bezier(.16, 1, .3, 1)
+}
+
+.pagiera-editor__frame-label {
+    position: absolute;
+    bottom: calc(100% + 9px);
+    left: 0;
+    color: #8a8e97;
+    font-size: 10px
+}
+
+.pagiera-editor__frame .pg-node {
+    outline: 1px solid transparent
+}
+
+.pagiera-editor__frame .pg-node:hover {
+    outline-color: rgba(79, 140, 255, .45)
+}
+
+.pagiera-editor__inspector-title {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 18px
+}
+
+.pagiera-editor__inspector label {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    margin-bottom: 12px;
+    color: #858993;
+    font-size: 10px
+}
+
+.pagiera-editor__inspector input,
+.pagiera-editor__inspector textarea {
+    width: 100%;
+    border: 1px solid var(--pagiera-border);
+    border-radius: 8px;
+    background: #202227;
+    color: #fff;
+    padding: 8px;
+    outline: none
+}
+
+.pagiera-editor__inspector textarea {
+    min-height: 78px;
+    resize: vertical
+}
+
+.pagiera-editor__grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 8px
+}
+
+.pagiera-editor__danger {
+    width: 100%;
+    margin-top: 12px;
+    border-radius: 8px;
+    background: rgba(244, 63, 94, .1);
+    padding: 9px;
+    color: #fb7185 !important
+}
+
+.pagiera-editor__empty {
+    color: #777b84;
+    font-size: 11px
+}
+
+@media(max-width:900px) {
+    .pagiera-editor__body {
+        grid-template-columns: 210px minmax(0, 1fr)
+    }
+
+    .pagiera-editor__inspector {
+        display: none
+    }
+
+    .pagiera-editor__viewport {
+        padding-inline: 60px
+    }
+}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "pagiera",
+  "version": "0.2.0-alpha.33",
+  "description": "Full-stack visual website editor with PostgreSQL, Redis and OpenRouter",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "./dist/styles.css",
+    "./dist/full.css"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "thumbnail.png"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./provider": {
+      "types": "./dist/provider.d.ts",
+      "import": "./dist/provider.js"
+    },
+    "./full": {
+      "types": "./dist/full-editor.d.ts",
+      "import": "./dist/full-editor.js"
+    },
+    "./full.css": "./dist/full.css",
+    "./runtime": {
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/runtime.js"
+    },
+    "./data": {
+      "types": "./dist/runtime.d.ts",
+      "import": "./dist/data.js"
+    },
+    "./server": {
+      "types": "./dist/server.d.ts",
+      "import": "./dist/server.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "node ../../node_modules/typescript/bin/tsc -p tsconfig.build.json && npm run build:full && npm run build:full-css && npm run copy:styles && npm run copy:full-types",
+    "build:full": "node scripts/build-full.mjs",
+    "build:full-css": "node scripts/build-full-css.mjs",
+    "copy:styles": "node -e \"require('node:fs').copyFileSync('src/styles.css','dist/styles.css')\"",
+    "copy:full-types": "node -e \"const fs=require('node:fs');fs.copyFileSync('src/full-editor.d.ts','dist/full-editor.d.ts');fs.copyFileSync('src/runtime.d.ts','dist/runtime.d.ts');fs.copyFileSync('src/server.d.ts','dist/server.d.ts')\"",
+    "check": "node ../../node_modules/typescript/bin/tsc -p tsconfig.json --noEmit",
+    "prepack": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.3.0",
+    "react-dom": ">=18.3.0"
+  },
+  "dependencies": {
+    "@tabler/icons-react": "^3.46.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "motion": "^13.1.1",
+    "radix-ui": "^1.6.7",
+    "tailwind-merge": "^3.6.0",
+    "zod": "^4.4.3",
+    "esbuild": "^0.25.12",
+    "@tailwindcss/postcss": "^4.3.3",
+    "postcss": "^8.5.8",
+    "shadcn": "^4.18.0",
+    "tailwindcss": "^4.3.3",
+    "tw-animate-css": "^1.4.0",
+    "@openrouter/ai-sdk-provider": "^3.0.0",
+    "ai": "^7.0.74",
+    "drizzle-orm": "^1.0.0-rc.4",
+    "pg": "^8.23.0",
+    "redis": "^5.8.3"
+  },
+  "devDependencies": {
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@types/node": "^20",
+    "@types/pg": "^8.23.1",
+    "typescript": "^5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}