elegance-js 2.0.18 → 2.1.0

package/dist/global.d.ts

@@ -15,6 +15,7 @@ declare global {
         id: number;
         bind?: number;
     }>;
+    /** User defined object attributes. Mostly unused, use at your own risk. */
     var __SERVER_CURRENT_OBJECT_ATTRIBUTES__: Array<ObjectAttribute<any>>;
     var __SERVER_CURRENT_LOADHOOKS__: Array<any>;
     var __SERVER_CURRENT_LAYOUTS__: Map<string, number>;
@@ -44,6 +45,21 @@ declare global {
     type PageProps = {
         pageName: string;
     };
+    /** Internal use only. */
+    type PageInformation = {
+        isDynamic: boolean;
+        filePath: string;
+    };
+    /** Internal use only. */
+    type LayoutInformation = {
+        isDynamic: boolean;
+        filePath: string;
+    };
+    type Pathname = string;
+    /** Modules that are shipped to the browser. */
+    type ShippedModules = {
+        [key: string]: string;
+    };
     type Page = (AnyBuiltElement) | ((props: PageProps) => AnyBuiltElement | Promise<AnyBuiltElement>);
     type Metadata = (() => (AnyBuiltElement)) | (() => Promise<AnyBuiltElement>);
     type ObjectAttribute<T> = T extends ObjectAttributeType.STATE ? {
@@ -284,10 +300,6 @@ declare global {
         onTransitionEnd?: EleganceEventListener;
         onToggle?: EleganceEventListener;
     }
-    /** Generated client-page data. Contains things like loadHooks, state, etc. */
-    var pd: Record<string, any>;
-    /** Generated layout-data. Contains things like loadHooks, state, etc.*/
-    var ld: Record<string, any>;
     var client: {
         navigateLocally: (target: string, pushState?: boolean) => any;
         fetchPage: (targetURL: URL) => Promise<Document | void>;
@@ -310,7 +322,8 @@ declare global {
             id: number;
             bind?: string;
         }[]) => [ClientSubject["value"]];
-        observe: (subject: ClientSubject, observer: (value: any) => any, subject_key: string) => void;
+        observe: (subject: ClientSubject, observer: (value: any) => any, key: string) => void;
+        unobserve: (subject: ClientSubject, key: string) => void;
         destroy: (subject: ClientSubject) => void;
     };
 }

package/dist/index.mjs

@@ -87,7 +87,6 @@ var reactiveMap = function(template, deps) {
       const attributes = [];
       const currentlyWatched = [];
       const createElements = () => {
-        const state3 = pd[client.currentPage].stateManager;
         for (let i = 0; i < value.length; i += 1) {
           const htmlElement = client.renderRecursively(templateFn2.value(value[i], i, ...deps2), attributes);
           htmlElement.setAttribute("map-id", subject2.id.toString());
@@ -100,7 +99,7 @@ var reactiveMap = function(template, deps) {
               case 2 /* OBSERVER */: {
                 const { field, subjects, updateCallback } = attribute;
                 for (const reference of subjects) {
-                  const subject3 = state3.get(reference.id, reference.bind);
+                  const subject3 = state2.get(reference.id, reference.bind);
                   const updateFunction = (value2) => {
                     values[subject3.id] = value2;
                     try {
@@ -113,7 +112,7 @@ var reactiveMap = function(template, deps) {
                     }
                   };
                   updateFunction(subject3.value);
-                  state3.observe(subject3, updateFunction, elementKey);
+                  state2.observe(subject3, updateFunction, elementKey);
                   currentlyWatched.push({
                     key: elementKey,
                     subject: subject3
@@ -141,10 +140,8 @@ var reactiveMap = function(template, deps) {
         for (const el2 of list) {
           el2.remove();
         }
-        const pageData = pd[client.currentPage];
-        const state3 = pageData.stateManager;
         for (const watched of currentlyWatched) {
-          state3.unobserve(watched.subject, watched.key);
+          state2.unobserve(watched.subject, watched.key);
         }
         currentlyWatched.splice(0, currentlyWatched.length);
       };
@@ -185,6 +182,10 @@ var initializeState = () => globalThis.__SERVER_CURRENT_STATE__ = [];
 var getState = () => {
   return globalThis.__SERVER_CURRENT_STATE__;
 };
+var initializeObjectAttributes = () => globalThis.__SERVER_CURRENT_OBJECT_ATTRIBUTES__ = [];
+var getObjectAttributes = () => {
+  return globalThis.__SERVER_CURRENT_OBJECT_ATTRIBUTES__;
+};
 
 // src/server/observe.ts
 var observe = (refs, update) => {
@@ -203,7 +204,9 @@ export {
   createLoadHook,
   eventListener,
   getLoadHooks,
+  getObjectAttributes,
   getState,
+  initializeObjectAttributes,
   initializeState,
   loadHook,
   observe,

package/dist/page_compiler.d.ts

@@ -1 +1,6 @@
+export declare const PAGE_MAP: Map<string, PageInformation>;
+export declare const LAYOUT_MAP: Map<string, LayoutInformation>;
 export declare const processPageElements: (element: Child, objectAttributes: Array<any>, recursionLevel: number, stack?: any[]) => Child;
+export declare const buildDynamicPage: (DIST_DIR: string, directory: string, pageInfo: PageInformation) => Promise<{
+    resultHTML: any;
+}>;