@alpaca-headless/alpaca-headless-nextjs 1.0.13 → 1.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "1.0.13",
+  "version": "1.0.19",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -13,10 +13,12 @@
     "/*.d.ts"
   ],
   "scripts": {
-    "build": "npm run build:cjs && npm run build:esm && npm run copy-files",
+    "build-dev": "npm run build:cjs && npm run build:esm && npm run tailwindbuild",
+    "build": "npm run build:cjs && npm run build:esm && npm run tailwindbuild && npm run copy-primecss",
     "build:cjs": "node tools/cleanup cjs && tsc -p config/tsconfig.cjs.json --noEmit false",
     "build:esm": "node tools/cleanup esm && tsc -p config/tsconfig.esm.json --noEmit false",
-    "copy-files": "copyfiles -u 1 -E -V  \"src/editor.css\" dist/",
+    "tailwindbuild": "tailwindcss -i ./src/editor.css -o ./dist/editor.css",
+    "copy-primecss": "copyfiles -u 1 -E -V  \"node_modules/primereact/resources/**/*\" \"node_modules/primeicons/**/*\"   dist/",
     "clean": "node tools/cleanup",
     "package": "npm run build && npm pack"
   },
@@ -31,6 +33,7 @@
     "next": "13.5.1",
     "node-cleanup": "^2.1.2",
     "prettier": "^3.0.3",
+    "primeicons": "^6.0.1",
     "primereact": "^9.6.2",
     "quill": "^1.3.7",
     "react": "18.2.0",
@@ -46,6 +49,7 @@
     "@types/react-dom": "18.2.6",
     "eslint": "8.44.0",
     "eslint-config-next": "13.4.9",
+    "tailwindcss": "^3.3.3",
     "typescript": "5.1.6"
   }
 }

package/tailwind.config.js

@@ -0,0 +1,22 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
+  prefix: "a-",
+  safelist: [
+    "a-bg-orange-400",
+    "a-bg-sky-400",
+    "a-ring-orange-400",
+    "a-ring-purple-400",
+    "a-bg-purple-400",
+  ],
+  theme: {
+    extend: {
+      backgroundImage: {
+        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
+        "gradient-conic":
+          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+      },
+    },
+  },
+  plugins: [],
+};

package/types/components/LinkEditor.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { LinkField } from "../fieldTypes";
+export default function LinkEditor({ field, children, ...props }: {
+    field: LinkField;
+    children: React.ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/AiTerminal.d.ts

@@ -1,4 +1,4 @@
-export declare function AiTerminal({ requestRefresh, selection }: {
+export declare function AiTerminal({ requestRefresh, selection, }: {
     requestRefresh: (waitForQuietPeriod: boolean) => void;
     selection: string[];
 }): import("react/jsx-runtime").JSX.Element;

package/types/editor/EditorClient.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { Page, EditData } from "..";
 import "../../editor.css";
+import "../../primereact/resources/primereact.min.css";
+import "../../primeicons/primeicons.css";
+import "../../primereact/resources/themes/lara-light-indigo/theme.css";
 export declare function EditorClient({ content, dictionaryObject, edit, children, }: {
     content: Page;
     dictionaryObject: any;