@platecms/delta-smart-text 0.6.0 → 0.7.0

package/__generated__/index.ts

@@ -0,0 +1,2 @@
+export * from "./fragment-masking";
+export * from "./gql";

package/codegen.config.ts

@@ -0,0 +1,24 @@
+import { CodegenConfig } from "@graphql-codegen/cli";
+
+if (import.meta.env.VITE_OATHKEEPER_ENDPOINT === undefined || import.meta.env.CODEGEN_COOKIE === undefined) {
+  throw new Error("Missing 'VITE_OATHKEEPER_ENDPOINT' and/or 'CODEGEN_COOKIE' environment variables");
+}
+
+const CONFIG: CodegenConfig = {
+  overwrite: true,
+  schema: {
+    [import.meta.env.VITE_OATHKEEPER_ENDPOINT]: {
+      headers: {
+        Cookie: import.meta.env.CODEGEN_COOKIE,
+      },
+    },
+  },
+  generates: {
+    "./packages/delta-smart-text/__generated__/": {
+      preset: "client",
+      documents: "packages/delta-smart-text/src/graphql/**/*.gql",
+    },
+  },
+};
+
+export default CONFIG;

package/eslint.config.mjs

@@ -0,0 +1,43 @@
+import {
+  defineConfigWithVueTs,
+  vueTsConfigs,
+} from '@vue/eslint-config-typescript'
+import { globalIgnores } from 'eslint/config'
+import { FlatCompat } from "@eslint/eslintrc";
+import { dirname } from "path";
+import { fileURLToPath } from "url";
+import baseConfig from "../../eslint.base.config.mjs";
+import js from "@eslint/js";
+import pluginVue from 'eslint-plugin-vue'
+
+const compat = new FlatCompat({
+  baseDirectory: dirname(fileURLToPath(import.meta.url)),
+  recommendedConfig: js.configs.recommended,
+});
+
+export default defineConfigWithVueTs(
+  js.configs.recommended,
+  ...baseConfig,
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+  ...compat.extends(
+    "@vue/eslint-config-prettier/skip-formatting",
+  ),
+  {
+    languageOptions: {
+      parserOptions: {
+        project: "packages/delta-smart-text/tsconfig.*?.json",
+      },
+    },
+  },
+  {
+    files: ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx", "**/*.vue"],
+    rules: {
+      "vue/multi-word-component-names": "off",
+      "@typescript-eslint/naming-convention": "off",
+      "@typescript-eslint/strict-boolean-expressions": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+    },
+  },
+  globalIgnores(["**/dist", "__generated__/**/*", "**/vite.config.*.timestamp*", "**/vitest.config.*.timestamp*", "package.json", "**/*.json"]),
+)

package/i18n.js

@@ -0,0 +1,28 @@
+import i18n from "i18next";
+import { initReactI18next } from "react-i18next";
+import enTranslations from "./src/locales/en.json";
+import nlTranslations from "./src/locales/nl.json";
+
+i18n.use(initReactI18next).init({
+  resources: {
+    en: {
+      translation: enTranslations
+    },
+    nl: {
+      translation: nlTranslations
+    },
+  },
+  lng: localStorage.getItem("locale") ?? "en",
+  fallbackLng: "en",
+  interpolation: {
+    escapeValue: false,
+  },
+  defaultNS: false,
+  react: { useSuspense: false },
+});
+
+window.addEventListener("change-locale", (event) => {
+  i18n.changeLanguage(event.detail);
+});
+
+export default i18n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platecms/delta-smart-text",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Provides a component to display smart text by using slate.",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -23,11 +23,11 @@
     "./index.css": "./index.css"
   },
   "dependencies": {
-    "@platecms/delta-cast": "0.6.0",
-    "@platecms/delta-plate-resource-notation": "0.6.0",
+    "@platecms/delta-cast": "0.7.0",
+    "@platecms/delta-plate-resource-notation": "0.7.0",
     "@graphql-codegen/cli": "5.0.7",
     "@graphql-typed-document-node/core": "3.2.0",
-    "@platecms/delta-cast-util-to-plaintext": "0.6.0",
+    "@platecms/delta-cast-util-to-plaintext": "0.7.0",
     "@reduxjs/toolkit": "2.8.2",
     "class-transformer": "0.5.1",
     "graphql": "16.11.0",
@@ -53,4 +53,4 @@
     "@testing-library/react": "16.3.0",
     "react-tooltip": "5.29.1"
   }
-}
+}

package/project.json

@@ -0,0 +1,54 @@
+{
+  "name": "delta-smart-text",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/delta-smart-text/src",
+  "projectType": "library",
+  "tags": [
+    "package",
+    "delta-smart-text"
+  ],
+  "// targets": "to see all targets run: nx show project delta-smart-text --web",
+  "targets": {
+    "codegen": {
+      "outputs": [
+        "{projectRoot}/app/graphql/generated.ts"
+      ],
+      "command": "graphql-codegen --config {projectRoot}/codegen.config.ts"
+    },
+    "build": {
+      "executor": "@nx/vite:build",
+      "outputs": [
+        "{options.outputPath}"
+      ],
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "generated/dist/{projectRoot}"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    },
+    "deploy": {
+      "executor": "nx:run-commands",
+      "dependsOn": [
+        "build"
+      ],
+      "configurations": {
+        "dev": {
+          "command": "is-ci && echo 'Not deployed on dev.'"
+        },
+        "acc": {
+          "command": "echo 'Packages will be published via nx release publish'"
+        },
+        "prod": {
+          "command": "is-ci && echo 'Not deployed on prod.'"
+        }
+      }
+    }
+  }
+}

package/src/components/DeltaSlateEditor.vue

@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import {onMounted} from "vue";
+import {DeltaSlateEditorConnector} from "../react/components/DeltaSlateEditorConnector";
+import { v4 as uuidv4 } from 'uuid'
+import {
+  selectById,
+  setInitialValue,
+} from "../react/store/editorSlice";
+import { store } from "../react/store/store";
+import { setState } from "../react/store/editorSlice";
+import {Descendant} from "slate";
+import watch from "redux-watch";
+import { ApolloClient, NormalizedCacheObject } from "@apollo/client";
+import { Organization } from "../../__generated__/graphql";
+
+let connector: DeltaSlateEditorConnector;
+
+const props = withDefaults(defineProps<{
+  uuid?: string
+  initialValue?: Descendant[]
+  context: HTMLElement | null
+  client: ApolloClient<NormalizedCacheObject>
+  organization: Organization | undefined
+  isDisabled?: boolean
+}>(), {
+  uuid: () => uuidv4(),
+  initialValue: () => [
+    {
+      type: 'paragraph',
+      children: [{ text: '' }],
+    }
+  ],
+})
+
+const tree = defineModel('tree')
+
+defineExpose({
+  setValue: (value: Descendant[]) => {
+    store.dispatch(setState({ uuid: props.uuid, state: { value, initialValue: value } }))
+  },
+  setInitialValue: (value: Descendant[]) => {
+    store.dispatch(setInitialValue({ uuid: props.uuid, initialValue: value }))
+  }
+})
+
+function mountReduxWatchers() {
+  const treeWatcher = watch(() => selectById(store.getState(), props.uuid).value)
+
+  store.subscribe(treeWatcher((newValue) => {
+    tree.value = newValue
+  }))
+}
+
+function setup() {
+  connector = new DeltaSlateEditorConnector(document.getElementById(props.uuid)!, props.uuid, props.client, props.context, props.organization, props.isDisabled)
+  connector.render()
+  
+  store.dispatch(setState({ uuid: props.uuid, state: { initialValue: props.initialValue, value: props.initialValue } }))
+
+  mountReduxWatchers()
+}
+
+onMounted(() => {
+  setup()
+})
+</script>
+
+<template>
+  <div :id="uuid" />
+</template>
+
+<style scoped>
+
+</style>

package/src/components/icon/FontAwesomeIcon.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+
+const props = defineProps<{
+  icon: [string, string]
+  className?: string
+  size?: string
+  spin?: boolean
+}>()
+
+const iconStyle = computed(() => {
+  return props.icon[0] === 'fas' ? 'fa-solid' : 'fa-light'
+})
+
+</script>
+
+<template>
+  <i
+    :class="`${iconStyle} fa-${icon[1]} ${className ?? ''} ${size && size !== 'md' ? `text-${size}` : 'text-[16px]'} ${spin ? 'fa-spin' : ''}`"
+  ></i>
+</template>

package/src/graphql/apiTokens/apiTokens.fragments.gql

@@ -0,0 +1,8 @@
+fragment apiTokenFragment on ApiToken {
+    _id: prn
+    prn
+    name
+    stage
+    createdAt
+    updatedAt
+}

package/src/graphql/assets/assets.fragments.gql

@@ -0,0 +1,10 @@
+fragment assetFragment on Asset {
+    _id: prn
+    prn
+    fileName
+    fileSize
+    mimeType
+    url
+    createdAt
+    updatedAt
+}

package/src/graphql/blueprints/blueprints.fragments.gql

@@ -0,0 +1,52 @@
+fragment blueprintFragment on Blueprint {
+    _id: prn
+    prn
+    name
+    definedBy {
+        prn
+        createdAt
+        updatedAt
+        grid {
+            ...gridFragment,
+            gridPlacements {
+                ...gridPlacementFragment
+                experienceComponent {
+                    ...experienceComponentFragment
+                    buildingBlock {
+                        ...buildingBlockFragment
+                        buildingBlockFields {
+                            ...buildingBlockFieldFragment
+                        }
+                    }
+                    buildingBlockFieldFulfillments {
+                        ...buildingBlockFieldFulfillmentFragment
+                        buildingBlockField {
+                            ...buildingBlockFieldFragment
+                        }
+                        contentValue {
+                            ...contentValueFragment
+                            relatedAsset {
+                                ...assetFragment
+                            }
+                            relatedContentItem {
+                                ...contentItemFragment
+                                contentValues {
+                                    ...contentValueFragment
+                                    contentField {
+                                        ...contentFieldFragment
+                                    }
+                                }
+                            }
+                            contentItem {
+                                prn
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    isFixed
+    createdAt
+    updatedAt
+}

package/src/graphql/buildingBlockFieldFulfillments/buildingBlockFieldFullfillment.fragements.gql

@@ -0,0 +1,6 @@
+fragment buildingBlockFieldFulfillmentFragment on BuildingBlockFieldFulfillment {
+    _id: prn
+    prn
+    createdAt
+    updatedAt
+}

package/src/graphql/buildingBlockFields/buildingBlockField.fragments.gql

@@ -0,0 +1,8 @@
+fragment buildingBlockFieldFragment on BuildingBlockField {
+  _id: prn
+  prn
+  slug
+  title
+  createdAt
+  updatedAt
+}

package/src/graphql/buildingBlocks/buildingBlocks.fragments.gql

@@ -0,0 +1,11 @@
+fragment buildingBlockFragment on BuildingBlock {
+  _id: prn
+  prn
+  slug
+  title
+  preview {
+    ...assetFragment
+  }
+  createdAt
+  updatedAt
+}

package/src/graphql/channels/channels.fragments.gql

@@ -0,0 +1,9 @@
+fragment channelFragment on Channel {
+  _id: prn
+  name
+  domain
+  slug
+  prn
+  updatedAt
+  createdAt
+}

package/src/graphql/contentExperiences/allContentExperiences.query.gql

@@ -0,0 +1,24 @@
+query allContentExperiences(
+  $paginate: PaginationOptionsInput!
+  $where: [ContentExperiencesFilterInput!]
+  $orderBy: OrderOptionsInput
+) {
+  contentExperiences(paginate: $paginate, where: $where, orderBy: $orderBy) {
+    pageInfo {
+      ...pagination
+    }
+    totalCount
+    edges {
+      cursor
+      node {
+        ...contentExperienceFragment
+        pathPart {
+          ...pathPartFragment,
+          channel {
+            ...channelFragment
+          }
+        }
+      }
+    }
+  }
+}

package/src/graphql/contentExperiences/contentExperience.query.gql

@@ -0,0 +1,20 @@
+query contentExperience($prn: [PRN!]!) {
+  contentExperience(prn: $prn) {
+    ...contentExperienceFragment
+    pathPart {
+      ...pathPartFragment,
+      channel {
+        ...channelFragment
+      }
+    }
+    experienceComponent {
+      ...experienceComponentFragment
+      grid {
+        ...gridFragment
+        gridPlacements {
+          ...gridPlacementFragment
+        }
+      }
+    }
+  }
+}

package/src/graphql/contentExperiences/contentExperiences.fragments.gql

@@ -0,0 +1,14 @@
+fragment contentExperienceFragment on ContentExperience {
+  _id: prn
+  slug
+  prn
+  tags {
+    ...tagFragment
+  }
+  title
+  createdAt
+  updatedAt
+  preview {
+    ...assetFragment
+  }
+}

package/src/graphql/contentFields/contentFields.fragments.gql

@@ -0,0 +1,7 @@
+fragment contentFieldFragment on ContentField {
+    _id: prn
+    prn
+    name
+    createdAt
+    updatedAt
+}

package/src/graphql/contentItems/allContentItems.query.gql

@@ -0,0 +1,48 @@
+query allContentItems(
+  $paginate: PaginationOptionsInput!
+  $where: [ContentItemsFilterInput!]
+  $orderBy: OrderOptionsInput
+) {
+  contentItems(paginate: $paginate, where: $where, orderBy: $orderBy) {
+    pageInfo {
+      ...pagination
+    }
+    totalCount
+    edges {
+      cursor
+      node {
+        ...contentItemFragment
+        displayImage {
+          ...assetFragment
+        }
+        contentValues {
+          ...contentValueFragment
+          contentField {
+            ...contentFieldFragment
+            contentValidationRules {
+              ...contentValidationRuleFragment
+            }
+          }
+          relatedAsset {
+            ...assetFragment
+          }
+          relatedContentItem {
+            ...contentItemFragment
+            contentValues {
+              ...contentValueFragment
+            }
+          }
+        }
+        contentType {
+          ...contentTypeFragment
+          contentFields {
+            ...contentFieldFragment
+          }
+        }
+        tags {
+          ...tagFragment
+        }
+      }
+    }
+  }
+}

package/src/graphql/contentItems/contentItems.fragments.gql

@@ -0,0 +1,11 @@
+fragment contentItemFragment on ContentItem {
+  _id: prn
+  prn
+  isDraft
+  displayName
+  displayImage {
+    ...assetFragment
+  }
+  updatedAt
+  createdAt
+}

package/src/graphql/contentTypes/allContentTypes.query.gql

@@ -0,0 +1,26 @@
+query allContentTypes(
+  $paginate: PaginationOptionsInput!, $where: [ContentTypesFilterInput!], $orderBy: OrderOptionsInput!
+) {
+  contentTypes(
+    paginate: $paginate
+    where: $where
+    orderBy: $orderBy
+  ) {
+    pageInfo {
+      ...pagination
+    }
+    totalCount
+    edges {
+      cursor
+      node {
+        ...contentTypeFragment
+        contentFields {
+          ...contentFieldFragment
+          contentValidationRules {
+            ...contentValidationRuleFragment
+          }
+        }
+      }
+    }
+  }
+}

package/src/graphql/contentTypes/contentTypes.fragments.gql

@@ -0,0 +1,11 @@
+fragment contentTypeFragment on ContentType {
+    _id: prn
+    prn
+    name
+    displayNameTemplate
+    displayImageField {
+        ...contentFieldFragment
+    }
+    createdAt
+    updatedAt
+}

package/src/graphql/contentValidations/contentValidationRule.fragments.gql

@@ -0,0 +1,34 @@
+fragment contentValidationRuleFragment on ContentValidationRule {
+  _id: prn
+  prn
+  ruleType
+  settings {
+    ... on CountContentValidationRuleSettings {
+      min
+      max
+    }
+    ... on ValueTypeContentValidationRuleSettings {
+      allowedTypes
+    }
+    ... on AllowedValuesContentValidationRuleSettings {
+      allowedValues
+    }
+    ... on DateBetweenContentValidationRuleSettings {
+      start
+      end
+    }
+    ... on DecimalCountContentValidationRuleSettings {
+      max
+    }
+    ... on NumberBetweenContentValidationRuleSettings {
+      min
+      max
+    }
+    ... on RelatableContentTypesContentValidationRuleSettings {
+      allowedContentTypes
+    }
+    ... on StringFormatContentValidationRuleSettings {
+      allowedFormat
+    }
+  }
+}

package/src/graphql/contentValues/allContentValues.query.gql

@@ -0,0 +1,41 @@
+query allContentValues(
+    $paginate: PaginationOptionsInput!, $where: [ContentValuesFilterInput!], $orderBy: OrderOptionsInput
+) {
+    contentValues(
+        paginate: $paginate
+        where: $where
+        orderBy: $orderBy
+    ) {
+        pageInfo {
+            ...pagination
+        }
+        totalCount
+        edges {
+            cursor
+            node {
+                ...contentValueFragment
+                contentField {
+                    ...contentFieldFragment
+                }
+                contentItem {
+                    ...contentItemFragment
+                    contentType {
+                        ...contentTypeFragment
+                    }
+                }
+                relatedAsset {
+                    ...assetFragment
+                }
+                linkedGridPlacement {
+                    ...gridPlacementFragment
+                }
+                linkedPathPart {
+                    ...pathPartFragment
+                }
+                relatedContentItem {
+                    ...contentItemFragment
+                }
+            }
+        }
+    }
+}

package/src/graphql/contentValues/contentValues.fragments.gql

@@ -0,0 +1,9 @@
+fragment contentValueFragment on ContentValue {
+    _id: prn
+    prn
+    primitiveValue
+    interpolatedSmartText
+    isReusable
+    createdAt
+    updatedAt
+}

package/src/graphql/contentValues/createContentValue.mutation.gql

@@ -0,0 +1,17 @@
+mutation createContentValue($createContentValueInput: [CreateContentValueInput!]!) {
+  createContentValue(input: $createContentValueInput) {
+    ...contentValueFragment
+    relatedAsset {
+      ...assetFragment
+    }
+    relatedContentItem {
+      ...contentItemFragment
+    },
+    linkedGridPlacement {
+      ...gridPlacementFragment
+    }
+    linkedPathPart {
+      ...pathPartFragment
+    }
+  }
+}