@teambit/aspect 0.0.566 → 0.0.570
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/aspect.composition.tsx +7 -0
- package/aspect.ui.runtime.tsx +42 -0
- package/babel/babel-config.ts +33 -0
- package/dist/aspect.env.d.ts +1 -0
- package/dist/aspect.env.js +7 -0
- package/dist/aspect.env.js.map +1 -1
- package/dist/aspect.main.runtime.js +1 -4
- package/dist/aspect.main.runtime.js.map +1 -1
- package/package-tar/teambit-aspect-0.0.570.tgz +0 -0
- package/package.json +14 -29
- package/templates/aspect/files/aspect-file.ts +10 -0
- package/templates/aspect/files/index.ts +10 -0
- package/templates/aspect/files/main-runtime.ts +18 -0
- package/templates/aspect/index.ts +26 -0
- package/types/asset.d.ts +29 -0
- package/types/style.d.ts +42 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CompositionsAspect, CompositionsUI } from '@teambit/compositions';
|
|
3
|
+
import { UIRuntime } from '@teambit/ui';
|
|
4
|
+
import { TesterAspect, TesterUI } from '@teambit/tester';
|
|
5
|
+
import { EmptyBox } from '@teambit/design.ui.empty-box';
|
|
6
|
+
import { AspectAspect } from './aspect.aspect';
|
|
7
|
+
|
|
8
|
+
export class AspectEnvUI {
|
|
9
|
+
static runtime = UIRuntime;
|
|
10
|
+
static slots = [];
|
|
11
|
+
static dependencies = [CompositionsAspect, TesterAspect];
|
|
12
|
+
|
|
13
|
+
static async provider([compositionsUI, testerUi]: [CompositionsUI, TesterUI]) {
|
|
14
|
+
const aspectEnvUI = new AspectEnvUI();
|
|
15
|
+
|
|
16
|
+
testerUi.registerEmptyState(() => {
|
|
17
|
+
return (
|
|
18
|
+
<EmptyBox
|
|
19
|
+
title="This component doesn’t have any tests."
|
|
20
|
+
linkText="Learn how to add tests to your aspect components"
|
|
21
|
+
link="https://harmony-docs.bit.dev/testing/overview/"
|
|
22
|
+
/>
|
|
23
|
+
);
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
compositionsUI.registerEmptyState(() => {
|
|
27
|
+
return (
|
|
28
|
+
<EmptyBox
|
|
29
|
+
title="This component doesn’t have any compositions."
|
|
30
|
+
linkText="Learn how to add compositions to your aspect components"
|
|
31
|
+
link="https://harmony-docs.bit.dev/compositions/overview/"
|
|
32
|
+
/>
|
|
33
|
+
);
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
return aspectEnvUI;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
AspectAspect.addRuntime(AspectEnvUI);
|
|
41
|
+
|
|
42
|
+
export default AspectEnvUI;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
const presets = [
|
|
2
|
+
require.resolve('@babel/preset-react'),
|
|
3
|
+
require.resolve('@babel/preset-typescript'),
|
|
4
|
+
[
|
|
5
|
+
require.resolve('@babel/preset-env'),
|
|
6
|
+
{
|
|
7
|
+
targets: {
|
|
8
|
+
node: 8,
|
|
9
|
+
},
|
|
10
|
+
useBuiltIns: 'usage',
|
|
11
|
+
corejs: 3,
|
|
12
|
+
},
|
|
13
|
+
],
|
|
14
|
+
];
|
|
15
|
+
const plugins = [
|
|
16
|
+
[
|
|
17
|
+
require.resolve('@babel/plugin-transform-modules-commonjs'),
|
|
18
|
+
{
|
|
19
|
+
lazy: () => true,
|
|
20
|
+
},
|
|
21
|
+
],
|
|
22
|
+
require.resolve('babel-plugin-transform-typescript-metadata'),
|
|
23
|
+
[require.resolve('@babel/plugin-proposal-decorators'), { legacy: true }],
|
|
24
|
+
[require.resolve('@babel/plugin-transform-runtime')],
|
|
25
|
+
[require.resolve('@babel/plugin-proposal-object-rest-spread')],
|
|
26
|
+
[require.resolve('@babel/plugin-proposal-class-properties')],
|
|
27
|
+
];
|
|
28
|
+
|
|
29
|
+
export const babelConfig = {
|
|
30
|
+
presets,
|
|
31
|
+
plugins,
|
|
32
|
+
sourceMaps: true,
|
|
33
|
+
};
|
package/dist/aspect.env.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export declare class AspectEnv implements DependenciesEnv {
|
|
|
15
15
|
}>;
|
|
16
16
|
getTsConfig(tsConfig: TsConfigSourceFile): any;
|
|
17
17
|
createTsCompiler(tsConfig: TsConfigSourceFile): Compiler;
|
|
18
|
+
getNpmIgnore(): string[];
|
|
18
19
|
getDependencies(): Promise<{
|
|
19
20
|
dependencies: {
|
|
20
21
|
react: string;
|
package/dist/aspect.env.js
CHANGED
|
@@ -59,6 +59,13 @@ class AspectEnv {
|
|
|
59
59
|
return this.reactEnv.getCompiler(this.getTsConfig(tsConfig));
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
+
getNpmIgnore() {
|
|
63
|
+
// ignores only .ts files in the root directory, so d.ts files inside dists are unaffected.
|
|
64
|
+
// without this change, the package has "index.ts" file in the root, causing typescript to parse it instead of the
|
|
65
|
+
// d.ts files. (changing the "types" prop in the package.json file doesn't help).
|
|
66
|
+
return ['/*.ts'];
|
|
67
|
+
}
|
|
68
|
+
|
|
62
69
|
async getDependencies() {
|
|
63
70
|
return {
|
|
64
71
|
dependencies: {
|
package/dist/aspect.env.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["aspect.env.ts"],"names":["tsconfig","require","AspectEnvType","AspectEnv","constructor","reactEnv","__getDescriptor","type","getTsConfig","tsConfig","targetConf","createTsCompiler","getCompiler","getDependencies","dependencies","react","devDependencies","peerDependencies"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA,MAAMA,QAAQ,GAAGC,OAAO,CAAC,4BAAD,CAAxB;;AAEO,MAAMC,aAAa,GAAG,QAAtB;AAEP;AACA;AACA;;;;AACO,MAAMC,SAAN,CAA2C;AAChDC,EAAAA,WAAW,CAASC,QAAT,EAA6B;AAAA,SAApBA,QAAoB,GAApBA,QAAoB;AAAA,kDAEjC,qDAFiC;AAAE;;AAIrB,QAAfC,eAAe,GAAG;AACtB,WAAO;AACLC,MAAAA,IAAI,EAAEL;AADD,KAAP;AAGD;;AAEDM,EAAAA,WAAW,CAACC,QAAD,EAA+B;AACxC,UAAMC,UAAU,GAAG,qBAAMV,QAAN,EAAgBS,QAAhB,CAAnB;AACA,WAAOC,UAAP;AACD;;AAEDC,EAAAA,gBAAgB,CAACF,QAAD,EAAyC;AACvD,WAAO,KAAKJ,QAAL,CAAcO,WAAd,CAA0B,KAAKJ,WAAL,CAAiBC,QAAjB,CAA1B,CAAP;AACD;;AAEoB,
|
|
1
|
+
{"version":3,"sources":["aspect.env.ts"],"names":["tsconfig","require","AspectEnvType","AspectEnv","constructor","reactEnv","__getDescriptor","type","getTsConfig","tsConfig","targetConf","createTsCompiler","getCompiler","getNpmIgnore","getDependencies","dependencies","react","devDependencies","peerDependencies"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIA,MAAMA,QAAQ,GAAGC,OAAO,CAAC,4BAAD,CAAxB;;AAEO,MAAMC,aAAa,GAAG,QAAtB;AAEP;AACA;AACA;;;;AACO,MAAMC,SAAN,CAA2C;AAChDC,EAAAA,WAAW,CAASC,QAAT,EAA6B;AAAA,SAApBA,QAAoB,GAApBA,QAAoB;AAAA,kDAEjC,qDAFiC;AAAE;;AAIrB,QAAfC,eAAe,GAAG;AACtB,WAAO;AACLC,MAAAA,IAAI,EAAEL;AADD,KAAP;AAGD;;AAEDM,EAAAA,WAAW,CAACC,QAAD,EAA+B;AACxC,UAAMC,UAAU,GAAG,qBAAMV,QAAN,EAAgBS,QAAhB,CAAnB;AACA,WAAOC,UAAP;AACD;;AAEDC,EAAAA,gBAAgB,CAACF,QAAD,EAAyC;AACvD,WAAO,KAAKJ,QAAL,CAAcO,WAAd,CAA0B,KAAKJ,WAAL,CAAiBC,QAAjB,CAA1B,CAAP;AACD;;AAEDI,EAAAA,YAAY,GAAG;AACb;AACA;AACA;AACA,WAAO,CAAC,OAAD,CAAP;AACD;;AAEoB,QAAfC,eAAe,GAAG;AACtB,WAAO;AACLC,MAAAA,YAAY,EAAE;AACZC,QAAAA,KAAK,EAAE,GADK;AAEZ,qBAAa,GAFD;AAGZ,mBAAW,QAHC;AAIZ;AACA,0BAAkB;AALN,OADT;AAQL;AACAC,MAAAA,eAAe,EAAE;AACfD,QAAAA,KAAK,EAAE,GADQ;AAEf,qBAAa,GAFE;AAGf,wBAAgB,GAHD;AAIf,uBAAe,SAJA;AAKf,wBAAgB,SALD;AAMf,4BAAoB,SANL;AAOf,uBAAe,SAPA;AAQf,4CAAoC;AARrB,OATZ;AAmBLE,MAAAA,gBAAgB,EAAE;AAChB;AACAF,QAAAA,KAAK,EAAE,oBAFS;AAGhB,qBAAa;AAHG;AAnBb,KAAP;AAyBD;;AArD+C","sourcesContent":["import { Compiler } from '@teambit/compiler';\nimport { DependenciesEnv } from '@teambit/envs';\nimport { merge } from 'lodash';\nimport { TsConfigSourceFile } from 'typescript';\nimport { ReactEnv } from '@teambit/react';\n\nconst tsconfig = require('./typescript/tsconfig.json');\n\nexport const AspectEnvType = 'aspect';\n\n/**\n * a component environment built for [Aspects](https://reactjs.org) .\n */\nexport class AspectEnv implements DependenciesEnv {\n constructor(private reactEnv: ReactEnv) {}\n\n icon = 'https://static.bit.dev/extensions-icons/default.svg';\n\n async __getDescriptor() {\n return {\n type: AspectEnvType,\n };\n }\n\n getTsConfig(tsConfig: TsConfigSourceFile) {\n const targetConf = merge(tsconfig, tsConfig);\n return targetConf;\n }\n\n createTsCompiler(tsConfig: TsConfigSourceFile): Compiler {\n return this.reactEnv.getCompiler(this.getTsConfig(tsConfig));\n }\n\n getNpmIgnore() {\n // ignores only .ts files in the root directory, so d.ts files inside dists are unaffected.\n // without this change, the package has \"index.ts\" file in the root, causing typescript to parse it instead of the\n // d.ts files. (changing the \"types\" prop in the package.json file doesn't help).\n return ['/*.ts'];\n }\n\n async getDependencies() {\n return {\n dependencies: {\n react: '-',\n 'react-dom': '-',\n 'core-js': '^3.0.0',\n // For aspects the babel runtime should be a runtime dep not only dev as they are compiled by babel\n '@babel/runtime': '7.12.18',\n },\n // TODO: add this only if using ts\n devDependencies: {\n react: '-',\n 'react-dom': '-',\n '@types/mocha': '-',\n '@types/node': '12.20.4',\n '@types/react': '^17.0.8',\n '@types/react-dom': '^17.0.5',\n '@types/jest': '^26.0.0',\n '@types/testing-library__jest-dom': '5.9.5',\n },\n peerDependencies: {\n // TODO: check if we really need react for aspects (maybe for ink support)\n react: '^16.8.0 || ^17.0.0',\n 'react-dom': '^16.8.0 || ^17.0.0',\n },\n };\n }\n}\n"]}
|
|
@@ -186,10 +186,7 @@ class AspectMain {
|
|
|
186
186
|
|
|
187
187
|
const tsCompiler = react.env.getCompiler([transformer]);
|
|
188
188
|
const compilerTasksOverride = react.overrideCompilerTasks([compiler.createTask('BabelCompiler', babelCompiler), compiler.createTask('TypescriptCompiler', tsCompiler)]);
|
|
189
|
-
const
|
|
190
|
-
files: [babelCompiler.distDir, `!${babelCompiler.distDir}/tsconfig.tsbuildinfo`, '**/*.md', '**/*.mdx', '**/*.js', '**/*.json', '**/*.sass', '**/*.scss', '**/*.less', '**/*.css', '**/*.css', '**/*.jpeg', '**/*.gif']
|
|
191
|
-
});
|
|
192
|
-
const aspectEnv = react.compose([compilerOverride, compilerTasksOverride, pkgJsonOverride], new (_aspect2().AspectEnv)(react.reactEnv));
|
|
189
|
+
const aspectEnv = react.compose([compilerOverride, compilerTasksOverride], new (_aspect2().AspectEnv)(react.reactEnv));
|
|
193
190
|
const coreExporterTask = new (_coreExporter().CoreExporterTask)(aspectEnv, aspectLoader);
|
|
194
191
|
|
|
195
192
|
if (!__dirname.includes('@teambit/bit')) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["aspect.main.runtime.ts"],"names":["tsconfig","require","AspectMain","constructor","aspectEnv","envs","compose","transformers","provider","react","builder","aspectLoader","compiler","babel","generator","babelCompiler","createCompiler","babelTransformOptions","babelConfig","distDir","distGlobPatterns","compilerOverride","override","getCompiler","transformer","config","mergeTsConfig","setArtifactName","setDistGlobPatterns","setShouldCopyNonSupportedFiles","tsCompiler","env","compilerTasksOverride","overrideCompilerTasks","createTask","
|
|
1
|
+
{"version":3,"sources":["aspect.main.runtime.ts"],"names":["tsconfig","require","AspectMain","constructor","aspectEnv","envs","compose","transformers","provider","react","builder","aspectLoader","compiler","babel","generator","babelCompiler","createCompiler","babelTransformOptions","babelConfig","distDir","distGlobPatterns","compilerOverride","override","getCompiler","transformer","config","mergeTsConfig","setArtifactName","setDistGlobPatterns","setShouldCopyNonSupportedFiles","tsCompiler","env","compilerTasksOverride","overrideCompilerTasks","createTask","AspectEnv","reactEnv","coreExporterTask","CoreExporterTask","__dirname","includes","registerBuildTasks","registerEnv","registerComponentTemplate","aspectTemplate","MainRuntime","ReactAspect","EnvsAspect","BuilderAspect","AspectLoaderAspect","CompilerAspect","BabelAspect","GeneratorAspect","AspectAspect","addRuntime"],"mappings":"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","sourcesContent":["import { AspectLoaderAspect, AspectLoaderMain } from '@teambit/aspect-loader';\nimport { BuilderAspect, BuilderMain } from '@teambit/builder';\nimport { MainRuntime } from '@teambit/cli';\nimport { EnvsAspect, EnvsMain, EnvTransformer } from '@teambit/envs';\nimport { ReactAspect, ReactMain } from '@teambit/react';\nimport { GeneratorAspect, GeneratorMain } from '@teambit/generator';\nimport { BabelAspect, BabelMain } from '@teambit/babel';\nimport { CompilerAspect, CompilerMain } from '@teambit/compiler';\nimport { AspectAspect } from './aspect.aspect';\nimport { AspectEnv } from './aspect.env';\nimport { CoreExporterTask } from './core-exporter.task';\nimport { aspectTemplate } from './templates/aspect';\nimport { babelConfig } from './babel/babel-config';\n\nconst tsconfig = require('./typescript/tsconfig.json');\n\nexport class AspectMain {\n constructor(readonly aspectEnv: AspectEnv, private envs: EnvsMain) {}\n\n /**\n * compose your own aspect environment.\n */\n compose(transformers: EnvTransformer[] = []) {\n return this.envs.compose(this.aspectEnv, transformers);\n }\n\n static runtime = MainRuntime;\n static dependencies = [\n ReactAspect,\n EnvsAspect,\n BuilderAspect,\n AspectLoaderAspect,\n CompilerAspect,\n BabelAspect,\n GeneratorAspect,\n ];\n\n static async provider([react, envs, builder, aspectLoader, compiler, babel, generator]: [\n ReactMain,\n EnvsMain,\n BuilderMain,\n AspectLoaderMain,\n CompilerMain,\n BabelMain,\n GeneratorMain\n ]) {\n const babelCompiler = babel.createCompiler({\n babelTransformOptions: babelConfig,\n distDir: 'dist',\n distGlobPatterns: [`dist/**`, `!dist/**/*.d.ts`, `!dist/tsconfig.tsbuildinfo`],\n });\n const compilerOverride = envs.override({\n getCompiler: () => {\n return babelCompiler;\n },\n });\n\n const transformer = (config) => {\n config\n .mergeTsConfig(tsconfig)\n .setArtifactName('declaration')\n .setDistGlobPatterns([`dist/**/*.d.ts`])\n .setShouldCopyNonSupportedFiles(false);\n return config;\n };\n const tsCompiler = react.env.getCompiler([transformer]);\n\n const compilerTasksOverride = react.overrideCompilerTasks([\n compiler.createTask('BabelCompiler', babelCompiler),\n compiler.createTask('TypescriptCompiler', tsCompiler),\n ]);\n\n const aspectEnv = react.compose([compilerOverride, compilerTasksOverride], new AspectEnv(react.reactEnv));\n\n const coreExporterTask = new CoreExporterTask(aspectEnv, aspectLoader);\n if (!__dirname.includes('@teambit/bit')) {\n builder.registerBuildTasks([coreExporterTask]);\n }\n\n envs.registerEnv(aspectEnv);\n generator.registerComponentTemplate([aspectTemplate]);\n return new AspectMain(aspectEnv as AspectEnv, envs);\n }\n}\n\nAspectAspect.addRuntime(AspectMain);\n"]}
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/aspect",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.570",
|
|
4
4
|
"homepage": "https://bit.dev/teambit/harmony/aspect",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.harmony",
|
|
8
8
|
"name": "aspect",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.570"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"@teambit/harmony": "0.2.11",
|
|
@@ -24,19 +24,19 @@
|
|
|
24
24
|
"@babel/plugin-proposal-class-properties": "7.12.13",
|
|
25
25
|
"@babel/runtime": "7.12.18",
|
|
26
26
|
"core-js": "^3.0.0",
|
|
27
|
-
"@teambit/compiler": "0.0.
|
|
28
|
-
"@teambit/envs": "0.0.
|
|
29
|
-
"@teambit/react": "0.0.
|
|
30
|
-
"@teambit/aspect-loader": "0.0.
|
|
31
|
-
"@teambit/babel": "0.0.
|
|
32
|
-
"@teambit/builder": "0.0.
|
|
33
|
-
"@teambit/cli": "0.0.
|
|
34
|
-
"@teambit/generator": "0.0.
|
|
35
|
-
"@teambit/compositions": "0.0.
|
|
27
|
+
"@teambit/compiler": "0.0.570",
|
|
28
|
+
"@teambit/envs": "0.0.570",
|
|
29
|
+
"@teambit/react": "0.0.570",
|
|
30
|
+
"@teambit/aspect-loader": "0.0.570",
|
|
31
|
+
"@teambit/babel": "0.0.570",
|
|
32
|
+
"@teambit/builder": "0.0.570",
|
|
33
|
+
"@teambit/cli": "0.0.395",
|
|
34
|
+
"@teambit/generator": "0.0.570",
|
|
35
|
+
"@teambit/compositions": "0.0.570",
|
|
36
36
|
"@teambit/design.ui.empty-box": "0.0.352",
|
|
37
|
-
"@teambit/tester": "0.0.
|
|
38
|
-
"@teambit/ui": "0.0.
|
|
39
|
-
"@teambit/isolator": "0.0.
|
|
37
|
+
"@teambit/tester": "0.0.570",
|
|
38
|
+
"@teambit/ui": "0.0.570",
|
|
39
|
+
"@teambit/isolator": "0.0.570"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@types/react": "^17.0.8",
|
|
@@ -87,21 +87,6 @@
|
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
},
|
|
90
|
-
"files": [
|
|
91
|
-
"dist",
|
|
92
|
-
"!dist/tsconfig.tsbuildinfo",
|
|
93
|
-
"**/*.md",
|
|
94
|
-
"**/*.mdx",
|
|
95
|
-
"**/*.js",
|
|
96
|
-
"**/*.json",
|
|
97
|
-
"**/*.sass",
|
|
98
|
-
"**/*.scss",
|
|
99
|
-
"**/*.less",
|
|
100
|
-
"**/*.css",
|
|
101
|
-
"**/*.css",
|
|
102
|
-
"**/*.jpeg",
|
|
103
|
-
"**/*.gif"
|
|
104
|
-
],
|
|
105
90
|
"private": false,
|
|
106
91
|
"engines": {
|
|
107
92
|
"node": ">=12.22.0"
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentContext } from '@teambit/generator';
|
|
2
|
+
|
|
3
|
+
export function aspectFile({ namePascalCase, componentId }: ComponentContext) {
|
|
4
|
+
return `import { Aspect } from '@teambit/harmony';
|
|
5
|
+
|
|
6
|
+
export const ${namePascalCase}Aspect = Aspect.create({
|
|
7
|
+
id: '${componentId}',
|
|
8
|
+
});
|
|
9
|
+
`;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentContext } from '@teambit/generator';
|
|
2
|
+
|
|
3
|
+
export function indexFile({ namePascalCase, name }: ComponentContext) {
|
|
4
|
+
return `import { ${namePascalCase}Aspect } from './${name}.aspect';
|
|
5
|
+
|
|
6
|
+
export type { ${namePascalCase}Main } from './${name}.main.runtime';
|
|
7
|
+
export default ${namePascalCase}Aspect;
|
|
8
|
+
export { ${namePascalCase}Aspect };
|
|
9
|
+
`;
|
|
10
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentContext } from '@teambit/generator';
|
|
2
|
+
|
|
3
|
+
export function mainRuntime({ name, namePascalCase }: ComponentContext) {
|
|
4
|
+
return `import { MainRuntime } from '@teambit/cli';
|
|
5
|
+
import { ${namePascalCase}Aspect } from './${name}.aspect';
|
|
6
|
+
|
|
7
|
+
export class ${namePascalCase}Main {
|
|
8
|
+
static slots = [];
|
|
9
|
+
static dependencies = [];
|
|
10
|
+
static runtime = MainRuntime;
|
|
11
|
+
static async provider() {
|
|
12
|
+
return new ${namePascalCase}Main();
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
${namePascalCase}Aspect.addRuntime(${namePascalCase}Main);
|
|
17
|
+
`;
|
|
18
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { ComponentContext, ComponentTemplate } from '@teambit/generator';
|
|
2
|
+
import { indexFile } from './files/index';
|
|
3
|
+
import { aspectFile } from './files/aspect-file';
|
|
4
|
+
import { mainRuntime } from './files/main-runtime';
|
|
5
|
+
|
|
6
|
+
export const aspectTemplate: ComponentTemplate = {
|
|
7
|
+
name: 'aspect',
|
|
8
|
+
description: 'extend Bit capabilities',
|
|
9
|
+
generateFiles: (context: ComponentContext) => {
|
|
10
|
+
return [
|
|
11
|
+
{
|
|
12
|
+
relativePath: 'index.ts',
|
|
13
|
+
content: indexFile(context),
|
|
14
|
+
isMain: true,
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
relativePath: `${context.name}.aspect.ts`,
|
|
18
|
+
content: aspectFile(context),
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
relativePath: `${context.name}.main.runtime.ts`,
|
|
22
|
+
content: mainRuntime(context),
|
|
23
|
+
},
|
|
24
|
+
];
|
|
25
|
+
},
|
|
26
|
+
};
|
package/types/asset.d.ts
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
declare module '*.png' {
|
|
2
|
+
const value: any;
|
|
3
|
+
export = value;
|
|
4
|
+
}
|
|
5
|
+
declare module '*.svg' {
|
|
6
|
+
import type { FunctionComponent, SVGProps } from 'react';
|
|
7
|
+
|
|
8
|
+
export const ReactComponent: FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>;
|
|
9
|
+
const src: string;
|
|
10
|
+
export default src;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// @TODO Gilad
|
|
14
|
+
declare module '*.jpg' {
|
|
15
|
+
const value: any;
|
|
16
|
+
export = value;
|
|
17
|
+
}
|
|
18
|
+
declare module '*.jpeg' {
|
|
19
|
+
const value: any;
|
|
20
|
+
export = value;
|
|
21
|
+
}
|
|
22
|
+
declare module '*.gif' {
|
|
23
|
+
const value: any;
|
|
24
|
+
export = value;
|
|
25
|
+
}
|
|
26
|
+
declare module '*.bmp' {
|
|
27
|
+
const value: any;
|
|
28
|
+
export = value;
|
|
29
|
+
}
|
package/types/style.d.ts
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
declare module '*.module.css' {
|
|
2
|
+
const classes: { readonly [key: string]: string };
|
|
3
|
+
export default classes;
|
|
4
|
+
}
|
|
5
|
+
declare module '*.module.scss' {
|
|
6
|
+
const classes: { readonly [key: string]: string };
|
|
7
|
+
export default classes;
|
|
8
|
+
}
|
|
9
|
+
declare module '*.module.sass' {
|
|
10
|
+
const classes: { readonly [key: string]: string };
|
|
11
|
+
export default classes;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
declare module '*.module.less' {
|
|
15
|
+
const classes: { readonly [key: string]: string };
|
|
16
|
+
export default classes;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare module '*.less' {
|
|
20
|
+
const classes: { readonly [key: string]: string };
|
|
21
|
+
export default classes;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
declare module '*.css' {
|
|
25
|
+
const classes: { readonly [key: string]: string };
|
|
26
|
+
export default classes;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
declare module '*.sass' {
|
|
30
|
+
const classes: { readonly [key: string]: string };
|
|
31
|
+
export default classes;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
declare module '*.scss' {
|
|
35
|
+
const classes: { readonly [key: string]: string };
|
|
36
|
+
export default classes;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
declare module '*.mdx' {
|
|
40
|
+
const component: any;
|
|
41
|
+
export default component;
|
|
42
|
+
}
|