@atlaskit/editor-plugin-show-diff 9.1.2 → 10.0.0

package/dist/esm/pm-plugins/decorations/createNodeChangedDecorationWidget.js

@@ -8,7 +8,7 @@ import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editingStyle, editingStyleExtended, editingStyleActive, editingStyleActiveExtended, deletedContentStyle, deletedContentStyleActive, deletedContentStyleNew, deletedContentStyleUnbounded, deletedInlineContentStyleExtended } from './colorSchemes/standard';
 import { traditionalInsertStyle, traditionalInsertStyleActive, getDeletedTraditionalInlineStyle, deletedTraditionalContentStyleUnbounded, deletedTraditionalContentStyleUnboundedActive } from './colorSchemes/traditional';
 import { createChangedRowDecorationWidgets } from './createChangedRowDecorationWidgets';
-import { buildDiffDecorationKey, DiffDecorationKey } from './decorationKeys';
+import { buildDiffDecorationSpec } from './decorationKeys';
 import { findSafeInsertPos } from './utils/findSafeInsertPos';
 import { wrapBlockNodeView } from './utils/wrapBlockNodeView';
 var getDeletedContentStyleUnbounded = function getDeletedContentStyleUnbounded(colorScheme) {
@@ -115,7 +115,7 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
   var safeInsertPos = findSafeInsertPos(newDoc, change.fromB, slice);
   var isActive = activeIndexPos && safeInsertPos === activeIndexPos.from && safeInsertPos === activeIndexPos.to;
   if (slice.content.content.length === 0 || shouldSkipDeletedEmptyParagraphDecoration) {
-    return;
+    return [];
   }
   var isTableCellContent = slice.content.content.some(function () {
     return slice.content.content.some(function (siblingNode) {
@@ -128,7 +128,7 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
     });
   });
   if (isTableCellContent) {
-    return;
+    return [];
   }
   if (isTableRowContent) {
     return createChangedRowDecorationWidgets({
@@ -249,14 +249,14 @@ export var createNodeChangedDecorationWidget = function createNodeChangedDecorat
     }
   });
   dom.setAttribute('data-testid', 'show-diff-deleted-decoration');
+  var diffId = crypto.randomUUID();
   var decorations = [];
-  decorations.push(Decoration.widget(safeInsertPos, dom, _objectSpread({
-    key: buildDiffDecorationKey({
-      type: DiffDecorationKey.widget,
-      isActive: isActive
-    })
+  decorations.push(Decoration.widget(safeInsertPos, dom, buildDiffDecorationSpec(_objectSpread({
+    decorationType: 'widget',
+    diffId: diffId,
+    isActive: isActive
   }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) && {
     side: -1
-  })));
+  }))));
   return decorations;
 };

package/dist/esm/pm-plugins/decorations/decorationKeys.js

@@ -1,18 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 /**
  * Shared prefix for every decoration key produced by the show-diff plugin.
  * All keys derive from this, so the full set of plugin decorations can be
  * identified by this single prefix.
  */
