@oinone/kunlun-environment 6.2.0

package/dist/oinone-kunlun-environment.esm.js

@@ -0,0 +1 @@
+import{Manager as e,ObjectUtils as t}from"@oinone/kunlun-shared";import{SPIOperator as n}from"@oinone/kunlun-spi";const r="oio-click-activated",o="__null__";function i(e,t){return new Proxy({handle:e,el:t},{get(e,t,n){var r,o,i,c,l,a;switch(t){case"w":return(null===(r=e.el)||void 0===r?void 0:r.getBoundingClientRect().width)||0;case"h":return(null===(o=e.el)||void 0===o?void 0:o.getBoundingClientRect().height)||0;case"x":return(null===(i=e.el)||void 0===i?void 0:i.getBoundingClientRect().x)||0;case"y":return(null===(c=e.el)||void 0===c?void 0:c.getBoundingClientRect().y)||0;case"ex":{const t=null===(l=e.el)||void 0===l?void 0:l.getBoundingClientRect();return t?t.x+t.width:0}case"ey":{const t=null===(a=e.el)||void 0===a?void 0:a.getBoundingClientRect();return t?t.y+t.height:0}case"el":{const r=Reflect.get(e,t,n);return"function"==typeof r?r():r}}return Reflect.get(e,t,n)}})}const c={getContentHTMLElement:function(){const{contentSelector:e}=this,t=document.querySelector(e);if(t)return t}};class l{static getGlobalEnvironment(){return l.manager.get(l.ROOT_HANDLE)}static getCurrentEnvironment(){const e=l.currentHandle,t=l.manager.get(e);if(!t)throw new Error(`Invalid current environment. handle: ${e}`);return t}static get(e){return l.manager.get(e)}static createOrReplace(e,t){return l.manager.createOrReplace(e,t)}static delete(e,t=!0){l.manager.delete(e,t)}static select(e){if(!l.manager.get(e))throw new Error(`Invalid environment. ${e}`);this.currentHandle=e}}function a(){return l.getGlobalEnvironment()}function u(){return l.getCurrentEnvironment()}l.manager=new class extends e{constructor(){super()}generator(e){const n={contentSelector:o,mcx:0,mcy:0,st:0,sl:0,visibleArea:new Map,clickVisibleArea:[]},r=["contentVisibleArea","visibleArea"];for(const[e,t]of Object.entries(c))r.push(e),n[e]=t.bind(n);return n.contentVisibleArea=i(e,(()=>n.getContentHTMLElement())),t.readonly(n,r)}},l.ROOT_HANDLE="__ROOT_HANDLE__",l.currentHandle=l.ROOT_HANDLE,l.manager.createOrReplace(l.ROOT_HANDLE);const s=Symbol("__current_instance_getter");function g(e,t){return n.register(s,e,t)}function d(e){return n.selector(s,e)}function m(){return d({framework:"vue"})()}n.createStorage({key:s,matchKeys:["framework","isMobile"]});export{r as CLICK_ACTIVATED_CLASS,o as CONTENT_NULL_SELECTOR,l as RuntimeEnvironmentManager,i as createVisibleArea,g as registerCurrentInstanceGetter,d as selectorCurrentInstanceGetter,m as useCurrentInstance,u as useEnv,a as useGlobalEnv};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/dist/types/src/env/constant.d.ts

@@ -0,0 +1,2 @@
+export declare const CLICK_ACTIVATED_CLASS = "oio-click-activated";
+export declare const CONTENT_NULL_SELECTOR = "__null__";

package/dist/types/src/env/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constant';
+export * from './typing';
+export * from './manager';
+export * from './utils';

package/dist/types/src/env/manager.d.ts

@@ -0,0 +1,14 @@
+import { RuntimeEnvironment } from './typing';
+export declare class RuntimeEnvironmentManager {
+    private static manager;
+    private static ROOT_HANDLE;
+    private static currentHandle;
+    static getGlobalEnvironment(): RuntimeEnvironment;
+    static getCurrentEnvironment(): RuntimeEnvironment;
+    static get(handle: string): RuntimeEnvironment | undefined;
+    static createOrReplace(handle: string, parent?: RuntimeEnvironment): RuntimeEnvironment;
+    static delete(handle: string, deep?: boolean): void;
+    static select(handle: string): void;
+}
+export declare function useGlobalEnv(): RuntimeEnvironment;
+export declare function useEnv(): RuntimeEnvironment;

