aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/client/util/InteractionUtils.tsx1
-rw-r--r--src/client/views/GestureOverlay.tsx2
-rw-r--r--src/client/views/InkTranscription.tsx30
-rw-r--r--src/client/views/LightboxView.tsx3
-rw-r--r--src/client/views/Touchable.tsx2
-rw-r--r--src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx4
-rw-r--r--src/client/views/nodes/DocumentLinksButton.tsx2
-rw-r--r--src/client/views/nodes/button/FontIconBox.tsx54
8 files changed, 44 insertions, 54 deletions
diff --git a/src/client/util/InteractionUtils.tsx b/src/client/util/InteractionUtils.tsx
index 675dff00b..e2c5fab64 100644
--- a/src/client/util/InteractionUtils.tsx
+++ b/src/client/util/InteractionUtils.tsx
@@ -357,6 +357,7 @@ export namespace InteractionUtils {
}
export function IsDragging(oldTouches: Map<number, React.Touch>, newTouches: React.Touch[], leniency: number): boolean {
+ console.log("getting here");
for (const touch of newTouches) {
if (touch) {
const oldTouch = oldTouches.get(touch.identifier);
diff --git a/src/client/views/GestureOverlay.tsx b/src/client/views/GestureOverlay.tsx
index fc0a214a6..13fa62048 100644
--- a/src/client/views/GestureOverlay.tsx
+++ b/src/client/views/GestureOverlay.tsx
@@ -210,7 +210,7 @@ export class GestureOverlay extends Touchable {
const nts: any = this.getNewTouches(e);
this._holdTimer && clearTimeout(this._holdTimer);
this._holdTimer = undefined;
-
+
document.dispatchEvent(
new CustomEvent<InteractionUtils.MultiTouchEvent<TouchEvent>>("dashOnTouchMove",
{
diff --git a/src/client/views/InkTranscription.tsx b/src/client/views/InkTranscription.tsx
index df3a1acb3..e14a933a0 100644
--- a/src/client/views/InkTranscription.tsx
+++ b/src/client/views/InkTranscription.tsx
@@ -6,7 +6,7 @@ import { InkData, InkField } from "../../fields/InkField";
import { Cast, DateCast, NumCast } from '../../fields/Types';
import { DocumentType } from "../documents/DocumentTypes";
import './InkTranscription.scss';
-import { Utils } from '../../Utils';
+import { aggregateBounds, Utils } from '../../Utils';
import { timesSeries } from 'async';
export class InkTranscription extends React.Component {
@@ -16,13 +16,19 @@ export class InkTranscription extends React.Component {
@observable _mathRef: any;
@observable _textRegister: any;
@observable _textRef: any;
+ private lastJiix: any;
private currGroup?: Doc;
+ private wordsBoundMapping: any;
+ private inkDocs: Doc[];
+ private ffView: any;
private containingLayout?: Doc;
constructor(props: Readonly<{}>) {
super(props);
InkTranscription.Instance = this;
+ this.wordsBoundMapping = new Map<any, any>();
+ this.inkDocs = new Array<Doc>();
}
componentWillUnmount() {
@@ -102,11 +108,13 @@ export class InkTranscription extends React.Component {
transcribeInk = (groupDoc: Doc | undefined, containingLayout: Doc, inkDocs: Doc[], math: boolean) => {
if (!groupDoc) return;
+ this.inkDocs = inkDocs;
const validInks = inkDocs.filter(s => s.type === DocumentType.INK);
const strokes: InkData[] = [];
const times: number[] = [];
+ console.log(validInks);
validInks.filter(i => Cast(i.data, InkField)).forEach(i => {
const d = Cast(i.data, InkField, null);
const left = Math.min(...d?.inkData.map(pd => pd.X) ?? [0]);
@@ -146,8 +154,20 @@ export class InkTranscription extends React.Component {
};
}
+ mmToPixel = (mm: number) => {
+ return ((96 * mm) / 25.4);
+ }
+
+ calcBounds = (coords: any) => {
+ // find max and min x values and subtract
+ const max = Math.max(...coords);
+ const min = Math.min(...coords);
+ return max - min;
+ }
+
exportInk = (e: any, ref: any) => {
const exports = e.detail.exports;
+ console.log(e);
if (exports) {
if (exports['application/x-latex']) {
const latex = exports['application/x-latex'];
@@ -161,6 +181,13 @@ export class InkTranscription extends React.Component {
ref.editor.clear();
}
else if (exports['text/plain']) {
+ if (exports['application/vnd.myscript.jiix']) {
+ this.lastJiix = JSON.parse(exports['application/vnd.myscript.jiix']);
+ // map timestamp to strokes
+ // we can iterate through docs and for each doc index into the map by timestamp
+
+ // final mapping should be word to inkDoc
+ }
const text = exports['text/plain'];
// console.log(text);
@@ -169,6 +196,7 @@ export class InkTranscription extends React.Component {
}
if (this.currGroup) {
+ console.log("curr grouping");
this.currGroup.text = text;
this.currGroup.title = text.split("\n")[0];
}
diff --git a/src/client/views/LightboxView.tsx b/src/client/views/LightboxView.tsx
index ec3bf6c18..c8f6b5f0b 100644
--- a/src/client/views/LightboxView.tsx
+++ b/src/client/views/LightboxView.tsx
@@ -5,7 +5,7 @@ import "normalize.css";
import * as React from 'react';
import { Doc, DocListCast, Opt } from '../../fields/Doc';
import { Cast, NumCast, StrCast } from '../../fields/Types';
-import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnTrue } from '../../Utils';
+import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnTrue, Utils } from '../../Utils';
import { DocUtils } from '../documents/Documents';
import { DocumentManager } from '../util/DocumentManager';
import { LinkManager } from '../util/LinkManager';
@@ -17,6 +17,7 @@ import "./LightboxView.scss";
import { DocumentView } from './nodes/DocumentView';
import { DefaultStyleProvider, wavyBorderPath } from './StyleProvider';
import { CollectionMenu } from './collections/CollectionMenu';
+import { utils } from 'mocha';
interface LightboxViewProps {
PanelWidth: number;
diff --git a/src/client/views/Touchable.tsx b/src/client/views/Touchable.tsx
index 789756a78..c712e7ed3 100644
--- a/src/client/views/Touchable.tsx
+++ b/src/client/views/Touchable.tsx
@@ -127,11 +127,13 @@ export abstract class Touchable<T = {}> extends React.Component<T> {
}
handle1PointerMove = (e: TouchEvent, me: InteractionUtils.MultiTouchEvent<TouchEvent>): any => {
+ console.log("getting to handle1PointersMove");
e.stopPropagation();
e.preventDefault();
}
handle2PointersMove = (e: TouchEvent, me: InteractionUtils.MultiTouchEvent<TouchEvent>): any => {
+ console.log("getting to handle2PointersMove");
e.stopPropagation();
e.preventDefault();
}
diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
index 3c5cdb444..3a5911fc9 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.tsx
@@ -700,9 +700,9 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection
@action
onPointerMove = (e: PointerEvent): void => {
+ console.log("this is onPointerMove");
if (InteractionUtils.IsType(e, InteractionUtils.PENTYPE)) return;
if (InteractionUtils.IsType(e, InteractionUtils.TOUCHTYPE)) {
- console.log("is touch");
Doc.UserDoc().activeInkTool = InkTool.None;
if (this.props.isContentActive(true)) e.stopPropagation();
} else if (!e.cancelBubble) {
@@ -823,6 +823,7 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection
}
handle1PointerMove = (e: TouchEvent, me: InteractionUtils.MultiTouchEvent<TouchEvent>) => {
+ console.log("getting here yeet");
if (!e.cancelBubble) {
const myTouches = InteractionUtils.GetMyTargetTouches(me, this.prevPoints, true);
if (myTouches[0]) {
@@ -834,6 +835,7 @@ export class CollectionFreeFormView extends CollectionSubView<Partial<collection
document.removeEventListener("pointerup", this.onPointerUp);
return;
}
+ // TODO: nda - this allows us to pan collections with finger -> only want to do this when collection is selected'
this.pan(myTouches[0]);
}
}
diff --git a/src/client/views/nodes/DocumentLinksButton.tsx b/src/client/views/nodes/DocumentLinksButton.tsx
index 7e6ca4248..f9d2b9917 100644
--- a/src/client/views/nodes/DocumentLinksButton.tsx
+++ b/src/client/views/nodes/DocumentLinksButton.tsx
@@ -21,6 +21,8 @@ import { LinkDescriptionPopup } from "./LinkDescriptionPopup";
import { TaskCompletionBox } from "./TaskCompletedBox";
import React = require("react");
import { Transform } from "../../util/Transform";
+import { InkTool } from "../../../fields/InkField";
+import { CurrentUserUtils } from "../../util/CurrentUserUtils";
const higflyout = require("@hig/flyout");
export const { anchorPoints } = higflyout;
diff --git a/src/client/views/nodes/button/FontIconBox.tsx b/src/client/views/nodes/button/FontIconBox.tsx
index aca393c1a..1c2a22226 100644
--- a/src/client/views/nodes/button/FontIconBox.tsx
+++ b/src/client/views/nodes/button/FontIconBox.tsx
@@ -757,6 +757,10 @@ export function createInkGroup(inksToGroup?: Doc[]) {
ffView.props.removeDocument?.(selected);
// TODO: nda - this is the code to actually get a new grouped collection
const newCollection = marqViewRef?.getCollection(selected, undefined, [], true);
+ if (newCollection) {
+ newCollection.height = newCollection[HeightSym]();
+ newCollection.width = newCollection[WidthSym]();
+ }
// nda - bug: when deleting a stroke before leaving writing mode, delete the stroke from unprocessed ink docs
newCollection && ffView.props.addDocument?.(newCollection);
@@ -778,56 +782,6 @@ export function createInkGroup(inksToGroup?: Doc[]) {
ScriptingGlobals.add(function setActiveInkTool(tool: string, checkResult?: boolean) {
createInkGroup();
- // if (CurrentUserUtils.SelectedTool === InkTool.Write) {
- // CollectionFreeFormView.collectionsWithUnprocessedInk.forEach(ffView => {
- // const selected = ffView.unprocessedDocs;
- // // loop through selected an get the bound
- // const bounds: { x: number, y: number, width?: number, height?: number }[] = []
-
- // selected.map(action(d => {
- // const x = NumCast(d.x);
- // const y = NumCast(d.y);
- // const width = d[WidthSym]();
- // const height = d[HeightSym]();
- // bounds.push({x, y, width, height});
- // }))
-
- // const aggregBounds = aggregateBounds(bounds, 0, 0);
- // const marqViewRef = ffView._marqueeViewRef.current;
-
- // // set the vals for bounds in marqueeView
- // if (marqViewRef) {
- // marqViewRef._downX = aggregBounds.x;
- // marqViewRef._downY = aggregBounds.y;
- // marqViewRef._lastX = aggregBounds.r;
- // marqViewRef._lastY = aggregBounds.b;
- // }
-
- // selected.map(action(d => {
- // const dx = NumCast(d.x);
- // const dy = NumCast(d.y);
- // delete d.x;
- // delete d.y;
- // delete d.activeFrame;
- // delete d._timecodeToShow; // bcz: this should be automatic somehow.. along with any other properties that were logically associated with the original collection
- // delete d._timecodeToHide; // bcz: this should be automatic somehow.. along with any other properties that were logically associated with the original collection
- // // calculate pos based on bounds
- // if (marqViewRef?.Bounds) {
- // d.x = dx - marqViewRef.Bounds.left - marqViewRef.Bounds.width / 2;
- // d.y = dy - marqViewRef.Bounds.top - marqViewRef.Bounds.height / 2;
- // }
- // return d;
- // }));
- // ffView.props.removeDocument?.(selected);
- // // TODO: nda - this is the code to actually get a new grouped collection
- // const newCollection = marqViewRef?.getCollection(selected, undefined, [], true);
-
- // // nda - bug: when deleting a stroke before leaving writing mode, delete the stroke from unprocessed ink docs
- // newCollection && ffView.props.addDocument?.(newCollection);
- // ffView.unprocessedDocs = [];
- // });
- // }
- // CollectionFreeFormView.collectionsWithUnprocessedInk.clear();
if (checkResult) {
return ((Doc.UserDoc().activeInkTool === tool && !GestureOverlay.Instance?.InkShape) || GestureOverlay.Instance?.InkShape === tool) ?
generated by cgit v1.2.3-70-g09d2 (git 2.46.0) at 2025-10-14 19:26:15 +0000