@teambit/lanes.hooks.use-viewed-lane-from-url 0.0.1

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { useViewedLaneFromUrl } from './use-viewed-lane-from-url';

package/dist/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useViewedLaneFromUrl = void 0;
+var use_viewed_lane_from_url_1 = require("./use-viewed-lane-from-url");
+Object.defineProperty(exports, "useViewedLaneFromUrl", { enumerable: true, get: function () { return use_viewed_lane_from_url_1.useViewedLaneFromUrl; } });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;AAAA,uEAAkE;AAAzD,gIAAA,oBAAoB,OAAA"}

package/dist/tsconfig.json

@@ -0,0 +1,32 @@
+{
+    "compilerOptions": {
+        "lib": [
+            "es2019",
+            "DOM",
+            "ES6",
+            "DOM.Iterable"
+        ],
+        "target": "es2015",
+        "module": "CommonJS",
+        "jsx": "react",
+        "allowJs": true,
+        "composite": true,
+        "declaration": true,
+        "sourceMap": true,
+        "skipLibCheck": true,
+        "experimentalDecorators": true,
+        "outDir": "dist",
+        "moduleResolution": "node",
+        "esModuleInterop": true,
+        "rootDir": ".",
+        "resolveJsonModule": true
+    },
+    "exclude": [
+        "dist",
+        "package.json"
+    ],
+    "include": [
+        "**/*",
+        "**/*.json"
+    ]
+}

package/dist/use-viewed-lane-from-url.d.ts

@@ -0,0 +1,2 @@
+import { LaneId } from '@teambit/lane-id';
+export declare function useViewedLaneFromUrl(): LaneId | undefined;

package/dist/use-viewed-lane-from-url.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useViewedLaneFromUrl = void 0;
+const base_react_navigation_link_1 = require("@teambit/base-react.navigation.link");
+const ui_foundation_ui_react_router_use_query_1 = require("@teambit/ui-foundation.ui.react-router.use-query");
+const lanes_ui_models_lanes_model_1 = require("@teambit/lanes.ui.models.lanes-model");
+function useViewedLaneFromUrl() {
+    const location = (0, base_react_navigation_link_1.useLocation)();
+    const query = (0, ui_foundation_ui_react_router_use_query_1.useQuery)();
+    const viewedLaneFromUrl = ((location === null || location === void 0 ? void 0 : location.pathname) && lanes_ui_models_lanes_model_1.LanesModel.getLaneIdFromPathname(location === null || location === void 0 ? void 0 : location.pathname, query)) || undefined;
+    return viewedLaneFromUrl;
+}
+exports.useViewedLaneFromUrl = useViewedLaneFromUrl;
+//# sourceMappingURL=use-viewed-lane-from-url.js.map

package/dist/use-viewed-lane-from-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-viewed-lane-from-url.js","sourceRoot":"","sources":["../use-viewed-lane-from-url.ts"],"names":[],"mappings":";;;AAAA,oFAAkE;AAClE,8GAA4E;AAE5E,sFAAkE;AAElE,SAAgB,oBAAoB;IAClC,MAAM,QAAQ,GAAG,IAAA,wCAAW,GAAE,CAAC;IAC/B,MAAM,KAAK,GAAG,IAAA,kDAAQ,GAAE,CAAC;IAEzB,MAAM,iBAAiB,GACrB,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,KAAI,wCAAU,CAAC,qBAAqB,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,IAAI,SAAS,CAAC;IACnG,OAAO,iBAAiB,CAAC;AAC3B,CAAC;AAPD,oDAOC"}

package/index.ts

@@ -0,0 +1 @@
+export { useViewedLaneFromUrl } from './use-viewed-lane-from-url';

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@teambit/lanes.hooks.use-viewed-lane-from-url",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.lanes",
+    "name": "hooks/use-viewed-lane-from-url",
+    "version": "0.0.1"
+  },
+  "dependencies": {
+    "@teambit/base-react.navigation.link": "2.0.27",
+    "@teambit/lane-id": "0.0.97",
+    "@teambit/lanes.ui.models.lanes-model": "0.0.1",
+    "@teambit/ui-foundation.ui.react-router.use-query": "0.0.493"
+  },
+  "devDependencies": {
+    "@types/mocha": "9.1.0",
+    "@babel/runtime": "7.12.18",
+    "@types/node": "12.20.4",
+    "@types/jest": "26.0.20"
+  },
+  "peerDependencies": {},
+  "license": "Apache-2.0",
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components"
+  ]
+}

package/preview-1664735485436.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/tsconfig.json

@@ -0,0 +1,32 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "es2019",
+      "DOM",
+      "ES6",
+      "DOM.Iterable"
+    ],
+    "target": "es2015",
+    "module": "CommonJS",
+    "jsx": "react",
+    "allowJs": true,
+    "composite": true,
+    "declaration": true,
+    "sourceMap": true,
+    "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "outDir": "dist",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "rootDir": ".",
+    "resolveJsonModule": true
+  },
+  "exclude": [
+    "dist",
+    "package.json"
+  ],
+  "include": [
+    "**/*",
+    "**/*.json"
+  ]
+}

package/types/asset.d.ts

@@ -0,0 +1,29 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}

package/use-viewed-lane-from-url.ts

@@ -0,0 +1,13 @@
+import { useLocation } from '@teambit/base-react.navigation.link';
+import { useQuery } from '@teambit/ui-foundation.ui.react-router.use-query';
+import { LaneId } from '@teambit/lane-id';
+import { LanesModel } from '@teambit/lanes.ui.models.lanes-model';
+
+export function useViewedLaneFromUrl(): LaneId | undefined {
+  const location = useLocation();
+  const query = useQuery();
+
+  const viewedLaneFromUrl =
+    (location?.pathname && LanesModel.getLaneIdFromPathname(location?.pathname, query)) || undefined;
+  return viewedLaneFromUrl;
+}