package/dist/types/src/env/method/getContentHTMLElement.d.ts

@@ -0,0 +1,2 @@
+import { RuntimeEnvironment } from '../typing';
+export declare function getContentHTMLElement(this: RuntimeEnvironment): HTMLElement | undefined;

package/dist/types/src/env/method/index.d.ts

@@ -0,0 +1 @@
+export * from './getContentHTMLElement';

package/dist/types/src/env/typing.d.ts

@@ -0,0 +1,22 @@
+import { ContextNode } from '@oinone/kunlun-shared';
+export interface RuntimeEnvironment extends ContextNode<RuntimeEnvironment> {
+    contentSelector: string;
+    mcx: number;
+    mcy: number;
+    st: number;
+    sl: number;
+    contentVisibleArea: VisibleArea;
+    visibleArea: Map<string, VisibleArea>;
+    clickVisibleArea: VisibleArea[];
+    getContentHTMLElement(): HTMLElement | undefined;
+}
+export interface VisibleArea {
+    handle: string;
+    el?: HTMLElement;
+    h: number;
+    w: number;
+    x: number;
+    y: number;
+    ex: number;
+    ey: number;
+}

package/dist/types/src/env/utils.d.ts

@@ -0,0 +1,2 @@
+import { VisibleArea } from './typing';
+export declare function createVisibleArea(handle: string, el?: HTMLElement | (() => HTMLElement | undefined)): VisibleArea;

package/dist/types/src/framework/index.d.ts

@@ -0,0 +1 @@
+export * from './typing';

package/dist/types/src/framework/typing.d.ts

@@ -0,0 +1,5 @@
+import { SPIOptions } from '@oinone/kunlun-spi';
+export interface FrameworkInitializeOptions extends SPIOptions {
+    framework: string;
+    isMobile?: boolean;
+}

package/dist/types/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './env';
+export * from './framework';
+export * from './instance';
+export * from './spi';

package/dist/types/src/instance/index.d.ts

@@ -0,0 +1,3 @@
+import { FrameworkInstance } from './typing';
+export declare function useCurrentInstance(): FrameworkInstance;
+export * from './typing';

package/dist/types/src/instance/typing.d.ts

@@ -0,0 +1,14 @@
+export interface FrameworkInstance {
+    app: FrameworkApplication;
+    currentInstance?: FrameworkComponentInstance | null;
+}
+export interface FrameworkApplication {
+    id: string;
+}
+export interface FrameworkComponentInstance {
+    vNode: FrameworkVNode;
+}
+export interface FrameworkVNode {
+    el: HTMLElement;
+}
+export declare type FrameworkInstanceGetter = () => FrameworkInstance;

package/dist/types/src/spi/framework.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/spi/index.d.ts

@@ -0,0 +1 @@
+export * from './instance';

package/dist/types/src/spi/instance.d.ts

@@ -0,0 +1,4 @@
+import { FrameworkInitializeOptions } from '../framework';
+import { FrameworkInstanceGetter } from '../instance/typing';
+export declare function registerCurrentInstanceGetter(options: FrameworkInitializeOptions, getter: FrameworkInstanceGetter): boolean;
+export declare function selectorCurrentInstanceGetter(options: FrameworkInitializeOptions): FrameworkInstanceGetter | undefined;

package/index.ts

@@ -0,0 +1 @@
+export * from './src';

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@oinone/kunlun-environment",
+  "version": "6.2.0",
+  "main": "index.ts",
+  "scripts": {
+    "prebuild": "rimraf dist",
+    "build": "rollup -c",
+    "dist": "npm run prepublishOnly",
+    "index": "npm run postpublish",
+    "x-prepublishOnly": "node ../../scripts/prepublish-only.js",
+    "x-postpublish": "node ../../scripts/postpublish.js"
+  },
+  "devDependencies": {
+    "@oinone/kunlun-shared": "6.2.0",
+    "@oinone/kunlun-spi": "6.2.0"
+  },
+  "gitHead": "b65bbf1d649da1017810c5608473d5daa1a41f94"
+}

package/rollup.config.js

@@ -0,0 +1,4 @@
+import pkg from './package.json';
+import rollupConfig from '../../scripts/build.config.js';
+
+export default rollupConfig(pkg.name, ['@oinone/kunlun-shared', '@oinone/kunlun-spi']);

package/src/env/constant.ts

