@okam/directus-next-component 1.8.13 → 1.8.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/components/DirectusFile/config.d.ts +0 -1
- package/components/DirectusFile/index.d.ts +1 -2
- package/components/DirectusFile/index.js +5 -5
- package/components/DirectusFile/index.mjs +5 -5
- package/components/DirectusFile/interface.d.ts +0 -1
- package/components/DirectusImg/index.d.ts +1 -2
- package/components/DirectusImg/index.js +6 -6
- package/components/DirectusImg/index.mjs +6 -6
- package/components/DirectusImg/interface.d.ts +0 -1
- package/components/DirectusLink/index.d.ts +1 -2
- package/components/DirectusLink/index.js +9 -6
- package/components/DirectusLink/index.mjs +9 -6
- package/components/DirectusLink/interface.d.ts +2 -3
- package/components/DirectusVideo/index.d.ts +1 -2
- package/components/DirectusVideo/index.js +4 -3
- package/components/DirectusVideo/index.mjs +4 -3
- package/components/DirectusVideo/interface.d.ts +0 -1
- package/index.d.ts +9 -9
- package/index.js +16 -16
- package/index.mjs +8 -8
- package/lib/directus-next-rewrite.d.ts +0 -1
- package/lib/withDirectus.d.ts +1 -2
- package/lib/withDirectus.js +2 -2
- package/lib/withDirectus.mjs +2 -2
- package/package.json +18 -13
- package/server.d.ts +2 -2
- package/server.js +8 -8
- package/server.mjs +11 -11
- package/types/index.d.ts +3 -3
- package/types/links.d.ts +1 -2
- package/types/metadata.d.ts +2 -3
- package/types/navigationItems.d.ts +22 -4
- package/utils/getDirectusFile/index.d.ts +1 -2
- package/utils/getDirectusFile/index.js +12 -6
- package/utils/getDirectusFile/index.mjs +12 -6
- package/utils/getDirectusLink/index.d.ts +0 -1
- package/utils/getDirectusLink/index.js +16 -16
- package/utils/getDirectusLink/index.mjs +16 -16
- package/utils/getDirectusMetadata/index.d.ts +0 -1
- package/utils/getDirectusMetadata/index.js +23 -23
- package/utils/getDirectusMetadata/index.mjs +23 -23
- package/utils/getDirectusSearchParams/index.d.ts +0 -1
- package/utils/getDirectusSearchParams/index.js +1 -1
- package/utils/getDirectusSearchParams/index.mjs +1 -1
- package/utils/getNavigationItems/index.d.ts +1 -2
- package/utils/getNavigationItems/index.js +8 -6
- package/utils/getNavigationItems/index.mjs +8 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { TDirectusFileProps } from './interface';
|
|
2
|
-
|
|
3
|
-
declare const DirectusFile: (props: TDirectusFileProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
declare function DirectusFile(props: TDirectusFileProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
3
|
export default DirectusFile;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const config = require("./config.js");
|
|
4
|
-
|
|
5
|
-
var _a;
|
|
4
|
+
function DirectusFile(props) {
|
|
6
5
|
const { type, ...rest } = props;
|
|
7
|
-
const fileType =
|
|
6
|
+
const fileType = type?.split("/")?.[0];
|
|
8
7
|
const configComponent = config[fileType ?? ""];
|
|
9
8
|
const { as: Component = configComponent } = props;
|
|
10
|
-
if (
|
|
9
|
+
if (Component == null)
|
|
10
|
+
return null;
|
|
11
11
|
return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...rest });
|
|
12
|
-
}
|
|
12
|
+
}
|
|
13
13
|
module.exports = DirectusFile;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import directusFileConfig from "./config.mjs";
|
|
3
|
-
|
|
4
|
-
var _a;
|
|
3
|
+
function DirectusFile(props) {
|
|
5
4
|
const { type, ...rest } = props;
|
|
6
|
-
const fileType =
|
|
5
|
+
const fileType = type?.split("/")?.[0];
|
|
7
6
|
const configComponent = directusFileConfig[fileType ?? ""];
|
|
8
7
|
const { as: Component = configComponent } = props;
|
|
9
|
-
if (
|
|
8
|
+
if (Component == null)
|
|
9
|
+
return null;
|
|
10
10
|
return /* @__PURE__ */ jsx(Component, { ...rest });
|
|
11
|
-
}
|
|
11
|
+
}
|
|
12
12
|
export {
|
|
13
13
|
DirectusFile as default
|
|
14
14
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { TFiles } from '@okam/directus-next';
|
|
2
2
|
import { TDefaultComponent } from '@okam/stack-ui';
|
|
3
|
-
|
|
4
3
|
export interface TDirectusFileProps extends TFiles, TDefaultComponent {
|
|
5
4
|
/**
|
|
6
5
|
* Serves to fall back to different parts of the URLs. Some properties have default values:
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { TDirectusImgProps } from './interface';
|
|
2
|
-
|
|
3
|
-
declare const DirectusImg: (props: TDirectusImgProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
declare function DirectusImg(props: TDirectusImgProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
3
|
export default DirectusImg;
|
|
@@ -3,23 +3,23 @@ const jsxRuntime = require("react/jsx-runtime");
|
|
|
3
3
|
const nextComponent = require("@okam/next-component");
|
|
4
4
|
const thumbhash = require("unlazy/thumbhash");
|
|
5
5
|
const index = require("../../utils/getDirectusFile/index.js");
|
|
6
|
-
|
|
6
|
+
function DirectusImg(props) {
|
|
7
7
|
const { fit, baseUrl, focal_point_x: focalPointX, focal_point_y: focalPointY, thumbhash: thumbhash$1, width, height } = props;
|
|
8
8
|
const fileProps = index.getDirectusFile(props, baseUrl, { fit });
|
|
9
|
-
if (
|
|
10
|
-
|
|
9
|
+
if (fileProps == null)
|
|
10
|
+
return null;
|
|
11
|
+
const hasFocalPoint = focalPointX != null && focalPointX !== 0 && focalPointY != null && focalPointY !== 0 && width != null && width !== 0 && height != null && height !== 0;
|
|
11
12
|
const style = hasFocalPoint ? {
|
|
12
13
|
objectFit: "cover",
|
|
13
14
|
objectPosition: `${focalPointX / width * 100}% ${focalPointY / height * 100}%`
|
|
14
15
|
} : void 0;
|
|
15
|
-
if (!fileProps) return null;
|
|
16
16
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
17
17
|
nextComponent.Img,
|
|
18
18
|
{
|
|
19
19
|
style,
|
|
20
|
-
...thumbhash$1 ? { blurDataURL: thumbhash.createPngDataUri(thumbhash$1), placeholder: "blur" } : {},
|
|
20
|
+
...thumbhash$1 != null && thumbhash$1 !== "" ? { blurDataURL: thumbhash.createPngDataUri(thumbhash$1), placeholder: "blur" } : {},
|
|
21
21
|
...fileProps
|
|
22
22
|
}
|
|
23
23
|
);
|
|
24
|
-
}
|
|
24
|
+
}
|
|
25
25
|
module.exports = DirectusImg;
|
|
@@ -2,25 +2,25 @@ import { jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { Img } from "@okam/next-component";
|
|
3
3
|
import { createPngDataUri } from "unlazy/thumbhash";
|
|
4
4
|
import { getDirectusFile } from "../../utils/getDirectusFile/index.mjs";
|
|
5
|
-
|
|
5
|
+
function DirectusImg(props) {
|
|
6
6
|
const { fit, baseUrl, focal_point_x: focalPointX, focal_point_y: focalPointY, thumbhash, width, height } = props;
|
|
7
7
|
const fileProps = getDirectusFile(props, baseUrl, { fit });
|
|
8
|
-
if (
|
|
9
|
-
|
|
8
|
+
if (fileProps == null)
|
|
9
|
+
return null;
|
|
10
|
+
const hasFocalPoint = focalPointX != null && focalPointX !== 0 && focalPointY != null && focalPointY !== 0 && width != null && width !== 0 && height != null && height !== 0;
|
|
10
11
|
const style = hasFocalPoint ? {
|
|
11
12
|
objectFit: "cover",
|
|
12
13
|
objectPosition: `${focalPointX / width * 100}% ${focalPointY / height * 100}%`
|
|
13
14
|
} : void 0;
|
|
14
|
-
if (!fileProps) return null;
|
|
15
15
|
return /* @__PURE__ */ jsx(
|
|
16
16
|
Img,
|
|
17
17
|
{
|
|
18
18
|
style,
|
|
19
|
-
...thumbhash ? { blurDataURL: createPngDataUri(thumbhash), placeholder: "blur" } : {},
|
|
19
|
+
...thumbhash != null && thumbhash !== "" ? { blurDataURL: createPngDataUri(thumbhash), placeholder: "blur" } : {},
|
|
20
20
|
...fileProps
|
|
21
21
|
}
|
|
22
22
|
);
|
|
23
|
-
}
|
|
23
|
+
}
|
|
24
24
|
export {
|
|
25
25
|
DirectusImg as default
|
|
26
26
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { TDirectusLinkProps } from './interface';
|
|
2
|
-
|
|
3
|
-
declare const DirectusLink: (props: TDirectusLinkProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
declare function DirectusLink(props: TDirectusLinkProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
3
|
export default DirectusLink;
|
|
@@ -2,13 +2,16 @@
|
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const stackUi = require("@okam/stack-ui");
|
|
4
4
|
const index = require("../../utils/getDirectusLink/index.js");
|
|
5
|
-
|
|
5
|
+
function DirectusLink(props) {
|
|
6
6
|
const { type, componentsConfig } = props;
|
|
7
7
|
const linkProps = index.getDirectusLink(props);
|
|
8
|
-
if (
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
if (
|
|
8
|
+
if (type == null || type === "")
|
|
9
|
+
return null;
|
|
10
|
+
const LinkComponent = componentsConfig?.[type];
|
|
11
|
+
if (LinkComponent != null)
|
|
12
|
+
return /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { ...props });
|
|
13
|
+
if (linkProps.href == null || linkProps.href === "")
|
|
14
|
+
return null;
|
|
12
15
|
return /* @__PURE__ */ jsxRuntime.jsx(stackUi.Anchor, { ...linkProps });
|
|
13
|
-
}
|
|
16
|
+
}
|
|
14
17
|
module.exports = DirectusLink;
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Anchor } from "@okam/stack-ui";
|
|
3
3
|
import { getDirectusLink } from "../../utils/getDirectusLink/index.mjs";
|
|
4
|
-
|
|
4
|
+
function DirectusLink(props) {
|
|
5
5
|
const { type, componentsConfig } = props;
|
|
6
6
|
const linkProps = getDirectusLink(props);
|
|
7
|
-
if (
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
if (
|
|
7
|
+
if (type == null || type === "")
|
|
8
|
+
return null;
|
|
9
|
+
const LinkComponent = componentsConfig?.[type];
|
|
10
|
+
if (LinkComponent != null)
|
|
11
|
+
return /* @__PURE__ */ jsx(LinkComponent, { ...props });
|
|
12
|
+
if (linkProps.href == null || linkProps.href === "")
|
|
13
|
+
return null;
|
|
11
14
|
return /* @__PURE__ */ jsx(Anchor, { ...linkProps });
|
|
12
|
-
}
|
|
15
|
+
}
|
|
13
16
|
export {
|
|
14
17
|
DirectusLink as default
|
|
15
18
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TAnchorProps, TDefaultComponent } from '@okam/stack-ui';
|
|
2
2
|
import { AriaAttributes, ComponentType } from 'react';
|
|
3
3
|
import { TLinks } from '../../types/links';
|
|
4
|
-
|
|
5
4
|
export type DirectusLink = Omit<TDefaultComponent, 'children'> & Omit<Partial<TLinks>, 'tokens'> & AriaAttributes;
|
|
6
5
|
export interface TGetDirectusLink extends DirectusLink {
|
|
7
6
|
propsConfig?: TDirectusLinkPropsConfig;
|
|
@@ -11,4 +10,4 @@ export interface TDirectusLinkProps extends DirectusLink {
|
|
|
11
10
|
propsConfig?: TDirectusLinkPropsConfig;
|
|
12
11
|
}
|
|
13
12
|
export type TDirectusLinkComponentsConfig = Record<string, ComponentType<TDirectusLinkProps>>;
|
|
14
|
-
export type TDirectusLinkPropsConfig<ReturnProps extends TAnchorProps = TAnchorProps> = Record<string, (
|
|
13
|
+
export type TDirectusLinkPropsConfig<ReturnProps extends TAnchorProps = TAnchorProps> = Record<string, (_props: TGetDirectusLink) => ReturnProps>;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { TDirectusVideoProps } from './interface';
|
|
2
|
-
|
|
3
|
-
declare const DirectusVideo: (props: TDirectusVideoProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
declare function DirectusVideo(props: TDirectusVideoProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
3
|
export default DirectusVideo;
|
|
@@ -2,11 +2,12 @@
|
|
|
2
2
|
const jsxRuntime = require("react/jsx-runtime");
|
|
3
3
|
const stackUi = require("@okam/stack-ui");
|
|
4
4
|
const index = require("../../utils/getDirectusFile/index.js");
|
|
5
|
-
|
|
5
|
+
function DirectusVideo(props) {
|
|
6
6
|
const { baseUrl } = props;
|
|
7
7
|
const fileProps = index.getDirectusFile(props, baseUrl);
|
|
8
|
-
if (
|
|
8
|
+
if (fileProps == null)
|
|
9
|
+
return null;
|
|
9
10
|
const { type } = fileProps;
|
|
10
11
|
return /* @__PURE__ */ jsxRuntime.jsx(stackUi.Video, { ...fileProps, type: type ?? void 0 });
|
|
11
|
-
}
|
|
12
|
+
}
|
|
12
13
|
module.exports = DirectusVideo;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Video } from "@okam/stack-ui";
|
|
3
3
|
import { getDirectusFile } from "../../utils/getDirectusFile/index.mjs";
|
|
4
|
-
|
|
4
|
+
function DirectusVideo(props) {
|
|
5
5
|
const { baseUrl } = props;
|
|
6
6
|
const fileProps = getDirectusFile(props, baseUrl);
|
|
7
|
-
if (
|
|
7
|
+
if (fileProps == null)
|
|
8
|
+
return null;
|
|
8
9
|
const { type } = fileProps;
|
|
9
10
|
return /* @__PURE__ */ jsx(Video, { ...fileProps, type: type ?? void 0 });
|
|
10
|
-
}
|
|
11
|
+
}
|
|
11
12
|
export {
|
|
12
13
|
DirectusVideo as default
|
|
13
14
|
};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { VideoHTMLAttributes } from 'react';
|
|
2
2
|
import { TDirectusFileProps } from '../DirectusFile/interface';
|
|
3
|
-
|
|
4
3
|
type TDirectusVideoAttributes = Omit<VideoHTMLAttributes<HTMLVideoElement>, 'height' | 'id' | 'title' | 'width'>;
|
|
5
4
|
export type TDirectusVideoProps = TDirectusVideoAttributes & TDirectusFileProps;
|
|
6
5
|
export {};
|
package/index.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export { default as
|
|
1
|
+
export { default as DirectusFile } from './components/DirectusFile';
|
|
2
|
+
export type { TDirectusFileProps } from './components/DirectusFile/interface';
|
|
2
3
|
export { default as DirectusImg } from './components/DirectusImg';
|
|
4
|
+
export type { TDirectusImgProps } from './components/DirectusImg/interface';
|
|
5
|
+
export { default as DirectusLink } from './components/DirectusLink';
|
|
6
|
+
export type { TDirectusLinkComponentsConfig, TDirectusLinkProps, TDirectusLinkPropsConfig, } from './components/DirectusLink/interface';
|
|
3
7
|
export { default as DirectusVideo } from './components/DirectusVideo';
|
|
4
|
-
export {
|
|
8
|
+
export type { TDirectusVideoProps } from './components/DirectusVideo/interface';
|
|
9
|
+
export { logger as DirectusNextComponent } from './logger';
|
|
10
|
+
export type * from './types';
|
|
5
11
|
export { getDirectusFile, useDirectusFile } from './utils/getDirectusFile';
|
|
6
12
|
export { getDirectusLink, useDirectusLink } from './utils/getDirectusLink';
|
|
7
|
-
export { getNavigationItems, useNavigationItems } from './utils/getNavigationItems';
|
|
8
13
|
export { getMetadata, useMetadata } from './utils/getDirectusMetadata';
|
|
9
14
|
export { getDirectusSearchParams } from './utils/getDirectusSearchParams';
|
|
10
|
-
export {
|
|
11
|
-
export * from './types';
|
|
12
|
-
export type { TDirectusLinkProps, TDirectusLinkPropsConfig, TDirectusLinkComponentsConfig, } from './components/DirectusLink/interface';
|
|
13
|
-
export type { TDirectusFileProps } from './components/DirectusFile/interface';
|
|
14
|
-
export type { TDirectusImgProps } from './components/DirectusImg/interface';
|
|
15
|
-
export type { TDirectusVideoProps } from './components/DirectusVideo/interface';
|
|
15
|
+
export { getNavigationItems, useNavigationItems } from './utils/getNavigationItems';
|
|
16
16
|
export type {
|
|
17
17
|
/**
|
|
18
18
|
* @deprecated Import from `@okam/directus-next` instead
|
package/index.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const index = require("./components/
|
|
3
|
+
const index = require("./components/DirectusFile/index.js");
|
|
4
4
|
const index$1 = require("./components/DirectusImg/index.js");
|
|
5
|
-
const index$2 = require("./components/
|
|
6
|
-
const index$3 = require("./components/
|
|
5
|
+
const index$2 = require("./components/DirectusLink/index.js");
|
|
6
|
+
const index$3 = require("./components/DirectusVideo/index.js");
|
|
7
|
+
const logger = require("./logger.js");
|
|
7
8
|
const index$4 = require("./utils/getDirectusFile/index.js");
|
|
8
9
|
const index$5 = require("./utils/getDirectusLink/index.js");
|
|
9
|
-
const index$6 = require("./utils/
|
|
10
|
-
const index$7 = require("./utils/
|
|
11
|
-
const index$8 = require("./utils/
|
|
12
|
-
|
|
13
|
-
exports.DirectusLink = index;
|
|
10
|
+
const index$6 = require("./utils/getDirectusMetadata/index.js");
|
|
11
|
+
const index$7 = require("./utils/getDirectusSearchParams/index.js");
|
|
12
|
+
const index$8 = require("./utils/getNavigationItems/index.js");
|
|
13
|
+
exports.DirectusFile = index;
|
|
14
14
|
exports.DirectusImg = index$1;
|
|
15
|
-
exports.
|
|
16
|
-
exports.
|
|
15
|
+
exports.DirectusLink = index$2;
|
|
16
|
+
exports.DirectusVideo = index$3;
|
|
17
|
+
exports.DirectusNextComponent = logger.logger;
|
|
17
18
|
exports.getDirectusFile = index$4.getDirectusFile;
|
|
18
19
|
exports.useDirectusFile = index$4.useDirectusFile;
|
|
19
20
|
exports.getDirectusLink = index$5.getDirectusLink;
|
|
20
21
|
exports.useDirectusLink = index$5.useDirectusLink;
|
|
21
|
-
exports.
|
|
22
|
-
exports.
|
|
23
|
-
exports.
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
26
|
-
exports.DirectusNextComponent = logger.logger;
|
|
22
|
+
exports.getMetadata = index$6.getMetadata;
|
|
23
|
+
exports.useMetadata = index$6.useMetadata;
|
|
24
|
+
exports.getDirectusSearchParams = index$7.getDirectusSearchParams;
|
|
25
|
+
exports.getNavigationItems = index$8.getNavigationItems;
|
|
26
|
+
exports.useNavigationItems = index$8.useNavigationItems;
|
package/index.mjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { default as default2 } from "./components/
|
|
1
|
+
import { default as default2 } from "./components/DirectusFile/index.mjs";
|
|
2
2
|
import { default as default3 } from "./components/DirectusImg/index.mjs";
|
|
3
|
-
import { default as default4 } from "./components/
|
|
4
|
-
import { default as default5 } from "./components/
|
|
3
|
+
import { default as default4 } from "./components/DirectusLink/index.mjs";
|
|
4
|
+
import { default as default5 } from "./components/DirectusVideo/index.mjs";
|
|
5
|
+
import { logger } from "./logger.mjs";
|
|
5
6
|
import { getDirectusFile, useDirectusFile } from "./utils/getDirectusFile/index.mjs";
|
|
6
7
|
import { getDirectusLink, useDirectusLink } from "./utils/getDirectusLink/index.mjs";
|
|
7
|
-
import { getNavigationItems, useNavigationItems } from "./utils/getNavigationItems/index.mjs";
|
|
8
8
|
import { getMetadata, useMetadata } from "./utils/getDirectusMetadata/index.mjs";
|
|
9
9
|
import { getDirectusSearchParams } from "./utils/getDirectusSearchParams/index.mjs";
|
|
10
|
-
import {
|
|
10
|
+
import { getNavigationItems, useNavigationItems } from "./utils/getNavigationItems/index.mjs";
|
|
11
11
|
export {
|
|
12
|
-
|
|
12
|
+
default2 as DirectusFile,
|
|
13
13
|
default3 as DirectusImg,
|
|
14
|
-
|
|
14
|
+
default4 as DirectusLink,
|
|
15
15
|
logger as DirectusNextComponent,
|
|
16
|
-
|
|
16
|
+
default5 as DirectusVideo,
|
|
17
17
|
getDirectusFile,
|
|
18
18
|
getDirectusLink,
|
|
19
19
|
getDirectusSearchParams,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { NextRequest, NextResponse } from 'next/server';
|
|
2
|
-
|
|
3
2
|
export declare function fetchPageSettings(pathName: string, lang?: string): Promise<string | null>;
|
|
4
3
|
export declare function directusRouteMiddleware(request: NextRequest, locales: string[]): Promise<NextResponse<unknown>>;
|
|
5
4
|
export declare const config: {
|
package/lib/withDirectus.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { NextConfig } from 'next';
|
|
2
|
-
|
|
3
2
|
interface CustomPluginOptions {
|
|
4
3
|
[key: string]: string;
|
|
5
4
|
}
|
|
6
|
-
declare
|
|
5
|
+
declare function withDirectus(nextConfig?: NextConfig, pluginOptions?: CustomPluginOptions): NextConfig;
|
|
7
6
|
export default withDirectus;
|
package/lib/withDirectus.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
function withDirectus(nextConfig = {}, pluginOptions = {}) {
|
|
3
3
|
const combinedEnv = {
|
|
4
4
|
...nextConfig.env,
|
|
5
5
|
...pluginOptions
|
|
@@ -8,5 +8,5 @@ const withDirectus = (nextConfig = {}, pluginOptions = {}) => {
|
|
|
8
8
|
...nextConfig,
|
|
9
9
|
env: combinedEnv
|
|
10
10
|
};
|
|
11
|
-
}
|
|
11
|
+
}
|
|
12
12
|
module.exports = withDirectus;
|
package/lib/withDirectus.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
function withDirectus(nextConfig = {}, pluginOptions = {}) {
|
|
2
2
|
const combinedEnv = {
|
|
3
3
|
...nextConfig.env,
|
|
4
4
|
...pluginOptions
|
|
@@ -7,7 +7,7 @@ const withDirectus = (nextConfig = {}, pluginOptions = {}) => {
|
|
|
7
7
|
...nextConfig,
|
|
8
8
|
env: combinedEnv
|
|
9
9
|
};
|
|
10
|
-
}
|
|
10
|
+
}
|
|
11
11
|
export {
|
|
12
12
|
withDirectus as default
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@okam/directus-next-component",
|
|
3
|
-
"version": "1.8.
|
|
4
|
-
"
|
|
5
|
-
|
|
3
|
+
"version": "1.8.14",
|
|
4
|
+
"repository": {
|
|
5
|
+
"url": "https://github.com/OKAMca/stack.git"
|
|
6
|
+
},
|
|
7
|
+
"sideEffects": false,
|
|
6
8
|
"exports": {
|
|
7
9
|
".": {
|
|
8
10
|
"import": {
|
|
@@ -25,26 +27,29 @@
|
|
|
25
27
|
}
|
|
26
28
|
}
|
|
27
29
|
},
|
|
30
|
+
"main": "./index.js",
|
|
31
|
+
"types": "./index.d.ts",
|
|
32
|
+
"engines": {
|
|
33
|
+
"node": ">=20.19.0"
|
|
34
|
+
},
|
|
28
35
|
"publishConfig": {
|
|
29
36
|
"access": "public"
|
|
30
37
|
},
|
|
31
|
-
"
|
|
32
|
-
"
|
|
38
|
+
"peerDependencies": {
|
|
39
|
+
"next": "^15.1.0 || ^16.0.0",
|
|
40
|
+
"react": "^18.0.0 || ^19.0.0"
|
|
33
41
|
},
|
|
34
42
|
"dependencies": {
|
|
43
|
+
"@okam/directus-next": "1.2.27",
|
|
35
44
|
"@okam/logger": "1.1.0",
|
|
36
|
-
"@okam/next-component": "1.3.
|
|
37
|
-
"@okam/stack-ui": "1.44.
|
|
45
|
+
"@okam/next-component": "1.3.5",
|
|
46
|
+
"@okam/stack-ui": "1.44.4",
|
|
38
47
|
"@react-spring/web": "^10.0.3",
|
|
39
|
-
"next": "^15.0.0",
|
|
48
|
+
"next": "^15.1.0 || ^16.0.0",
|
|
40
49
|
"radashi": "^12.3.0",
|
|
41
|
-
"unlazy": "^0.
|
|
42
|
-
"@okam/directus-next": "1.2.26",
|
|
50
|
+
"unlazy": "^1.0.0",
|
|
43
51
|
"zod": "^4.2.1"
|
|
44
52
|
},
|
|
45
|
-
"peerDependencies": {
|
|
46
|
-
"react": "^18.0.0 || ^19.0.0"
|
|
47
|
-
},
|
|
48
53
|
"devDependencies": {
|
|
49
54
|
"react": "^19.0.0"
|
|
50
55
|
}
|
package/server.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { default as withDirectus } from './lib/withDirectus';
|
|
2
1
|
export { default as DirectusFile } from './components/DirectusFile';
|
|
3
2
|
export { default as DirectusImg } from './components/DirectusImg';
|
|
4
3
|
export { default as DirectusLink } from './components/DirectusLink';
|
|
5
4
|
export { default as DirectusVideo } from './components/DirectusVideo';
|
|
5
|
+
export { default as withDirectus } from './lib/withDirectus';
|
|
6
6
|
export { logger as DirectusNextComponent } from './logger';
|
|
7
7
|
export { getDirectusFile, useDirectusFile } from './utils/getDirectusFile';
|
|
8
8
|
export { getDirectusLink, useDirectusLink } from './utils/getDirectusLink';
|
|
9
|
-
export { getNavigationItems, useNavigationItems } from './utils/getNavigationItems';
|
|
10
9
|
export { getMetadata, useMetadata } from './utils/getDirectusMetadata';
|
|
10
|
+
export { getNavigationItems, useNavigationItems } from './utils/getNavigationItems';
|
package/server.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const withDirectus = require("./lib/withDirectus.js");
|
|
4
3
|
const index = require("./components/DirectusFile/index.js");
|
|
5
4
|
const index$1 = require("./components/DirectusImg/index.js");
|
|
6
5
|
const index$2 = require("./components/DirectusLink/index.js");
|
|
7
6
|
const index$3 = require("./components/DirectusVideo/index.js");
|
|
7
|
+
const withDirectus = require("./lib/withDirectus.js");
|
|
8
8
|
const logger = require("./logger.js");
|
|
9
9
|
const index$4 = require("./utils/getDirectusFile/index.js");
|
|
10
10
|
const index$5 = require("./utils/getDirectusLink/index.js");
|
|
11
|
-
const index$6 = require("./utils/
|
|
12
|
-
const index$7 = require("./utils/
|
|
13
|
-
exports.withDirectus = withDirectus;
|
|
11
|
+
const index$6 = require("./utils/getDirectusMetadata/index.js");
|
|
12
|
+
const index$7 = require("./utils/getNavigationItems/index.js");
|
|
14
13
|
exports.DirectusFile = index;
|
|
15
14
|
exports.DirectusImg = index$1;
|
|
16
15
|
exports.DirectusLink = index$2;
|
|
17
16
|
exports.DirectusVideo = index$3;
|
|
17
|
+
exports.withDirectus = withDirectus;
|
|
18
18
|
exports.DirectusNextComponent = logger.logger;
|
|
19
19
|
exports.getDirectusFile = index$4.getDirectusFile;
|
|
20
20
|
exports.useDirectusFile = index$4.useDirectusFile;
|
|
21
21
|
exports.getDirectusLink = index$5.getDirectusLink;
|
|
22
22
|
exports.useDirectusLink = index$5.useDirectusLink;
|
|
23
|
-
exports.
|
|
24
|
-
exports.
|
|
25
|
-
exports.
|
|
26
|
-
exports.
|
|
23
|
+
exports.getMetadata = index$6.getMetadata;
|
|
24
|
+
exports.useMetadata = index$6.useMetadata;
|
|
25
|
+
exports.getNavigationItems = index$7.getNavigationItems;
|
|
26
|
+
exports.useNavigationItems = index$7.useNavigationItems;
|
package/server.mjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { default as default2 } from "./
|
|
2
|
-
import { default as default3 } from "./components/
|
|
3
|
-
import { default as default4 } from "./components/
|
|
4
|
-
import { default as default5 } from "./components/
|
|
5
|
-
import { default as default6 } from "./
|
|
1
|
+
import { default as default2 } from "./components/DirectusFile/index.mjs";
|
|
2
|
+
import { default as default3 } from "./components/DirectusImg/index.mjs";
|
|
3
|
+
import { default as default4 } from "./components/DirectusLink/index.mjs";
|
|
4
|
+
import { default as default5 } from "./components/DirectusVideo/index.mjs";
|
|
5
|
+
import { default as default6 } from "./lib/withDirectus.mjs";
|
|
6
6
|
import { logger } from "./logger.mjs";
|
|
7
7
|
import { getDirectusFile, useDirectusFile } from "./utils/getDirectusFile/index.mjs";
|
|
8
8
|
import { getDirectusLink, useDirectusLink } from "./utils/getDirectusLink/index.mjs";
|
|
9
|
-
import { getNavigationItems, useNavigationItems } from "./utils/getNavigationItems/index.mjs";
|
|
10
9
|
import { getMetadata, useMetadata } from "./utils/getDirectusMetadata/index.mjs";
|
|
10
|
+
import { getNavigationItems, useNavigationItems } from "./utils/getNavigationItems/index.mjs";
|
|
11
11
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
default2 as DirectusFile,
|
|
13
|
+
default3 as DirectusImg,
|
|
14
|
+
default4 as DirectusLink,
|
|
15
15
|
logger as DirectusNextComponent,
|
|
16
|
-
|
|
16
|
+
default5 as DirectusVideo,
|
|
17
17
|
getDirectusFile,
|
|
18
18
|
getDirectusLink,
|
|
19
19
|
getMetadata,
|
|
@@ -22,5 +22,5 @@ export {
|
|
|
22
22
|
useDirectusLink,
|
|
23
23
|
useMetadata,
|
|
24
24
|
useNavigationItems,
|
|
25
|
-
|
|
25
|
+
default6 as withDirectus
|
|
26
26
|
};
|
package/types/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './links';
|
|
2
|
-
export * from './metadata';
|
|
3
|
-
export * from './navigationItems';
|
|
1
|
+
export type * from './links';
|
|
2
|
+
export type * from './metadata';
|
|
3
|
+
export type * from './navigationItems';
|
package/types/links.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { TFiles, TPageSettings } from '@okam/directus-next';
|
|
2
2
|
import { Nullable } from '@okam/stack-ui';
|
|
3
|
-
|
|
4
3
|
/**
|
|
5
4
|
* Represent the directus `links` collection, not the props of the DirectusLink component
|
|
6
5
|
*/
|
package/types/metadata.d.ts
CHANGED
|
@@ -4,11 +4,10 @@ import { AlternateURLs } from 'next/dist/lib/metadata/types/alternative-urls-typ
|
|
|
4
4
|
import { OpenGraphType } from 'next/dist/lib/metadata/types/opengraph-types';
|
|
5
5
|
import { StaticImageData } from 'next/image';
|
|
6
6
|
import { TDirectusFileProps } from '../components/DirectusFile/interface';
|
|
7
|
-
|
|
8
7
|
/**
|
|
9
8
|
* Configuration options for metadata generation
|
|
10
9
|
*/
|
|
11
|
-
export
|
|
10
|
+
export interface TMetadataOptions {
|
|
12
11
|
/**
|
|
13
12
|
* Default fallback image to use for Open Graph tags when no other image is specified
|
|
14
13
|
*/
|
|
@@ -58,4 +57,4 @@ export type TMetadataOptions = {
|
|
|
58
57
|
* @returns The hostname
|
|
59
58
|
*/
|
|
60
59
|
getHostname: () => string;
|
|
61
|
-
}
|
|
60
|
+
}
|