-export var DIFF_KEY_PREFIX = 'diff';
+var DIFF_DECORATION_FAMILY = 'diff';
 /**
  * The kinds of decoration the show-diff plugin produces. Each value is the
  * leading segment of the generated key, so a decoration's kind can be matched
  * with `key?.startsWith(DiffDecorationKey.inline)` etc.
  */
 export var DiffDecorationKey = {
-  inline: "".concat(DIFF_KEY_PREFIX, "-inline"),
-  block: "".concat(DIFF_KEY_PREFIX, "-block"),
-  widget: "".concat(DIFF_KEY_PREFIX, "-widget")
+  inline: "".concat(DIFF_DECORATION_FAMILY, "-inline"),
+  block: "".concat(DIFF_DECORATION_FAMILY, "-block"),
+  widget: "".concat(DIFF_DECORATION_FAMILY, "-widget")
 };
 
 /**
@@ -20,7 +24,43 @@ export var DiffDecorationKey = {
  * (e.g. `diff-inline-active`).
  */
 export var buildDiffDecorationKey = function buildDiffDecorationKey(_ref) {
-  var type = _ref.type,
-    isActive = _ref.isActive;
-  return isActive !== undefined ? "".concat(type, "-").concat(isActive ? 'active' : 'inactive') : type;
+  var decorationKeyPrefix = _ref.decorationKeyPrefix,
+    isActive = _ref.isActive,
+    diffId = _ref.diffId;
+  if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
+    return "".concat(decorationKeyPrefix, "-").concat(diffId, "-").concat(isActive ? 'active' : 'inactive');
+  }
+  return isActive !== undefined ? "".concat(decorationKeyPrefix, "-").concat(isActive ? 'active' : 'inactive') : decorationKeyPrefix;
+};
+export var buildDiffDecorationSpec = function buildDiffDecorationSpec(_ref2) {
+  var decorationType = _ref2.decorationType,
+    diffId = _ref2.diffId,
+    isActive = _ref2.isActive,
+    nodeName = _ref2.nodeName,
+    side = _ref2.side;
+  return _objectSpread(_objectSpread({
+    decorationFamily: DIFF_DECORATION_FAMILY,
+    decorationType: decorationType,
+    diffId: diffId,
+    key: buildDiffDecorationKey({
+      decorationKeyPrefix: DiffDecorationKey[decorationType],
+      diffId: diffId,
+      isActive: isActive
+    })
+  }, nodeName ? {
+    nodeName: nodeName
+  } : {}), side !== undefined ? {
+    side: side
+  } : {});
+};
+export var extractDiffDescriptors = function extractDiffDescriptors(decorations) {
+  return decorations.find(undefined, undefined, function (spec) {
+    return spec.decorationFamily === 'diff';
+  }).map(function (_ref3) {
+    var spec = _ref3.spec;
+    return {
+      id: spec.diffId,
+      type: spec.decorationType
+    };
+  });
 };

package/dist/esm/pm-plugins/main.js

@@ -34,7 +34,8 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
         }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
           isInverted: false,
           diffType: 'inline',
-          hideDeletedDiffs: false
+          hideDeletedDiffs: false,
+          diffDescriptors: []
         } : {});
       },
       apply: function apply(tr, currentPluginState, oldState, newState) {
@@ -49,21 +50,26 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
               activeIndex: undefined
             });
             // Calculate and store decorations in state
-            var decorations = calculateDiffDecorations(_objectSpread({
-              state: newState,
-              pluginState: newPluginState,
-              nodeViewSerializer: nodeViewSerializer,
-              colorScheme: config === null || config === void 0 ? void 0 : config.colorScheme,
-              intl: getIntl(),
-              activeIndexPos: newPluginState.activeIndexPos,
-              api: api
-            }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
-              isInverted: (_newPluginState = newPluginState) === null || _newPluginState === void 0 ? void 0 : _newPluginState.isInverted,
-              diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType,
-              hideDeletedDiffs: (_newPluginState3 = newPluginState) === null || _newPluginState3 === void 0 ? void 0 : _newPluginState3.hideDeletedDiffs
-            } : {}));
-            // Update the decorations
+            var _calculateDiffDecorat = calculateDiffDecorations(_objectSpread({
+                state: newState,
+                pluginState: newPluginState,
+                nodeViewSerializer: nodeViewSerializer,
+                colorScheme: config === null || config === void 0 ? void 0 : config.colorScheme,
+                intl: getIntl(),
+                activeIndexPos: newPluginState.activeIndexPos,
+                api: api
+              }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
+                isInverted: (_newPluginState = newPluginState) === null || _newPluginState === void 0 ? void 0 : _newPluginState.isInverted,
+                diffType: (_newPluginState2 = newPluginState) === null || _newPluginState2 === void 0 ? void 0 : _newPluginState2.diffType,
+                hideDeletedDiffs: (_newPluginState3 = newPluginState) === null || _newPluginState3 === void 0 ? void 0 : _newPluginState3.hideDeletedDiffs
+              } : {})),
+              decorations = _calculateDiffDecorat.decorations,
+              diffDescriptors = _calculateDiffDecorat.diffDescriptors;
+            // Update the decorations and their ids
             newPluginState.decorations = decorations;
