@mirage-engine/core 0.2.2 → 0.3.0

package/src/types/attributes.ts

@@ -0,0 +1,57 @@
+const filter_values = {
+  INCLUDE_TREE: "include-tree",
+  EXCLUDE_TREE: "exclude-tree",
+  INCLUDE_SELF: "include-self",
+  EXCLUDE_SELF: "exclude-self",
+  END: "end",
+};
+
+export const ATTR_DOM = {
+  NAME: "data-mirage-dom",
+  KEY: "mirageDom",
+  VALUES: {
+    HIDE: "hide",
+  },
+} as const;
+
+export const TRAVEL_VALUES = {
+  TRAVELER: "traveler",
+  NATIVE: "native",
+  CAPTURE_1: "1",
+  CAPTURE_2: "2",
+  CAPTURE_3: "3",
+  CAPTURE_4: "4",
+  CAPTURE_5: "5",
+} as const;
+
+export const ATTR_TRAVEL = {
+  NAME: "data-mirage-travel",
+  KEY: "mirageTravel",
+  VALUES: TRAVEL_VALUES,
+  MAX_LAYERS: Object.keys(TRAVEL_VALUES).length - 1,
+} as const;
+
+export const ATTR_FILTER = {
+  NAME: "data-mirage-filter",
+  KEY: "mirageFilter",
+  VALUES: filter_values,
+} as const;
+
+export const ATTR_SELECT = {
+  NAME: "data-mirage-select",
+  KEY: "mirageSelect",
+  VALUES: filter_values,
+} as const;
+
+export const ATTR_SHADER = {
+  NAME: "data-mirage-shader",
+  KEY: "mirageShader",
+} as const;
+
+export const ATTR_SANDWICH = {
+  NAME: "data-mirage-sandwich",
+  KEY: "mirageSandwich",
+  VALUES: {
+    FRONT: "front",
+  },
+} as const;

package/src/types/common.ts

@@ -27,6 +27,10 @@ export interface SceneNode {
 
   visibility: Visibility;
   isTraveler: boolean;
+  captureLayer: number;
+  nativeLayer?: number;
+  nativeStyles?: BoxStyles | TextStyles;
+  nativeRect?: NodeRect;
   isFixed: boolean;
   shaderHooks?: ShaderHooks;
 

package/src/types/config.ts

@@ -1,31 +1,26 @@
 export type Quality = "low" | "medium" | "high" | number;
+export type LayerTarget = "base" | "selected"
 export type MirageMode = "overlay" | "duplicate";
 export type PxUnit = `${number}px`;
 export type PercentUnit = `${number}%`;
 export type travelerClipArea = PxUnit | PercentUnit | number;
-export interface FilterConfig {
-  includeTree?: string[];
-  excludeTree?: string[];
-  includeSelf?: string[];
-  excludeSelf?: string[];
-  end?: string[];
-}
-
 export interface ResizeConfig {
   delay?: number;
   onStart?: () => void;
   onEnd?: () => void;
 }
 
+
+
 interface BaseConfig {
   debug?: boolean;
+  layer?: number | LayerTarget;
   quality?: Quality;
   style?: {
     zIndex?: string;
   };
-  filter?: FilterConfig;
   resizeDebounce?: boolean | ResizeConfig;
-  travelerClipArea? : travelerClipArea;
+  travelerClipArea?: travelerClipArea;
 }
 
 export interface OverlayConfig extends BaseConfig {

package/src/types/flags.ts

@@ -1,22 +1,27 @@
-//Bitmask Flags
-export const DIRTY_NONE = 0;
-export const DIRTY_RECT = 1 << 0; // 1: x, y, width, height (00000001)
-export const DIRTY_STYLE = 1 << 1; // 2: style (00000010)
-export const DIRTY_ZINDEX = 1 << 2; // 4: zIndex (00000100)
-export const DIRTY_STRUCTURE = 1 << 3; // 8: childNode add / delete (00001000)
-export const DIRTY_CONTENT = 1 << 4; // 16: text content changed (00010000)
+import { ATTR_FILTER } from "./attributes";
+
+export {
+  DIRTY_NONE,
+  DIRTY_RECT,
+  DIRTY_STYLE,
+  DIRTY_ZINDEX,
+  DIRTY_STRUCTURE,
+  DIRTY_CONTENT,
+} from "@mirage-engine/dom-tracker";
 
 // Filtering Flag
 export const USER_LAYER = 1 << 0;
-export const SYSTEM_LAYER = 1 << 1;
+export const SELECT_LAYER = 1 << 1;
 export const EXCLUDED = 0;
 
+// Three.js Layer Channels (0 ~ 31)
+export const THREE_LAYERS = {
+  BASE: 0,
+  SELECTED: 1,
+  getCaptureLayer: (layerNum: number) => 31 - layerNum,
+  HIDDEN: 31,
+} as const;
+
 export type Visibility = 0 | 1 | 2 | 3;
 
-export const ALLOWED_FILTERS = [
-  "include-tree",
-  "exclude-tree",
-  "include-self",
-  "exclude-self",
-  "end",
-];
+export const ALLOWED_FILTERS = Object.values(ATTR_FILTER.VALUES);

package/src/types/index.ts

@@ -1,4 +1,5 @@
 export * from './config';
 export * from './common';
+export * from './attributes';
 export * from './flags';
-export * from './animate';
+export * from '@mirage-engine/dom-tracker';