@sigmela/router 0.3.6 → 0.4.0

package/lib/module/NavigationStack.js

@@ -1,254 +0,0 @@
-"use strict";
-
-import { nanoid } from 'nanoid/non-secure';
-import { match as pathMatchFactory } from 'path-to-regexp';
-import qs from 'query-string';
-import React from 'react';
-import { StackRenderer } from "./StackRenderer.js";
-export class NavigationStack {
-  routes = [];
-  children = [];
-  debugEnabled = false;
-  _cachedRenderer = null;
-  constructor(idOrOptions, maybeOptions, maybeDebug) {
-    if (typeof idOrOptions === 'string') {
-      this.stackId = idOrOptions;
-      this.defaultOptions = maybeOptions;
-      this.debugEnabled = maybeDebug ?? false;
-      this.provider = maybeOptions?.provider;
-    } else if (typeof idOrOptions === 'object') {
-      this.stackId = `stack-${nanoid()}`;
-      this.defaultOptions = idOrOptions;
-      this.debugEnabled = idOrOptions.debug ?? false;
-      this.provider = idOrOptions?.provider;
-    } else {
-      this.stackId = `stack-${nanoid()}`;
-    }
-  }
-  log(message, data) {
-    if (this.debugEnabled) {
-      if (data !== undefined) {
-        console.log(`[NavigationStack] ${message}`, data);
-      } else {
-        console.log(`[NavigationStack] ${message}`);
-      }
-    }
-  }
-  getId() {
-    return this.stackId;
-  }
-  addScreen(pathPattern, mixedComponent, options) {
-    const {
-      component,
-      controller,
-      childNode
-    } = this.extractComponent(mixedComponent);
-    const parsed = qs.parseUrl(pathPattern);
-    const pathnamePattern = parsed.url || '/';
-    const rawQuery = parsed.query || {};
-    const isWildcardPath = pathnamePattern === '*';
-    const queryPattern = this.buildQueryPattern(rawQuery);
-    const baseSpecificity = this.computeBaseSpecificity(pathnamePattern, isWildcardPath, queryPattern);
-    const routeId = `${this.stackId}-route-${this.routes.length}`;
-    const pathMatcher = !isWildcardPath ? pathMatchFactory(pathnamePattern) : null;
-    const matchPath = p => {
-      if (isWildcardPath) {
-        return {
-          params: {}
-        };
-      }
-      const result = pathMatcher ? pathMatcher(p) : null;
-      return result ? {
-        params: result.params ?? {}
-      } : false;
-    };
-    const builtRoute = {
-      routeId,
-      path: pathPattern,
-      pathnamePattern,
-      isWildcardPath,
-      queryPattern,
-      baseSpecificity,
-      matchPath,
-      component,
-      controller,
-      options,
-      childNode
-    };
-    this.routes.push(builtRoute);
-    this.log('addRoute', {
-      stackId: this.stackId,
-      routeId,
-      path: pathPattern,
-      pathnamePattern,
-      isWildcardPath,
-      queryPattern,
-      baseSpecificity
-    });
-    return this;
-  }
-  addModal(path, mixedComponent, options) {
-    return this.addScreen(path, mixedComponent, {
-      syncWithUrl: false,
-      ...options,
-      stackPresentation: 'modal'
-    });
-  }
-  addSheet(path, mixedComponent, options) {
-    return this.addScreen(path, mixedComponent, {
-      ...options,
-      stackPresentation: 'sheet'
-    });
-  }
-  addStack(prefixOrStack, maybeStack) {
-    const hasExplicitPrefix = typeof prefixOrStack === 'string';
-    const prefixRaw = hasExplicitPrefix ? prefixOrStack : '';
-    const stack = hasExplicitPrefix ? maybeStack : prefixOrStack;
-    if (!stack) {
-      throw new Error('NavigationStack.addStack: child stack is required');
-    }
-    const prefix = this.normalizePrefix(prefixRaw ?? '');
-    this.children.push({
-      prefix,
-      node: stack
-    });
-    this.log('addStack', {
-      stackId: this.stackId,
-      childId: stack.getId(),
-      prefix
-    });
-    return this;
-  }
-  getChildren() {
-    return this.children.slice();
-  }
-  getRoutes() {
-    return this.routes.slice();
-  }
-  getFirstRoute() {
-    return this.routes[0];
-  }
-  getDefaultOptions() {
-    return this.defaultOptions;
-  }
-  getNodeRoutes() {
-    return this.getRoutes();
-  }
-  getNodeChildren() {
-    return this.children.slice();
-  }
-  getRenderer() {
-    if (this._cachedRenderer) {
-      return this._cachedRenderer;
-    }
-
-    // eslint-disable-next-line consistent-this
-    const stackInstance = this;
-    const stackId = stackInstance.getId();
-    const provider = this.provider;
-    const renderer = function NavigationStackRenderer(props) {
-      const stackElement = /*#__PURE__*/React.createElement(StackRenderer, {
-        stackId: stackId,
-        appearance: props.appearance
-      });
-      if (provider) {
-        return /*#__PURE__*/React.createElement(provider, null, stackElement);
-      }
-      return stackElement;
-    };
-    this._cachedRenderer = renderer;
-    return renderer;
-  }
-  seed() {
-    const first = this.getFirstRoute();
-    if (!first) return null;
-    return {
-      routeId: first.routeId,
-      params: {},
-      path: first.path,
-      stackId: this.stackId
-    };
-  }
-  extractComponent(component) {
-    if (this.isNavigationNode(component)) {
-      return {
-        controller: undefined,
-        component: component.getRenderer(),
-        childNode: component
-      };
-    }
-    const componentWithController = component;
-    if (componentWithController?.component) {
-      return {
-        controller: componentWithController.controller,
-        component: componentWithController.component,
-        childNode: componentWithController.childNode
-      };
-    }
-    return {
-      component: component,
-      controller: undefined,
-      childNode: undefined
-    };
-  }
-  isNavigationNode(obj) {
-    return obj && typeof obj === 'object' && typeof obj.getNodeRoutes === 'function' && typeof obj.getNodeChildren === 'function' && typeof obj.getRenderer === 'function';
-  }
-  buildQueryPattern(rawQuery) {
-    const patternEntries = [];
-    for (const [key, value] of Object.entries(rawQuery)) {
-      if (typeof value !== 'string') {
-        continue;
-      }
-      if (value.startsWith(':') && value.length > 1) {
-        patternEntries.push([key, {
-          type: 'param',
-          name: value.slice(1)
-        }]);
-      } else {
-        patternEntries.push([key, {
-          type: 'const',
-          value
-        }]);
-      }
-    }
-    if (!patternEntries.length) return null;
-    return Object.fromEntries(patternEntries);
-  }
-  computeBaseSpecificity(pathnamePattern, isWildcardPath, queryPattern) {
-    let pathScore = 0;
-    if (!isWildcardPath) {
-      const segments = pathnamePattern.split('/').filter(Boolean);
-      for (const seg of segments) {
-        if (seg.startsWith(':')) {
-          pathScore += 1;
-        } else {
-          pathScore += 2;
-        }
-      }
-    } else {
-      pathScore = 0;
-    }
-    let queryScore = 0;
-    if (queryPattern) {
-      for (const token of Object.values(queryPattern)) {
-        if (token.type === 'const') {
-          queryScore += 2;
-        } else {
-          queryScore += 1;
-        }
-      }
-    }
-    return pathScore + queryScore;
-  }
-  normalizePrefix(input) {
-    if (!input || input === '/') {
-      return '';
-    }
-    let normalized = input.startsWith('/') ? input : `/${input}`;
-    if (normalized.length > 1 && normalized.endsWith('/')) {
-      normalized = normalized.slice(0, -1);
-    }
-    return normalized;
-  }
-}