@teleporthq/teleport-shared - npm Package Compare versions

Comparing version 0.23.0 to 0.23.5

__tests__/utils/uidl-utils.ts

@@ -406,2 +406,12 @@ import {
 
+describe('getComponentFolderPathWithSubstringURL', () => {
+  const testComponent = component('MyComponent', elementNode('random'))
+  testComponent.outputOptions = { fileName: 'sub/string/url' }
+  const useFileNameForNavigation = true
+
+  it('returns a relative folder path to the filename if useFileNameForNavigation is set to true', () => {
+    expect(getComponentFolderPath(testComponent, useFileNameForNavigation)).toContain('../../')
+  })
+})
+
 describe('getRepeatIteratorNameAndKey', () => {
@@ -408,0 +418,0 @@ it('returns the fallback as name and key', () => {

dist/cjs/utils/uidl-utils.d.ts

@@ -8,3 +8,3 @@ import { ComponentUIDL, UIDLStyleDefinitions, UIDLConditionalNode, UIDLElement, UIDLNode, UIDLStaticValue, UIDLAttributeValue, UIDLDynamicReference, UIDLRepeatContent, UIDLRepeatMeta, UIDLElementNode, UIDLDependency, UIDLStyleValue, UIDLStyleSheetContent, UIDLComponentStyleReference, UIDLRootComponent } from '@teleporthq/teleport-types';
 export declare const getTemplateFileName: (component: ComponentUIDL) => string;
-export declare const getComponentFolderPath: (component: ComponentUIDL) => string[];
+export declare const getComponentFolderPath: (component: ComponentUIDL, useFileNameForNavigation?: boolean) => string[];
 export declare const getComponentClassName: (component: ComponentUIDL) => string;
@@ -11,0 +11,0 @@ export declare const getRepeatIteratorNameAndKey: (meta?: UIDLRepeatMeta) => {

dist/cjs/utils/uidl-utils.js

@@ -65,3 +65,13 @@ "use strict";
 exports.getTemplateFileName = getTemplateFileName;
-var getComponentFolderPath = function (component) {
+var getComponentFolderPath = function (component, useFileNameForNavigation) {
+    if (useFileNameForNavigation === void 0) { useFileNameForNavigation = false; }
+    if (useFileNameForNavigation) {
+        var prefixPath = '';
+        if (component.outputOptions && component.outputOptions.fileName) {
+            for (var i = 0; i < component.outputOptions.fileName.split('/').length - 1; i++) {
+                prefixPath += '../';
+            }
+        }
+        return prefixPath !== '' ? [prefixPath] : [];
+    }
     return component.outputOptions && component.outputOptions.folderPath
@@ -68,0 +78,0 @@ ? component.outputOptions.folderPath

dist/esm/utils/uidl-utils.d.ts

@@ -8,3 +8,3 @@ import { ComponentUIDL, UIDLStyleDefinitions, UIDLConditionalNode, UIDLElement, UIDLNode, UIDLStaticValue, UIDLAttributeValue, UIDLDynamicReference, UIDLRepeatContent, UIDLRepeatMeta, UIDLElementNode, UIDLDependency, UIDLStyleValue, UIDLStyleSheetContent, UIDLComponentStyleReference, UIDLRootComponent } from '@teleporthq/teleport-types';
 export declare const getTemplateFileName: (component: ComponentUIDL) => string;
-export declare const getComponentFolderPath: (component: ComponentUIDL) => string[];
+export declare const getComponentFolderPath: (component: ComponentUIDL, useFileNameForNavigation?: boolean) => string[];
 export declare const getComponentClassName: (component: ComponentUIDL) => string;
@@ -11,0 +11,0 @@ export declare const getRepeatIteratorNameAndKey: (meta?: UIDLRepeatMeta) => {

dist/esm/utils/uidl-utils.js

@@ -56,3 +56,13 @@ import { ASSETS_IDENTIFIER } from '../constants';
 };
-export var getComponentFolderPath = function (component) {
+export var getComponentFolderPath = function (component, useFileNameForNavigation) {
+    if (useFileNameForNavigation === void 0) { useFileNameForNavigation = false; }
+    if (useFileNameForNavigation) {
+        var prefixPath = '';
+        if (component.outputOptions && component.outputOptions.fileName) {
+            for (var i = 0; i < component.outputOptions.fileName.split('/').length - 1; i++) {
+                prefixPath += '../';
+            }
+        }
+        return prefixPath !== '' ? [prefixPath] : [];
+    }
     return component.outputOptions && component.outputOptions.folderPath
@@ -59,0 +69,0 @@ ? component.outputOptions.folderPath

package.json

 {
   "name": "@teleporthq/teleport-shared",
-  "version": "0.23.0",
+  "version": "0.23.5",
   "description": "A utility belt for the entire teleportHQ ecosystem",
@@ -32,3 +32,3 @@ "author": "teleportHQ",
   },
-  "gitHead": "8d528aa48896a0163a42ebadd7df3fe6e5f47d41"
+  "gitHead": "fd2283a3c4fd514554c9b29b6a995f58fe36b689"
 }

src/utils/uidl-utils.ts

@@ -93,6 +93,19 @@ import { ASSETS_IDENTIFIER } from '../constants'
 
-export const getComponentFolderPath = (component: ComponentUIDL) =>
-  component.outputOptions && component.outputOptions.folderPath
+export const getComponentFolderPath = (
+  component: ComponentUIDL,
+  useFileNameForNavigation: boolean = false
+) => {
+  if (useFileNameForNavigation) {
+    let prefixPath = ''
+    if (component.outputOptions && component.outputOptions.fileName) {
+      for (let i = 0; i < component.outputOptions.fileName.split('/').length - 1; i++) {
+        prefixPath += '../'
+      }
+    }
+    return prefixPath !== '' ? [prefixPath] : []
+  }
+  return component.outputOptions && component.outputOptions.folderPath
     ? component.outputOptions.folderPath
     : []
+}
 
@@ -99,0 +112,0 @@ export const getComponentClassName = (component: ComponentUIDL) => {

No alert changes

Improved metrics

Total package byte prevSize

169197

1.6%

Lines of code

2430

1.72%

No dependency changes