@teambit/node 0.0.565 → 0.0.569

package/node.composition.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export const Logo = () => (
+  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>
+    <img style={{ width: 70 }} src="https://static.bit.dev/brands/logo-nodejs.svg" />
+  </div>
+);

package/node.ui.runtime.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { CompositionsAspect, CompositionsUI } from '@teambit/compositions';
+import { UIRuntime } from '@teambit/ui';
+import { TesterAspect, TesterUI } from '@teambit/tester';
+import { EmptyBox } from '@teambit/design.ui.empty-box';
+import { NodeAspect } from './node.aspect';
+
+export class NodeEnvUI {
+  static runtime = UIRuntime;
+  static slots = [];
+  static dependencies = [CompositionsAspect, TesterAspect];
+
+  static async provider([compositionsUI, testerUi]: [CompositionsUI, TesterUI]) {
+    const nodeEnvUI = new NodeEnvUI();
+
+    testerUi.registerEmptyState(() => {
+      return (
+        <EmptyBox
+          title="This component doesn’t have any tests."
+          linkText="Learn how to add tests to your node components"
+          link="https://harmony-docs.bit.dev/testing/overview/"
+        />
+      );
+    });
+
+    compositionsUI.registerEmptyState(() => {
+      return (
+        <EmptyBox
+          title="This component doesn’t have any compositions."
+          linkText="Learn how to add compositions to your node components"
+          link="https://harmony-docs.bit.dev/compositions/overview/"
+        />
+      );
+    });
+
+    return nodeEnvUI;
+  }
+}
+
+NodeAspect.addRuntime(NodeEnvUI);
+
+export default NodeEnvUI;

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/node",
-  "version": "0.0.565",
+  "version": "0.0.569",
   "homepage": "https://bit.dev/teambit/harmony/node",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "node",
-    "version": "0.0.565"
+    "version": "0.0.569"
   },
   "dependencies": {
     "@teambit/harmony": "0.2.11",
@@ -14,19 +14,19 @@
     "typescript": "4.4.2",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/dependency-resolver": "0.0.565",
-    "@teambit/envs": "0.0.565",
-    "@teambit/builder": "0.0.565",
-    "@teambit/cli": "0.0.392",
-    "@teambit/compiler": "0.0.565",
-    "@teambit/generator": "0.0.565",
-    "@teambit/pkg": "0.0.565",
-    "@teambit/react": "0.0.565",
-    "@teambit/typescript": "0.0.565",
-    "@teambit/compositions": "0.0.565",
+    "@teambit/dependency-resolver": "0.0.569",
+    "@teambit/envs": "0.0.569",
+    "@teambit/builder": "0.0.569",
+    "@teambit/cli": "0.0.395",
+    "@teambit/compiler": "0.0.569",
+    "@teambit/generator": "0.0.569",
+    "@teambit/pkg": "0.0.569",
+    "@teambit/react": "0.0.569",
+    "@teambit/typescript": "0.0.569",
+    "@teambit/compositions": "0.0.569",
     "@teambit/design.ui.empty-box": "0.0.352",
-    "@teambit/tester": "0.0.565",
-    "@teambit/ui": "0.0.565"
+    "@teambit/tester": "0.0.569",
+    "@teambit/ui": "0.0.569"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -36,10 +36,10 @@
     "@types/jest": "^26.0.0",
     "@types/react-dom": "^17.0.5",
     "@types/node": "12.20.4",
-    "@teambit/harmony.aspect-docs.node": "0.0.111"
+    "@teambit/harmony.aspect-docs.node": "0.0.115"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.178",
+    "@teambit/legacy": "1.0.181",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -67,27 +67,12 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.178",
+        "@teambit/legacy": "1.0.181",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }
     }
   },
