@teambit/component-sizer 0.0.2

package/__preview-1642994756471.js

@@ -0,0 +1 @@
+

package/dist/component-sizer.aspect.d.ts

@@ -0,0 +1,2 @@
+import { Aspect } from '@teambit/harmony';
+export declare const ComponentSizerAspect: Aspect;

package/dist/component-sizer.aspect.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentSizerAspect = void 0;
+
+function _harmony() {
+  const data = require("@teambit/harmony");
+
+  _harmony = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const ComponentSizerAspect = _harmony().Aspect.create({
+  id: 'teambit.component/component-sizer'
+});
+
+exports.ComponentSizerAspect = ComponentSizerAspect;
+
+//# sourceMappingURL=component-sizer.aspect.js.map

package/dist/component-sizer.aspect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component-sizer.aspect.ts"],"names":["ComponentSizerAspect","Aspect","create","id"],"mappings":";;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,oBAAoB,GAAGC,kBAAOC,MAAP,CAAc;AAChDC,EAAAA,EAAE,EAAE;AAD4C,CAAd,CAA7B","sourcesContent":["import { Aspect } from '@teambit/harmony';\n\nexport const ComponentSizerAspect = Aspect.create({\n  id: 'teambit.component/component-sizer',\n});\n"]}

package/dist/component-sizer.graphql.d.ts

@@ -0,0 +1,3 @@
+import { Schema } from '@teambit/graphql';
+import { ComponentSizerMain } from './component-sizer.main.runtime';
+export declare function componentSizerSchema(componentSizerMain: ComponentSizerMain): Schema;

package/dist/component-sizer.graphql.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.componentSizerSchema = componentSizerSchema;
+
+function _graphqlTag() {
+  const data = _interopRequireDefault(require("graphql-tag"));
+
+  _graphqlTag = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function componentSizerSchema(componentSizerMain) {
+  return {
+    typeDefs: (0, _graphqlTag().default)`
+      type ComponentSizedFile {
+        name: String
+        size: Int
+      }
+
+      type ComponentSize {
+        # breakdown for the component files sizes
+        files: [ComponentSizedFile]
+        # breakdown for the component assets sizes
+        assets: [ComponentSizedFile]
+        # total size of the component files (like js and css) (without assets)
+        totalFiles: Int
+        # total size of the component assets (like pngs) (without files)
+        totalAssets: Int
+        # total size of the component files and assets
+        total: Int
+      }
+
+      extend type Component {
+        # size of the component bundle
+        size: ComponentSize
+      }
+    `,
+    resolvers: {
+      Component: {
+        size: component => {
+          return componentSizerMain.getComponentSize(component);
+        }
+      }
+    }
+  };
+}
+
+//# sourceMappingURL=component-sizer.graphql.js.map

package/dist/component-sizer.graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component-sizer.graphql.ts"],"names":["componentSizerSchema","componentSizerMain","typeDefs","resolvers","Component","size","component","getComponentSize"],"mappings":";;;;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIO,SAASA,oBAAT,CAA8BC,kBAA9B,EAA8E;AACnF,SAAO;AACLC,IAAAA,QAAQ,EAAE,0BAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAxBS;AAyBLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE;AACTC,QAAAA,IAAI,EAAGC,SAAD,IAA0B;AAC9B,iBAAOL,kBAAkB,CAACM,gBAAnB,CAAoCD,SAApC,CAAP;AACD;AAHQ;AADF;AAzBN,GAAP;AAiCD","sourcesContent":["import { Component } from '@teambit/component';\nimport { Schema } from '@teambit/graphql';\nimport gql from 'graphql-tag';\n\nimport { ComponentSizerMain } from './component-sizer.main.runtime';\n\nexport function componentSizerSchema(componentSizerMain: ComponentSizerMain): Schema {\n  return {\n    typeDefs: gql`\n      type ComponentSizedFile {\n        name: String\n        size: Int\n      }\n\n      type ComponentSize {\n        # breakdown for the component files sizes\n        files: [ComponentSizedFile]\n        # breakdown for the component assets sizes\n        assets: [ComponentSizedFile]\n        # total size of the component files (like js and css) (without assets)\n        totalFiles: Int\n        # total size of the component assets (like pngs) (without files)\n        totalAssets: Int\n        # total size of the component files and assets\n        total: Int\n      }\n\n      extend type Component {\n        # size of the component bundle\n        size: ComponentSize\n      }\n    `,\n    resolvers: {\n      Component: {\n        size: (component: Component) => {\n          return componentSizerMain.getComponentSize(component);\n        },\n      },\n    },\n  };\n}\n"]}

package/dist/component-sizer.main.runtime.d.ts

@@ -0,0 +1,19 @@
+import { Component } from '@teambit/component';
+import { GraphqlMain } from '@teambit/graphql';
+import { ComponentPreviewSize, PreviewMain } from '@teambit/preview';
+export declare class ComponentSizerMain {
+    /**
+     * preview aspect.
+     */
+    private preview;
+    constructor(
+    /**
+     * preview aspect.
+     */
+    preview: PreviewMain);
+    getComponentSize(component: Component): ComponentPreviewSize | undefined;
+    static slots: never[];
+    static dependencies: import("@teambit/harmony").Aspect[];
+    static runtime: import("@teambit/harmony").RuntimeDefinition;
+    static provider([preview, graphql]: [PreviewMain, GraphqlMain]): Promise<ComponentSizerMain>;
+}

package/dist/component-sizer.main.runtime.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentSizerMain = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _cli() {
+  const data = require("@teambit/cli");
+
+  _cli = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _component() {
+  const data = _interopRequireDefault(require("@teambit/component"));
+
+  _component = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _graphql() {
+  const data = _interopRequireDefault(require("@teambit/graphql"));
+
+  _graphql = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _preview() {
+  const data = _interopRequireDefault(require("@teambit/preview"));
+
+  _preview = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentSizer() {
+  const data = require("./component-sizer.aspect");
+
+  _componentSizer = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _componentSizer2() {
+  const data = require("./component-sizer.graphql");
+
+  _componentSizer2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class ComponentSizerMain {
+  constructor(
+  /**
+   * preview aspect.
+   */
+  preview) {
+    this.preview = preview;
+  }
+
+  getComponentSize(component) {
+    return this.preview.getComponentBundleSize(component);
+  }
+
+  static async provider([preview, graphql]) {
+    const componentSizer = new ComponentSizerMain(preview);
+    graphql.register((0, _componentSizer2().componentSizerSchema)(componentSizer));
+    return componentSizer;
+  }
+
+}
+
+exports.ComponentSizerMain = ComponentSizerMain;
+(0, _defineProperty2().default)(ComponentSizerMain, "slots", []);
+(0, _defineProperty2().default)(ComponentSizerMain, "dependencies", [_preview().default, _graphql().default, _component().default]);
+(0, _defineProperty2().default)(ComponentSizerMain, "runtime", _cli().MainRuntime);
+
+_componentSizer().ComponentSizerAspect.addRuntime(ComponentSizerMain);
+
+//# sourceMappingURL=component-sizer.main.runtime.js.map

package/dist/component-sizer.main.runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component-sizer.main.runtime.ts"],"names":["ComponentSizerMain","constructor","preview","getComponentSize","component","getComponentBundleSize","provider","graphql","componentSizer","register","PreviewAspect","GraphqlAspect","ComponentAspect","MainRuntime","ComponentSizerAspect","addRuntime"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,kBAAN,CAAyB;AAC9BC,EAAAA,WAAW;AACT;AACJ;AACA;AACYC,EAAAA,OAJC,EAKT;AAAA,SADQA,OACR,GADQA,OACR;AAAE;;AAEJC,EAAAA,gBAAgB,CAACC,SAAD,EAAyD;AACvE,WAAO,KAAKF,OAAL,CAAaG,sBAAb,CAAoCD,SAApC,CAAP;AACD;;AAKoB,eAARE,QAAQ,CAAC,CAACJ,OAAD,EAAUK,OAAV,CAAD,EAAiD;AACpE,UAAMC,cAAc,GAAG,IAAIR,kBAAJ,CAAuBE,OAAvB,CAAvB;AACAK,IAAAA,OAAO,CAACE,QAAR,CAAiB,6CAAqBD,cAArB,CAAjB;AACA,WAAOA,cAAP;AACD;;AAnB6B;;;gCAAnBR,kB,WAYI,E;gCAZJA,kB,kBAaW,CAACU,kBAAD,EAAgBC,kBAAhB,EAA+BC,oBAA/B,C;gCAbXZ,kB,aAcMa,kB;;AAQnBC,uCAAqBC,UAArB,CAAgCf,kBAAhC","sourcesContent":["import { MainRuntime } from '@teambit/cli';\nimport ComponentAspect, { Component } from '@teambit/component';\nimport GraphqlAspect, { GraphqlMain } from '@teambit/graphql';\nimport PreviewAspect, { ComponentPreviewSize, PreviewMain } from '@teambit/preview';\nimport { ComponentSizerAspect } from './component-sizer.aspect';\nimport { componentSizerSchema } from './component-sizer.graphql';\n\nexport class ComponentSizerMain {\n  constructor(\n    /**\n     * preview aspect.\n     */\n    private preview: PreviewMain\n  ) {}\n\n  getComponentSize(component: Component): ComponentPreviewSize | undefined {\n    return this.preview.getComponentBundleSize(component);\n  }\n\n  static slots = [];\n  static dependencies = [PreviewAspect, GraphqlAspect, ComponentAspect];\n  static runtime = MainRuntime;\n  static async provider([preview, graphql]: [PreviewMain, GraphqlMain]) {\n    const componentSizer = new ComponentSizerMain(preview);\n    graphql.register(componentSizerSchema(componentSizer));\n    return componentSizer;\n  }\n}\n\nComponentSizerAspect.addRuntime(ComponentSizerMain);\n"]}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import { ComponentSizerAspect } from './component-sizer.aspect';
+export type { ComponentSizerMain } from './component-sizer.main.runtime';
+export default ComponentSizerAspect;
+export { ComponentSizerAspect };

package/dist/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ComponentSizerAspect", {
+  enumerable: true,
+  get: function () {
+    return _componentSizer().ComponentSizerAspect;
+  }
+});
+exports.default = void 0;
+
+function _componentSizer() {
+  const data = require("./component-sizer.aspect");
+
+  _componentSizer = function () {
+    return data;
+  };
+
+  return data;
+}
+
+var _default = _componentSizer().ComponentSizerAspect;
+
+exports.default = _default;
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["ComponentSizerAspect"],"mappings":";;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;eAGeA,sC","sourcesContent":["import { ComponentSizerAspect } from './component-sizer.aspect';\n\nexport type { ComponentSizerMain } from './component-sizer.main.runtime';\nexport default ComponentSizerAspect;\nexport { ComponentSizerAspect };\n"]}

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@teambit/component-sizer",
+  "version": "0.0.2",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "teambit.component",
+    "name": "component-sizer",
+    "version": "0.0.2"
+  },
+  "dependencies": {
+    "@teambit/harmony": "0.2.11",
+    "graphql-tag": "2.12.1",
+    "@babel/runtime": "7.12.18",
+    "core-js": "^3.0.0",
+    "@teambit/component": "0.0.629",
+    "@teambit/graphql": "0.0.629",
+    "@teambit/cli": "0.0.433",
+    "@teambit/preview": "0.0.629"
+  },
+  "devDependencies": {
+    "@types/mocha": "5.2.7",
+    "@types/testing-library__jest-dom": "5.9.5",
+    "@types/jest": "^26.0.0",
+    "@types/react-dom": "^17.0.5",
+    "@types/react": "^17.0.8",
+    "@types/node": "12.20.4"
+  },
+  "peerDependencies": {
+    "@teambit/legacy": "1.0.209",
+    "react-dom": "^16.8.0 || ^17.0.0",
+    "react": "^16.8.0 || ^17.0.0"
+  },
+  "license": "Apache-2.0",
+  "bit": {
+    "bindingPrefix": "@teambit",
+    "env": {},
+    "overrides": {
+      "dependencies": {
+        "@teambit/legacy": "-",
+        "@babel/runtime": "7.12.18",
+        "core-js": "^3.0.0",
+        "react-dom": "-",
+        "react": "-"
+      },
+      "devDependencies": {
+        "@teambit/legacy": "-",
+        "@types/mocha": "5.2.7",
+        "@types/testing-library__jest-dom": "5.9.5",
+        "@types/jest": "^26.0.0",
+        "@types/react-dom": "^17.0.5",
+        "@types/react": "^17.0.8",
+        "@types/node": "12.20.4",
+        "react-dom": "-",
+        "react": "-"
+      },
+      "peerDependencies": {
+        "@teambit/legacy": "1.0.209",
+        "react-dom": "^16.8.0 || ^17.0.0",
+        "react": "^16.8.0 || ^17.0.0"
+      }
+    }
+  },
+  "private": false,
+  "engines": {
+    "node": ">=12.22.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/teambit/bit"
+  },
+  "keywords": [
+    "bit",
+    "bit-aspect",
+    "components",
+    "collaboration",
+    "web",
+    "react",
+    "react-components",
+    "angular",
+    "angular-components",
+    "vue",
+    "vue-components"
+  ]
+}

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "lib": [
+      "es2019",
+      "DOM",
+      "ES6",
+      "DOM.Iterable",
+      "ScriptHost"
+    ],
+    "target": "es2015",
+    "module": "commonjs",
+    "jsx": "react",
+    "declaration": true,
+    "sourceMap": true,
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "composite": true,
+    "emitDeclarationOnly": true,
+    "outDir": "dist",
+    "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
+    "allowSyntheticDefaultImports": true,
+    "strictPropertyInitialization": false,
+    "strict": true,
+    "noImplicitAny": false,
+    "rootDir": ".",
+    "preserveConstEnums": true
+  },
+  "exclude": [
+    "dist"
+  ]
+}

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;
+}