@@ -0,0 +1,3 @@
+export const CLICK_ACTIVATED_CLASS = 'oio-click-activated';
+
+export const CONTENT_NULL_SELECTOR = '__null__';

package/src/env/index.ts

@@ -0,0 +1,4 @@
+export * from './constant';
+export * from './typing';
+export * from './manager';
+export * from './utils';

package/src/env/manager.ts

@@ -0,0 +1,87 @@
+import { Manager, ObjectUtils } from '@oinone/kunlun-shared';
+import { CONTENT_NULL_SELECTOR } from './constant';
+import { getContentHTMLElement } from './method';
+import { RuntimeEnvironment, VisibleArea } from './typing';
+import { createVisibleArea } from './utils';
+
+const runtimeEnvironmentMethods: Record<string, Function> = {
+  getContentHTMLElement
+};
+
+class InternalRuntimeEnvironmentManager extends Manager<RuntimeEnvironment> {
+  public constructor() {
+    super();
+  }
+
+  protected generator(handle): RuntimeEnvironment {
+    const newEnv = {
+      contentSelector: CONTENT_NULL_SELECTOR,
+      mcx: 0,
+      mcy: 0,
+      st: 0,
+      sl: 0,
+      visibleArea: new Map<string, VisibleArea>(),
+      clickVisibleArea: [] as VisibleArea[]
+    } as RuntimeEnvironment;
+    const readonlyKeys: string[] = ['contentVisibleArea', 'visibleArea'];
+    for (const [method, fn] of Object.entries(runtimeEnvironmentMethods)) {
+      readonlyKeys.push(method);
+      newEnv[method] = fn.bind(newEnv);
+    }
+    newEnv.contentVisibleArea = createVisibleArea(handle, () => newEnv.getContentHTMLElement());
+    return ObjectUtils.readonly(newEnv, readonlyKeys);
+  }
+}
+
+export class RuntimeEnvironmentManager {
+  private static manager = new InternalRuntimeEnvironmentManager();
+
+  private static ROOT_HANDLE = '__ROOT_HANDLE__';
+
+  private static currentHandle: string = RuntimeEnvironmentManager.ROOT_HANDLE;
+
+  static {
+    RuntimeEnvironmentManager.manager.createOrReplace(RuntimeEnvironmentManager.ROOT_HANDLE);
+  }
+
+  public static getGlobalEnvironment(): RuntimeEnvironment {
+    return RuntimeEnvironmentManager.manager.get(RuntimeEnvironmentManager.ROOT_HANDLE)!;
+  }
+
+  public static getCurrentEnvironment(): RuntimeEnvironment {
+    const handle = RuntimeEnvironmentManager.currentHandle;
+    const environment = RuntimeEnvironmentManager.manager.get(handle);
+    if (!environment) {
+      throw new Error(`Invalid current environment. handle: ${handle}`);
+    }
+    return environment;
+  }
+
+  public static get(handle: string) {
+    return RuntimeEnvironmentManager.manager.get(handle);
+  }
+
+  public static createOrReplace(handle: string, parent?: RuntimeEnvironment) {
+    return RuntimeEnvironmentManager.manager.createOrReplace(handle, parent);
+  }
+
+  public static delete(handle: string, deep = true) {
+    RuntimeEnvironmentManager.manager.delete(handle, deep);
+  }
+
+  public static select(handle: string) {
+    const environment = RuntimeEnvironmentManager.manager.get(handle);
+    if (!environment) {
+      throw new Error(`Invalid environment. ${handle}`);
+    }
+    this.currentHandle = handle;
+  }
+}
+
+export function useGlobalEnv() {
+  return RuntimeEnvironmentManager.getGlobalEnvironment();
+}
+
+export function useEnv() {
+  return RuntimeEnvironmentManager.getCurrentEnvironment();
+}

package/src/env/method/getContentHTMLElement.ts

@@ -0,0 +1,10 @@
+import { RuntimeEnvironment } from '../typing';
+
+export function getContentHTMLElement(this: RuntimeEnvironment): HTMLElement | undefined {
+  const { contentSelector } = this;
+  const el = document.querySelector<HTMLElement>(contentSelector);
+  if (!el) {
+    return undefined;
+  }
+  return el;
+}

package/src/env/method/index.ts

@@ -0,0 +1 @@
+export * from './getContentHTMLElement';

package/src/env/typing.ts