+            if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
+              newPluginState.diffDescriptors = diffDescriptors;
+            }
           } else if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'HIDE_DIFF') {
             newPluginState = _objectSpread(_objectSpread(_objectSpread({}, currentPluginState), meta), {}, {
               decorations: DecorationSet.empty,
@@ -72,7 +78,8 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
             }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
               isInverted: false,
               diffType: 'inline',
-              hideDeletedDiffs: false
+              hideDeletedDiffs: false,
+              diffDescriptors: []
             } : {});
           } else if ((meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_NEXT' || (meta === null || meta === void 0 ? void 0 : meta.action) === 'SCROLL_TO_PREVIOUS') {
             // Update the active index in plugin state and recalculate decorations
@@ -102,20 +109,25 @@ export var createPlugin = function createPlugin(config, getIntl, api) {
                 } : undefined
               });
               // Recalculate decorations with the new active index
-              var updatedDecorations = calculateDiffDecorations(_objectSpread({
-                state: newState,
-                pluginState: newPluginState,
-                nodeViewSerializer: nodeViewSerializer,
-                colorScheme: config === null || config === void 0 ? void 0 : config.colorScheme,
-                intl: getIntl(),
-                activeIndexPos: newPluginState.activeIndexPos,
-                api: api
-              }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
-                isInverted: newPluginState.isInverted,
-                diffType: newPluginState.diffType,
-                hideDeletedDiffs: newPluginState.hideDeletedDiffs
-              } : {}));
+              var _calculateDiffDecorat2 = calculateDiffDecorations(_objectSpread({
+                  state: newState,
+                  pluginState: newPluginState,
+                  nodeViewSerializer: nodeViewSerializer,
+                  colorScheme: config === null || config === void 0 ? void 0 : config.colorScheme,
+                  intl: getIntl(),
+                  activeIndexPos: newPluginState.activeIndexPos,
+                  api: api
+                }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
+                  isInverted: newPluginState.isInverted,
+                  diffType: newPluginState.diffType,
+                  hideDeletedDiffs: newPluginState.hideDeletedDiffs
+                } : {})),
+                updatedDecorations = _calculateDiffDecorat2.decorations,
+                updatedDiffDescriptors = _calculateDiffDecorat2.diffDescriptors;
               newPluginState.decorations = updatedDecorations;
+              if (expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true)) {
+                newPluginState.diffDescriptors = updatedDiffDescriptors;
+              }
             }
           } else {
             newPluginState = _objectSpread(_objectSpread({}, currentPluginState), meta);

package/dist/esm/showDiffPlugin.js

@@ -61,18 +61,22 @@ export var showDiffPlugin = function showDiffPlugin(_ref) {
     },
     getSharedState: function getSharedState(editorState) {
       if (!editorState) {
-        return {
+        return _objectSpread({
           isDisplayingChanges: false,
           activeIndex: undefined
-        };
+        }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
+          diffDescriptors: []
+        } : {});
       }
       var pluginState = showDiffPluginKey.getState(editorState);
       var decorationCount = getScrollableDecorations(pluginState === null || pluginState === void 0 ? void 0 : pluginState.decorations, editorState.doc);
-      return {
+      return _objectSpread({
         isDisplayingChanges: decorationCount.length > 0,
         activeIndex: pluginState === null || pluginState === void 0 ? void 0 : pluginState.activeIndex,
         numberOfChanges: decorationCount.length
-      };
+      }, expValEquals('platform_editor_diff_plugin_extended', 'isEnabled', true) ? {
+        diffDescriptors: pluginState === null || pluginState === void 0 ? void 0 : pluginState.diffDescriptors
+      } : {});
     }
   };
 };

package/dist/types/pm-plugins/calculateDiff/calculateDiffDecorations.d.ts

@@ -3,9 +3,13 @@ import type { IntlShape } from 'react-intl';
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { ColorScheme, ShowDiffPlugin } from '../../showDiffPluginType';
+import type { ColorScheme, DiffDescriptor, ShowDiffPlugin } from '../../showDiffPluginType';
 import type { ShowDiffPluginState } from '../main';
 import type { NodeViewSerializer } from '../NodeViewSerializer';
