From 004fc796cad3bbe4598e7f163979030ecf36ad65 Mon Sep 17 00:00:00 2001
From: Henning Perl <henning.perl@ory.sh>
Date: Fri, 8 Mar 2024 08:33:36 +0100
Subject: [PATCH 1/3] fix by adding script and ts-nocheck

---
 package-lock.json   |   4 +-
 src/pkg/index.ts    |   9 +--
 src/pkg/ui_nodes.ts | 189 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 193 insertions(+), 9 deletions(-)
 create mode 100644 src/pkg/ui_nodes.ts

diff --git a/package-lock.json b/package-lock.json
index be3fbfcc..1e99a3b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@ory/kratos-selfservice-ui-node",
-  "version": "0.13.0-25",
+  "version": "0.14.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@ory/kratos-selfservice-ui-node",
-      "version": "0.13.0-25",
+      "version": "0.14.0",
       "license": "Apache-2.0",
       "dependencies": {
         "@ory/client": "1.6.2",
diff --git a/src/pkg/index.ts b/src/pkg/index.ts
index 46df7e6a..9c1a71b5 100644
--- a/src/pkg/index.ts
+++ b/src/pkg/index.ts
@@ -2,18 +2,13 @@
 // SPDX-License-Identifier: Apache-2.0
 import { RouteOptionsCreator } from "./route"
 import sdk, { apiBaseUrl } from "./sdk"
+import { filterNodesByGroups } from "./ui_nodes"
 import {
   UiNode,
   ErrorAuthenticatorAssuranceLevelNotSatisfied,
   OAuth2LogoutRequest,
 } from "@ory/client"
-import {
-  ButtonLink,
-  Divider,
-  MenuLink,
-  Typography,
-  filterNodesByGroups,
-} from "@ory/elements-markup"
+import { ButtonLink, Divider, MenuLink, Typography } from "@ory/elements-markup"
 import { AxiosError } from "axios"
 import { NextFunction, Response } from "express"
 import { UnknownObject } from "express-handlebars/types"
diff --git a/src/pkg/ui_nodes.ts b/src/pkg/ui_nodes.ts
new file mode 100644
index 00000000..81566cc3
--- /dev/null
+++ b/src/pkg/ui_nodes.ts
@@ -0,0 +1,189 @@
+// @ts-nocheck
+import {
+  UiNode,
+  UiNodeAnchorAttributes,
+  UiNodeAttributes,
+  UiNodeGroupEnum,
+  UiNodeImageAttributes,
+  UiNodeInputAttributes,
+  UiNodeInputAttributesTypeEnum,
+  UiNodeScriptAttributes,
+  UiNodeTextAttributes,
+} from "@ory/client"
+
+/**
+ * Returns the node's label.
+ *
+ * @param node
+ * @return label
+ */
+export const getNodeLabel = (node: UiNode): string => {
+  const attributes = node.attributes
+  if (isUiNodeAnchorAttributes(attributes)) {
+    return attributes.title.text
+  }
+
+  if (isUiNodeImageAttributes(attributes)) {
+    return node.meta.label?.text || ""
+  }
+
+  if (isUiNodeInputAttributes(attributes)) {
+    if (attributes.label?.text) {
+      return attributes.label.text
+    }
+  }
+
+  return node.meta.label?.text || ""
+}
+
+/**
+ * A TypeScript type guard for nodes of the type <a>
+ *
+ * @param attrs
+ */
+export function isUiNodeAnchorAttributes(
+  attrs: UiNodeAttributes,
+): attrs is UiNodeAnchorAttributes {
+  return attrs.node_type === "a"
+}
+
+/**
+ * A TypeScript type guard for nodes of the type <img>
+ *
+ * @param attrs
+ */
+export function isUiNodeImageAttributes(
+  attrs: UiNodeAttributes,
+): attrs is UiNodeImageAttributes {
+  return attrs.node_type === "img"
+}
+
+/**
+ * A TypeScript type guard for nodes of the type <input>
+ *
+ * @param attrs
+ */
+export function isUiNodeInputAttributes(
+  attrs: UiNodeAttributes,
+): attrs is UiNodeInputAttributes {
+  return attrs.node_type === "input"
+}
+
+/**
+ * A TypeScript type guard for nodes of the type <span>{text}</span>
+ *
+ * @param attrs
+ */
+export function isUiNodeTextAttributes(
+  attrs: UiNodeAttributes,
+): attrs is UiNodeTextAttributes {
+  return attrs.node_type === "text"
+}
+
+/**
+ * A TypeScript type guard for nodes of the type <script>
+ *
+ * @param attrs
+ */
+export function isUiNodeScriptAttributes(
+  attrs: UiNodeAttributes,
+): attrs is UiNodeScriptAttributes {
+  return attrs.node_type === "script"
+}
+
+/**
+ * Returns a node's ID.
+ *
+ * @param attributes
+ */
+export function getNodeId({ attributes }: UiNode) {
+  if (isUiNodeInputAttributes(attributes)) {
+    return attributes.name
+  } else {
+    return attributes.id
+  }
+}
+
+/**
+ * Return the node input attribute type
+ * In <input> elements we have a variety of types, such as text, password, email, etc.
+ * When the attribute is null or the `type` attribute is not present, we assume it has no defined type.
+ * @param attr
+ * @returns type of node
+ */
+export const getNodeInputType = (attr: any): string => attr?.["type"] ?? ""
+
+export type FilterNodesByGroups = {
+  nodes: Array<UiNode>
+  groups?: Array<UiNodeGroupEnum | string> | UiNodeGroupEnum | string
+  withoutDefaultGroup?: boolean
+  attributes?:
+    | Array<UiNodeInputAttributesTypeEnum | string>
+    | UiNodeInputAttributesTypeEnum
+    | string
+  withoutDefaultAttributes?: boolean
+  excludeAttributes?:
+    | Array<UiNodeInputAttributesTypeEnum | string>
+    | UiNodeInputAttributesTypeEnum
+    | string
+}
+
+/**
+ * Filters nodes by their groups and attributes.
+ * If no filtering options are specified, all nodes are returned.
+ * Will always add default nodes unless `withoutDefaultGroup` is true.
+ * Will always add default attributes unless `withoutDefaultAttributes` is true.
+ * @param {Object} filterNodesByGroups - An object containing the nodes and the filtering options.
+ * @param {Array<UiNode>} filterNodesByGroups.nodes - An array of nodes.
+ * @param {Array<UiNodeGroupEnum | string> | string} filterNodesByGroups.groups - An array or comma seperated strings of groups to filter by.
+ * @param {boolean} filterNodesByGroups.withoutDefaultGroup - If true, will not add default nodes under the 'default' category.
+ * @param {Array<UiNodeInputAttributesTypeEnum | string> | string} filterNodesByGroups.attributes - An array or comma seperated strings of attributes to filter by.
+ * @param {boolean} filterNodesByGroups.withoutDefaultAttributes - If true, will not add default attributes such as 'hidden' and 'script'.
+ */
+export const filterNodesByGroups = ({
+  nodes,
+  groups,
+  withoutDefaultGroup,
+  attributes,
+  withoutDefaultAttributes,
+  excludeAttributes,
+}: FilterNodesByGroups) => {
+  const search = (s: Array<string> | string) =>
+    typeof s === "string" ? s.split(",") : s
+
+  return nodes.filter(({ group, attributes: attr }) => {
+    // if we have not specified any group or attribute filters, return all nodes
+    if (!groups && !attributes && !excludeAttributes) return true
+
+    const g = search(groups) || []
+    if (!withoutDefaultGroup) {
+      g.push("default")
+    }
+
+    // filter the attributes
+    const a = search(attributes) || []
+    if (!withoutDefaultAttributes) {
+      // always add hidden fields e.g. csrf
+      if (group.includes("default")) {
+        a.push("hidden")
+      }
+      // automatically add the necessary fields for webauthn and totp
+      if (group.includes("webauthn") || group.includes("totp")) {
+        a.push("input", "script")
+      }
+    }
+
+    // filter the attributes to exclude
+    const ea = search(excludeAttributes) || []
+
+    const filterGroup = groups ? g.includes(group) : true
+    const filterAttributes = attributes
+      ? a.includes(getNodeInputType(attr))
+      : true
+    const filterExcludeAttributes = excludeAttributes
+      ? !ea.includes(getNodeInputType(attr))
+      : true
+
+    return filterGroup && filterAttributes && filterExcludeAttributes
+  })
+}

From 83b2eccf0e7ddf74efbff9132ca360e3a5d465f5 Mon Sep 17 00:00:00 2001
From: Henning Perl <henning.perl@ory.sh>
Date: Fri, 8 Mar 2024 08:34:48 +0100
Subject: [PATCH 2/3] chore: format

---
 src/pkg/ui_nodes.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pkg/ui_nodes.ts b/src/pkg/ui_nodes.ts
index 81566cc3..e0198f18 100644
--- a/src/pkg/ui_nodes.ts
+++ b/src/pkg/ui_nodes.ts
@@ -1,3 +1,5 @@
+// Copyright © 2024 Ory Corp
+// SPDX-License-Identifier: Apache-2.0
 // @ts-nocheck
 import {
   UiNode,

From 6ed592b24a5cfd61f06574b4d7cd0e70937c7d20 Mon Sep 17 00:00:00 2001
From: Henning Perl <henning.perl@ory.sh>
Date: Fri, 8 Mar 2024 08:47:56 +0100
Subject: [PATCH 3/3] remove ts-nocheck

---
 src/pkg/ui_nodes.ts | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/pkg/ui_nodes.ts b/src/pkg/ui_nodes.ts
index e0198f18..9871eeb8 100644
--- a/src/pkg/ui_nodes.ts
+++ b/src/pkg/ui_nodes.ts
@@ -1,6 +1,5 @@
 // Copyright © 2024 Ory Corp
 // SPDX-License-Identifier: Apache-2.0
-// @ts-nocheck
 import {
   UiNode,
   UiNodeAnchorAttributes,
@@ -45,7 +44,7 @@ export const getNodeLabel = (node: UiNode): string => {
  */
 export function isUiNodeAnchorAttributes(
   attrs: UiNodeAttributes,
-): attrs is UiNodeAnchorAttributes {
+): attrs is UiNodeAnchorAttributes & { node_type: "a" } {
   return attrs.node_type === "a"
 }
 
@@ -56,7 +55,7 @@ export function isUiNodeAnchorAttributes(
  */
 export function isUiNodeImageAttributes(
   attrs: UiNodeAttributes,
-): attrs is UiNodeImageAttributes {
+): attrs is UiNodeImageAttributes & { node_type: "img" } {
   return attrs.node_type === "img"
 }
 
@@ -67,7 +66,7 @@ export function isUiNodeImageAttributes(
  */
 export function isUiNodeInputAttributes(
   attrs: UiNodeAttributes,
-): attrs is UiNodeInputAttributes {
+): attrs is UiNodeInputAttributes & { node_type: "input" } {
   return attrs.node_type === "input"
 }
 
@@ -78,7 +77,7 @@ export function isUiNodeInputAttributes(
  */
 export function isUiNodeTextAttributes(
   attrs: UiNodeAttributes,
-): attrs is UiNodeTextAttributes {
+): attrs is UiNodeTextAttributes & { node_type: "text" } {
   return attrs.node_type === "text"
 }
 
@@ -89,7 +88,7 @@ export function isUiNodeTextAttributes(
  */
 export function isUiNodeScriptAttributes(
   attrs: UiNodeAttributes,
-): attrs is UiNodeScriptAttributes {
+): attrs is UiNodeScriptAttributes & { node_type: "script" } {
   return attrs.node_type === "script"
 }
 
@@ -150,8 +149,10 @@ export const filterNodesByGroups = ({
   withoutDefaultAttributes,
   excludeAttributes,
 }: FilterNodesByGroups) => {
-  const search = (s: Array<string> | string) =>
-    typeof s === "string" ? s.split(",") : s
+  const search = (s: Array<string> | string | undefined) => {
+    if (!s) return []
+    return typeof s === "string" ? s.split(",") : s
+  }
 
   return nodes.filter(({ group, attributes: attr }) => {
     // if we have not specified any group or attribute filters, return all nodes