@@ -0,0 +1,27 @@
+import { ContextNode } from '@oinone/kunlun-shared';
+
+export interface RuntimeEnvironment extends ContextNode<RuntimeEnvironment> {
+  contentSelector: string;
+
+  mcx: number;
+  mcy: number;
+  st: number;
+  sl: number;
+
+  contentVisibleArea: VisibleArea;
+  visibleArea: Map<string, VisibleArea>;
+  clickVisibleArea: VisibleArea[];
+
+  getContentHTMLElement(): HTMLElement | undefined;
+}
+
+export interface VisibleArea {
+  handle: string;
+  el?: HTMLElement;
+  h: number;
+  w: number;
+  x: number;
+  y: number;
+  ex: number;
+  ey: number;
+}

package/src/env/utils.ts

@@ -0,0 +1,41 @@
+import { VisibleArea } from './typing';
+
+export function createVisibleArea(handle: string, el?: HTMLElement | (() => HTMLElement | undefined)): VisibleArea {
+  const origin = { handle, el } as VisibleArea;
+  return new Proxy(origin, {
+    get(target, key, receiver) {
+      switch (key) {
+        case 'w':
+          return target.el?.getBoundingClientRect().width || 0;
+        case 'h':
+          return target.el?.getBoundingClientRect().height || 0;
+        case 'x':
+          return target.el?.getBoundingClientRect().x || 0;
+        case 'y':
+          return target.el?.getBoundingClientRect().y || 0;
+        case 'ex': {
+          const rect = target.el?.getBoundingClientRect();
+          if (!rect) {
+            return 0;
+          }
+          return rect.x + rect.width;
+        }
+        case 'ey': {
+          const rect = target.el?.getBoundingClientRect();
+          if (!rect) {
+            return 0;
+          }
+          return rect.y + rect.height;
+        }
+        case 'el': {
+          const el = Reflect.get(target, key, receiver);
+          if (typeof el === 'function') {
+            return el();
+          }
+          return el;
+        }
+      }
+      return Reflect.get(target, key, receiver);
+    }
+  });
+}

package/src/framework/index.ts

@@ -0,0 +1 @@
+export * from './typing';

package/src/framework/typing.ts

@@ -0,0 +1,6 @@
+import { SPIOptions } from '@oinone/kunlun-spi';
+
+export interface FrameworkInitializeOptions extends SPIOptions {
+  framework: string;
+  isMobile?: boolean;
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from './env';
+export * from './framework';
+export * from './instance';
+export * from './spi';

package/src/instance/index.ts

@@ -0,0 +1,8 @@
+import { selectorCurrentInstanceGetter } from '../spi';
+import { FrameworkInstance } from './typing';
+
+export function useCurrentInstance(): FrameworkInstance {
+  return selectorCurrentInstanceGetter({ framework: 'vue' })!();
+}
+
+export * from './typing';

package/src/instance/typing.ts

@@ -0,0 +1,18 @@
+export interface FrameworkInstance {
+  app: FrameworkApplication;
+  currentInstance?: FrameworkComponentInstance | null;
+}
+
+export interface FrameworkApplication {
+  id: string;
+}
+
+export interface FrameworkComponentInstance {
+  vNode: FrameworkVNode;
+}
+
+export interface FrameworkVNode {
+  el: HTMLElement;
+}
+
+export type FrameworkInstanceGetter = () => FrameworkInstance;

package/src/spi/framework.ts

@@ -0,0 +1 @@
+export {};

package/src/spi/index.ts

@@ -0,0 +1 @@
+export * from './instance';

package/src/spi/instance.ts

@@ -0,0 +1,20 @@
+import { SPIOperator } from '@oinone/kunlun-spi';
+import { FrameworkInitializeOptions } from '../framework';
+import { FrameworkInstanceGetter } from '../instance/typing';
+
+const CURRENT_INSTANCE_GETTER_KEY = Symbol('__current_instance_getter');
+
+SPIOperator.createStorage({
+  key: CURRENT_INSTANCE_GETTER_KEY,
+  matchKeys: ['framework', 'isMobile']
+});
+
+export function registerCurrentInstanceGetter(options: FrameworkInitializeOptions, getter: FrameworkInstanceGetter) {
+  return SPIOperator.register(CURRENT_INSTANCE_GETTER_KEY, options, getter);
+}
+
+export function selectorCurrentInstanceGetter(
+  options: FrameworkInitializeOptions
+): FrameworkInstanceGetter | undefined {
+  return SPIOperator.selector(CURRENT_INSTANCE_GETTER_KEY, options);
+}