+type CalculatedDiffs = {
+    decorations: DecorationSet;
+    diffDescriptors: DiffDescriptor[];
+};
 export declare const calculateDiffDecorations: MemoizedFn<({ state, pluginState, nodeViewSerializer, colorScheme, intl, activeIndexPos, api, hideDeletedDiffs, }: {
     activeIndexPos?: {
         from: number;
@@ -18,4 +22,5 @@ export declare const calculateDiffDecorations: MemoizedFn<({ state, pluginState,
     nodeViewSerializer: NodeViewSerializer;
     pluginState: Omit<ShowDiffPluginState, 'decorations'>;
     state: EditorState;
-}) => DecorationSet>;
+}) => CalculatedDiffs>;
+export {};

package/dist/types/pm-plugins/decorations/createInlineChangedDecoration.d.ts

@@ -15,4 +15,4 @@ export declare const createInlineChangedDecoration: ({ change, colorScheme, isAc
     isActive?: boolean;
     isInserted?: boolean;
     shouldHideDeleted?: boolean;
-}) => Decoration;
+}) => Decoration[];

package/dist/types/pm-plugins/decorations/createNodeChangedDecorationWidget.d.ts

@@ -20,4 +20,4 @@ export declare const createNodeChangedDecorationWidget: ({ change, doc, nodeView
     isInserted?: boolean;
     newDoc: PMNode;
     nodeViewSerializer: NodeViewSerializer;
-}) => Decoration[] | undefined;
+}) => Decoration[];

package/dist/types/pm-plugins/decorations/decorationKeys.d.ts

