@alpaca-headless/alpaca-headless-nextjs 1.0.253 → 1.0.281

package/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

package/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/{types → dist}/client-components/ClientLink.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { LinkField } from "../fieldTypes";
+import { LinkField } from "../../../alpaca-headless/src/types/fieldTypes";
 export declare function ClientLink({ field, children, ...props }: {
     field: LinkField;
     children: React.ReactNode;

package/dist/{esm/client-components → client-components}/ClientLink.js

@@ -11,10 +11,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEditContext } from "../editor/editContext";
-import { usePreviewContext } from "../editor/previewContext";
-import LinkEditor from "./LinkEditor";
-import LinkPreview from "../components/LinkPreview";
 export function ClientLink(_a) {
     var { field, children } = _a, props = __rest(_a, ["field", "children"]);
     if (!field)
@@ -24,12 +20,20 @@ export function ClientLink(_a) {
     }
     if (!field.value)
         return;
-    const previewContext = usePreviewContext();
-    if (previewContext) {
-        return (_jsx(LinkPreview, Object.assign({ field: field }, props, { children: children })));
-    }
-    const editing = useEditContext();
-    if (editing)
-        return (_jsx(LinkEditor, Object.assign({ field: field }, props, { children: children })));
+    //const previewContext = usePreviewContext();
+    // if (previewContext) {
+    //   return (
+    //     <LinkPreview field={field} {...props}>
+    //       {children}
+    //     </LinkPreview>
+    //   );
+    // }
+    // const editing = useEditContext();
+    // if (editing)
+    //   return (
+    //     <LinkEditorWrapper field={field} {...props}>
+    //       {children}
+    //     </LinkEditorWrapper>
+    //   );
     return (_jsx("a", Object.assign({ href: field.value.url }, props, { children: children })));
 }

package/dist/client-components/index.d.ts

@@ -0,0 +1 @@
+export { ClientLink } from "./ClientLink";

package/dist/client-components/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { ClientLink } from "./ClientLink";

package/dist/configure.d.ts

@@ -0,0 +1 @@
+export declare function init(): void;

package/dist/configure.js

@@ -0,0 +1,10 @@
+import { cookies, headers } from "next/headers";
+import { alpacaHeadless } from "../../alpaca-headless/src/index";
+export function init() {
+    if (!alpacaHeadless.isInitialized) {
+        alpacaHeadless.configuration.dependencies.fetch = fetch;
+        alpacaHeadless.configuration.dependencies.cookies = () => cookies().toString();
+        alpacaHeadless.configuration.dependencies.headers = headers;
+        alpacaHeadless.isInitialized = true;
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "../../alpaca-headless/src/index";

package/dist/index.js

@@ -0,0 +1,3 @@
+import { init } from "./configure";
+init();
+export * from "../../alpaca-headless/src/index";

package/dist/middleware/handleRequest.d.ts

@@ -0,0 +1,7 @@
+import { RenderOptions } from "../../../alpaca-headless/src";
+import { NextRequest } from "next/server";
+export declare function handleRequest({ request, mapHost, renderOptions, }: {
+    request: NextRequest;
+    mapHost: (host: string) => string;
+    renderOptions: RenderOptions;
+}): Promise<Response | undefined>;

package/dist/middleware/handleRequest.js

@@ -0,0 +1,36 @@
+import { resolveRoute } from "../../../alpaca-headless/src";
+export async function handleRequest({ request, mapHost, renderOptions, }) {
+    const urlSearchParams = new URLSearchParams(request.nextUrl.search);
+    const nextSearchParams = {};
+    for (const [key, value] of urlSearchParams.entries()) {
+        nextSearchParams[key] = value;
+    }
+    const result = await resolveRoute({
+        path: request.nextUrl.pathname,
+        searchParams: nextSearchParams,
+        host: mapHost(request.headers.get("host") || ""),
+        renderOptions,
+        renderings: {},
+    });
+    if (result.type === "redirect") {
+        return new Response(null, {
+            status: result.redirectType === "permanent" ? 301 : 302,
+            headers: {
+                Location: result.location,
+            },
+        });
+    }
+    if (result.type === "unauthorized") {
+        if (result.auth)
+            return new Response(null, {
+                status: 401,
+                headers: {
+                    "WWW-Authenticate": result.auth.replace(", Bearer", ""),
+                },
+            });
+        else
+            return new Response(null, {
+                status: 401,
+            });
+    }
+}

package/dist/middleware/index.js

@@ -0,0 +1,3 @@
+import { init } from "../configure";
+init();
+export * from "./handleRequest";

package/next.config.mjs

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;

package/package.json

@@ -1,73 +1,54 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "sideEffects": false,
+  "version": "1.0.281",
   "type": "module",
-  "version": "1.0.253",
-  "description": "Alpaca Headless NextJs Integration",
-  "main": "dist/cjs/index.js",
-  "types": "types/index.d.ts",
-  "files": [
-    "dist",
-    "types",
-    "/*.js",
-    "/*.css",
-    "/*.d.ts"
-  ],
+  "description": "Alpaca Headless",
+  "main": "dist/index.js",
   "exports": {
-    ".": "./dist/esm/index.js",
-    "./client-components": "./dist/esm/client-components",
-    "./middleware": "./dist/esm/middleware"
+    ".": "./dist/index.js",
+    "./client-components": "./dist/client-components",
+    "./middleware": "./dist/middleware"
   },
   "typesVersions": {
     "*": {
       "client-components": [
-        "types/client-components/index.d.ts"
+        "./dist/client-components/index.d.ts"
       ],
       "middleware": [
-        "types/middleware/index.d.ts"
+        "./dist/middleware/index.d.ts"
       ]
     }
   },
   "scripts": {
-    "build-dev": "npm run build:cjs && npm run tailwindbuild",
-    "build": "npm run build:esm && npm run tailwindbuild && npm run copy-primecss",
-    "build:esm": "tsc -p config/tsconfig.esm.json --noEmit false",
-    "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/",
-    "package": "npm run build && npm pack"
+    "build": "tsc -b",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yourusername/your-module-name.git"
   },
+  "keywords": [
+    "esm",
+    "module"
+  ],
   "author": "Canvas REPLY DE GmbH",
   "license": "MIT",
-  "dependencies": {
-    "@uiw/react-textarea-code-editor": "^1.4.4",
-    "allotment": "^1.20.0",
-    "autoprefixer": "10.4.17",
-    "copyfiles": "^2.4.1",
-    "cryptography": "^1.2.3",
-    "graphql-formatter": "^1.0.3",
-    "next": "14.1.0",
-    "node-cleanup": "^2.1.2",
-    "prettier": "^3.2.4",
-    "primeicons": "^6.0.1",
-    "primereact": "^10.3.3",
-    "quill": "^1.3.7",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-error-boundary": "^4.0.12",
-    "react-inspector": "^6.0.2",
-    "react-json-view-lite": "^1.2.1",
-    "react-uuid": "^2.0.0",
-    "server-only": "^0.0.1",
-    "universal-cookie": "^7.0.1"
+  "bugs": {
+    "url": "https://github.com/yourusername/your-module-name/issues"
   },
+  "homepage": "https://github.com/yourusername/your-module-name#readme",
   "devDependencies": {
-    "@types/node": "20.11.5",
-    "@types/quill": "^2.0.14",
-    "@types/react": "18.2.48",
-    "@types/react-dom": "18.2.18",
-    "eslint": "8.56.0",
-    "eslint-config-next": "14.1.0",
-    "tailwindcss": "^3.4.1",
-    "typescript": "5.3.3"
+    "@types/node": "^20.11.25",
+    "@types/react": "18.2.67",
+    "@types/react-dom": "18.2.22",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.3",
+    "typescript": "^5"
+  },
+  "dependencies": {
+    "next": "^14.1.4",
+    "react": "^18",
+    "react-dom": "^18",
+    "react-uuid": "^2.0.0"
   }
 }

package/postcss.config.js

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

package/src/client-components/ClientLink.tsx

@@ -0,0 +1,46 @@
+"use client";
+
+import React from "react";
+import { LinkField } from "../../../alpaca-headless/src/types/fieldTypes";
+
+export function ClientLink({
+  field,
+  children,
+  ...props
+}: {
+  field: LinkField;
+  children: React.ReactNode;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement>) {
+  if (!field) return;
+
+  if (field.jsonValue) {
+    field = field.jsonValue as LinkField;
+  }
+
+  if (!field.value) return;
+
+  //const previewContext = usePreviewContext();
+
+  // if (previewContext) {
+  //   return (
+  //     <LinkPreview field={field} {...props}>
+  //       {children}
+  //     </LinkPreview>
+  //   );
+  // }
+
+  // const editing = useEditContext();
+
+  // if (editing)
+  //   return (
+  //     <LinkEditorWrapper field={field} {...props}>
+  //       {children}
+  //     </LinkEditorWrapper>
+  //   );
+
+  return (
+    <a href={field.value.url} {...props}>
+      {children}
+    </a>
+  );
+}

package/src/client-components/index.ts

@@ -0,0 +1,2 @@
+"use client";
+export { ClientLink } from "./ClientLink";

package/src/configure.ts

@@ -0,0 +1,12 @@
+import { cookies, headers } from "next/headers";
+import { alpacaHeadless } from "../../alpaca-headless/src/index";
+
+export function init() {
+  if (!alpacaHeadless.isInitialized) {
+    alpacaHeadless.configuration.dependencies.fetch = fetch;
+    alpacaHeadless.configuration.dependencies.cookies = () =>
+      cookies().toString();
+    alpacaHeadless.configuration.dependencies.headers = headers;
+    alpacaHeadless.isInitialized = true;
+  }
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+import { init } from "./configure";
+
+init();
+
+export * from "../../alpaca-headless/src/index";

package/src/middleware/handleRequest.ts

@@ -0,0 +1,49 @@
+import { RenderOptions, resolveRoute } from "../../../alpaca-headless/src";
+import { NextRequest } from "next/server";
+
+export async function handleRequest({
+  request,
+  mapHost,
+  renderOptions,
+}: {
+  request: NextRequest;
+  mapHost: (host: string) => string;
+  renderOptions: RenderOptions;
+}) {
+  const urlSearchParams = new URLSearchParams(request.nextUrl.search);
+  const nextSearchParams: any = {};
+  for (const [key, value] of urlSearchParams.entries()) {
+    nextSearchParams[key] = value;
+  }
+
+  const result = await resolveRoute({
+    path: request.nextUrl.pathname,
+    searchParams: nextSearchParams,
+    host: mapHost(request.headers.get("host") || ""),
+    renderOptions,
+    renderings: {},
+  });
+
+  if (result.type === "redirect") {
+    return new Response(null, {
+      status: result.redirectType === "permanent" ? 301 : 302,
+      headers: {
+        Location: result.location,
+      },
+    });
+  }
+
+  if (result.type === "unauthorized") {
+    if (result.auth)
+      return new Response(null, {
+        status: 401,
+        headers: {
+          "WWW-Authenticate": result.auth.replace(", Bearer", ""),
+        },
+      });
+    else
+      return new Response(null, {
+        status: 401,
+      });
+  }
+}

package/src/middleware/index.ts

@@ -0,0 +1,5 @@
+import { init } from "../configure";
+
+init();
+
+export * from "./handleRequest";

package/tailwind.config.js

@@ -1,29 +1,17 @@
-/** @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-border-orange-400",
-    "a-border-purple-400",
-    "a-border-sky-400",
-    "a-bg-purple-400",
-  ],
-  theme: {
-    extend: {
-      spacing: {
-        "3px": "3px",
-      },
-      zIndex: {
-        1000: "1000",
-      },
-      backgroundImage: {
-        "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic":
-          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
-      },
+var config = {
+    content: [
+        "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+        "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+        "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+    ],
+    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: [],
+    plugins: [],
 };
+export default config;

package/tailwind.config.ts

@@ -0,0 +1,20 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: [
+    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
+    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  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: [],
+};
+export default config;

package/tsconfig.json

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "outDir": "./dist",
+    "strict": true,
+    "lib": ["dom", "dom.iterable", "es2021"],
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "noImplicitThis": true,
+    "noImplicitAny": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "**/*.spec.ts"],
+  "references": [{ "path": "../alpaca-headless" }]
+}