-  "files": [
-    "dist",
-    "!dist/tsconfig.tsbuildinfo",
-    "**/*.md",
-    "**/*.mdx",
-    "**/*.js",
-    "**/*.json",
-    "**/*.sass",
-    "**/*.scss",
-    "**/*.less",
-    "**/*.css",
-    "**/*.css",
-    "**/*.jpeg",
-    "**/*.gif"
-  ],
   "private": false,
   "engines": {
     "node": ">=12.22.0"

package/templates/node/files/composition.ts

@@ -0,0 +1,14 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function compositionFile(context: ComponentContext) {
+  return {
+    relativePath: `${context.name}.composition.tsx`,
+    content: `import React from 'react';
+import { ${context.nameCamelCase} } from './${context.name}';
+
+export function ReturnsCorrectValue() {
+  return <div>{${context.nameCamelCase}()}</div>;
+}
+`,
+  };
+}

package/templates/node/files/doc.ts

@@ -0,0 +1,18 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function docFile(context: ComponentContext) {
+  return {
+    relativePath: `${context.name}.docs.mdx`,
+    content: `---
+labels: ['module']
+description: 'A general purpose node module'
+---
+
+API:
+
+\`\`\`ts
+function ${context.nameCamelCase}(): string;
+\`\`\`
+`,
+  };
+}

package/templates/node/files/index.ts

@@ -0,0 +1,10 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function indexFile(context: ComponentContext) {
+  return {
+    relativePath: 'index.ts',
+    content: `export { ${context.nameCamelCase} } from './${context.name}';
+`,
+    isMain: true,
+  };
+}

package/templates/node/files/main.ts

@@ -0,0 +1,11 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function mainFile(context: ComponentContext) {
+  return {
+    relativePath: `${context.name}.ts`,
+    content: `export function ${context.nameCamelCase}() {
+  return 'Hello world!';
+}
+`,
+  };
+}

package/templates/node/files/test.ts

@@ -0,0 +1,13 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function testFile(context: ComponentContext) {
+  return {
+    relativePath: `${context.name}.spec.ts`,
+    content: `import { ${context.nameCamelCase} } from './${context.name}';
+
+it('should return the correct value', () => {
+  expect(${context.nameCamelCase}()).toBe('Hello world!');
+});
+`,
+  };
+}

package/templates/node/index.ts

@@ -0,0 +1,14 @@
+import { ComponentContext, ComponentTemplate } from '@teambit/generator';
+import { indexFile } from './files/index';
+import { docFile } from './files/doc';
+import { mainFile } from './files/main';
+import { testFile } from './files/test';
+import { compositionFile } from './files/composition';
+
+export const nodeTemplate: ComponentTemplate = {
+  name: 'node',
+  description: 'a Node.js module',
+  generateFiles: (context: ComponentContext) => {
+    return [indexFile(context), docFile(context), mainFile(context), compositionFile(context), testFile(context)];
+  },
+};

package/templates/node-env/files/doc.ts

@@ -0,0 +1,11 @@
+export function docFile() {
+  return `---
+labels: ['extension', 'node', 'env', 'environment']
+description: 'A customized extension for Node environment.'
+---
+
+This is a customized extension for Node, based of the [Node Aspect](https://bit.dev/teambit/harmony/node).
+
+Explain here the modified configurations and tools applied.
+`;
+}

package/templates/node-env/files/extension.ts

@@ -0,0 +1,25 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function extensionFile({ namePascalCase: Name }: ComponentContext) {
+  return `import { EnvsMain, EnvsAspect } from '@teambit/envs'
+import { NodeAspect, NodeMain } from '@teambit/node'
+
+export class ${Name}Extension {
+  constructor(private node: NodeMain) {}
+
+  static dependencies: any = [EnvsAspect, NodeAspect]
+
+  static async provider([envs, node]: [EnvsMain, NodeMain]) {
+    const ${Name}Env = node.compose([
+      /*
+        Use any of the "node.override..." transformers to
+      */
+    ])
+
+    envs.registerEnv(${Name}Env)
+
+    return new ${Name}Extension(node)
+  }
+}
+`;
+}

package/templates/node-env/files/index.ts

@@ -0,0 +1,8 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function indexFile({ namePascalCase: Name, name }: ComponentContext) {
+  return `import { ${Name}Extension } from './${name}.extension';
+export { ${Name}Extension };
+export default ${Name}Extension;
+`;
+}

package/templates/node-env/index.ts

@@ -0,0 +1,26 @@
+import { ComponentContext, ComponentTemplate } from '@teambit/generator';
+import { indexFile } from './files/index';
+import { docFile } from './files/doc';
+import { extensionFile } from './files/extension';
+
+export const nodeEnvTemplate: ComponentTemplate = {
+  name: 'node-env',
+  description: 'customize the base Node env with your configs and tools',
+  generateFiles: (context: ComponentContext) => {
+    return [
+      {
+        relativePath: 'index.ts',
+        content: indexFile(context),
+        isMain: true,
+      },
+      {
+        relativePath: `${context.name}.docs.mdx`,
+        content: docFile(),
+      },
+      {
+        relativePath: `${context.name}.extension.ts`,
+        content: extensionFile(context),
+      },
+    ];
+  },
+};

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