@@ -1,23 +1,44 @@
+import type { DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import type { DiffDescriptor } from '../../showDiffPluginType';
 /**
  * Shared prefix for every decoration key produced by the show-diff plugin.
  * All keys derive from this, so the full set of plugin decorations can be
  * identified by this single prefix.
  */
-export declare const DIFF_KEY_PREFIX = "diff";
-type DiffDecorationKind = 'inline' | 'block' | 'widget';
-type DiffDecorationKeyType = `${typeof DIFF_KEY_PREFIX}-${DiffDecorationKind}`;
+declare const DIFF_DECORATION_FAMILY: "diff";
+export type DiffDecorationSpec = {
+    decorationFamily: typeof DIFF_DECORATION_FAMILY;
+    decorationType: DiffDescriptor['type'];
+    diffId: string;
+    key: string;
+    nodeName?: string;
+    side?: number;
+};
 /**
  * The kinds of decoration the show-diff plugin produces. Each value is the
  * leading segment of the generated key, so a decoration's kind can be matched
  * with `key?.startsWith(DiffDecorationKey.inline)` etc.
  */
-export declare const DiffDecorationKey: Readonly<Record<DiffDecorationKind, DiffDecorationKeyType>>;
+export declare const DiffDecorationKey: Readonly<{
+    block: `${typeof DIFF_DECORATION_FAMILY}-block`;
+    inline: `${typeof DIFF_DECORATION_FAMILY}-inline`;
+    widget: `${typeof DIFF_DECORATION_FAMILY}-widget`;
+}>;
 /**
  * Builds a decoration key in the form `{type}-{active|inactive}`
  * (e.g. `diff-inline-active`).
  */
-export declare const buildDiffDecorationKey: ({ type, isActive, }: {
+export declare const buildDiffDecorationKey: ({ decorationKeyPrefix, isActive, diffId, }: {
+    decorationKeyPrefix: (typeof DiffDecorationKey)[DiffDescriptor["type"]];
+    diffId?: string;
     isActive?: boolean;
-    type: DiffDecorationKeyType;
 }) => string;
+export declare const buildDiffDecorationSpec: ({ decorationType, diffId, isActive, nodeName, side, }: {
+    decorationType: DiffDescriptor["type"];
+    diffId: string;
+    isActive?: boolean;
+    nodeName?: string;
+    side?: number;
+}) => DiffDecorationSpec;
+export declare const extractDiffDescriptors: (decorations: DecorationSet) => DiffDescriptor[];
 export {};

package/dist/types/pm-plugins/main.d.ts

@@ -5,7 +5,7 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { Step as ProseMirrorStep } from '@atlaskit/editor-prosemirror/transform';
 import { DecorationSet } from '@atlaskit/editor-prosemirror/view';
-import type { DiffParams, DiffType, ShowDiffPlugin } from '../showDiffPluginType';
+import type { DiffDescriptor, DiffParams, DiffType, ShowDiffPlugin } from '../showDiffPluginType';
 export declare const showDiffPluginKey: PluginKey<ShowDiffPluginState>;
 export type ShowDiffPluginState = {
     activeIndex?: number;
@@ -14,6 +14,11 @@ export type ShowDiffPluginState = {
         to: number;
     };
     decorations: DecorationSet;
+    /**
+     * The diff descriptors of the diff decorations currently being displayed.
+     * Only set when `platform_editor_diff_plugin_extended` is on.
+     */
+    diffDescriptors?: DiffDescriptor[];
     diffType?: DiffType;
     hideDeletedDiffs?: boolean;
     isDisplayingChanges: boolean;

package/dist/types/showDiffPluginType.d.ts

@@ -8,6 +8,10 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Step } from '@atlaskit/editor-prosemirror/transform';
 export type ColorScheme = 'standard' | 'traditional';
 export type DiffType = 'inline' | 'block' | 'step';
+export type DiffDescriptor = {
+    id: string;
+    type: 'inline' | 'block' | 'widget';
+};
 export type DiffParams = {
     /**
      * Color scheme to use for displaying diffs.
@@ -55,6 +59,11 @@ export type ShowDiffPlugin = NextEditorPlugin<'showDiff', {
          * The index of the current diff being viewed.
          */
         activeIndex?: number;
+        /**
+         * The diff descriptors of the diff decorations currently being displayed.
+         * Only set when `platform_editor_diff_plugin_extended` is on.
+         */
+        diffDescriptors?: DiffDescriptor[];
         /**
          * Whether the show diff feature is currently displaying changes.
          * Defaults to false.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-show-diff",
-	"version": "9.1.2",
+	"version": "10.0.0",
 	"description": "ShowDiff plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -17,42 +17,34 @@
 	"module": "dist/esm/index.js",
 	"module:es2019": "dist/es2019/index.js",
 	"types": "dist/types/index.d.ts",
-	"typesVersions": {
-		">=4.5 <4.9": {
-			"*": [
-				"dist/types-ts4.5/*",
-				"dist/types-ts4.5/index.d.ts"
-			]
-		}
-	},
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^54.0.0",
-		"@atlaskit/custom-steps": "^0.17.0",
-		"@atlaskit/editor-plugin-analytics": "^11.0.0",
-		"@atlaskit/editor-plugin-expand": "^12.0.0",
-		"@atlaskit/editor-plugin-user-intent": "^9.1.0",
-		"@atlaskit/editor-prosemirror": "^7.3.0",
-		"@atlaskit/editor-tables": "^2.10.0",
-		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^103.0.0",
-		"@atlaskit/tokens": "^13.4.0",
+		"@atlaskit/adf-schema": "^55.0.0",
+		"@atlaskit/custom-steps": "^1.0.0",
+		"@atlaskit/editor-plugin-analytics": "^12.0.0",
+		"@atlaskit/editor-plugin-expand": "^13.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^10.0.0",
+		"@atlaskit/editor-prosemirror": "^8.0.0",
+		"@atlaskit/editor-tables": "^3.0.0",
+		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/tmp-editor-statsig": "^104.0.0",
+		"@atlaskit/tokens": "^14.0.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
 		"prosemirror-changeset": "^2.3.1"
 	},
 	"devDependencies": {
-		"@atlaskit/adf-utils": "^19.33.0",
-		"@atlaskit/button": "^23.11.0",
-		"@atlaskit/css": "^0.19.0",
-		"@atlaskit/editor-core": "^220.4.0",
-		"@atlaskit/editor-json-transformer": "^8.33.0",
-		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/section-message": "^8.13.0",
-		"@atlaskit/textarea": "^8.3.0",
+		"@atlaskit/adf-utils": "^20.0.0",
+		"@atlaskit/button": "^24.0.0",
+		"@atlaskit/css": "^1.0.0",
+		"@atlaskit/editor-core": "^221.0.0",
+		"@atlaskit/editor-json-transformer": "^9.0.0",
+		"@atlaskit/form": "^16.0.0",
+		"@atlaskit/primitives": "^20.0.0",
+		"@atlaskit/section-message": "^9.0.0",
+		"@atlaskit/textarea": "^9.0.0",
 		"@atlassian/confluence-presets": "workspace:^",
 		"@atlassian/content-reconciliation": "^0.1.3506",
 		"@atlassian/structured-docs-types": "workspace:^",
@@ -60,7 +52,7 @@
 		"react-intl": "^6.6.2"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.15.0",
+		"@atlaskit/editor-common": "^116.0.0",
 		"react": "^18.2.0"
 	},
 	"techstack": {