initial commit

obenjiro · obenjiro · commit 9a070f4137ef · 2017-08-09T10:24:50.000+03:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,58 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,20 @@
+{
+    // Use IntelliSense to learn about possible Node.js debug attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Launch Program",
+            "cwd": "${workspaceRoot}/example",
+            "args": [
+                "index.html"
+            ],
+            "runtimeExecutable": "${env:HOME}/.nvm/versions/v7.3.0/bin/node",
+            "program": "${workspaceRoot}/cli.js"
+        }
+    ]
+}
diff --git a/cli.js b/cli.js
@@ -0,0 +1,42 @@
+#!/usr/bin/env node
+var program = require('commander');
+var process = require('process');
+var path = require('path');
+var fse = require('fs-extra');
+var package = require('./package.json');
+var cac = require('./index');
+
+program
+    .description(package.description)
+    .arguments('<file>')
+    .action(function (file) {
+        var fileText = fse.readFileSync(file, 'utf8');
+        var components = cac.getComponentsFromHtml(fileText);
+        var generatedCount = 0;
+
+        components.forEach(function(component){
+            var targetPath = path.join(process.cwd(), component.dashedName);
+            fse.removeSync(targetPath);
+            fse.mkdirSync(targetPath);            
+            
+            var tsFilePath = path.join(targetPath, component.dashedName + '.component.ts');
+            var cssFilePath = path.join(targetPath, component.dashedName + '.component.css');
+            var htmlFilePath = path.join(targetPath, component.dashedName + '.component.html');
+            var specFilePath = path.join(targetPath, component.dashedName + '.component.spec.ts');
+
+            fse.writeFileSync(tsFilePath, component.ts, 'utf8');
+            fse.writeFileSync(cssFilePath, component.css, 'utf8');
+            fse.writeFileSync(htmlFilePath, component.html, 'utf8');
+            fse.writeFileSync(specFilePath, component.spec, 'utf8');
+            generatedCount++;
+        });
+
+        console.log('Generated ' + generatedCount + ' components, into ' + process.cwd());
+    })
+    .version(package.version)
+    .parse(process.argv);
+
+// Check the program.args obj - if none, show help
+if (program.args.length === 0) {
+  program.help();
+}
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+</head>
+<body>
+    <div data-component="Test">
+        <h1>Test</h1>
+        <div class="inside" data-component="InnerTest">
+            <span>content</span>
+            <div class="inside" data-component="SubChildTest">
+                <span>content</span>
+            </div>
+            <div class="inside" data-component="SubChildTest2">
+                <span>content2</span>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/example/inner-test/inner-test.component.css b/example/inner-test/inner-test.component.css
diff --git a/example/inner-test/inner-test.component.html b/example/inner-test/inner-test.component.html
@@ -0,0 +1,5 @@
+<div class="inside">
+            <span>content</span>
+            <sub-child-test></sub-child-test>
+            <sub-child-test2></sub-child-test2>
+        </div>
diff --git a/example/inner-test/inner-test.component.spec.ts b/example/inner-test/inner-test.component.spec.ts
@@ -0,0 +1,26 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { InnerTestComponent } from './inner-test.component';
+
+describe('InnerTestComponent', () => {
+    let component: InnerTestComponent;
+    let fixture: ComponentFixture<InnerTestComponent>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [ InnerTestComponent ]
+        })
+        .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(InnerTestComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should be created', () => {
+        expect(component).toBeTruthy();
+    });
+});
+    
diff --git a/example/inner-test/inner-test.component.ts b/example/inner-test/inner-test.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'inner-test',
+    templateUrl: './inner-test.component.html',
+    styleUrls: ['./inner-test.component.css']
+})
+export class InnerTestComponent {
+    constructor () {}
+}
+    
diff --git a/example/sub-child-test/sub-child-test.component.css b/example/sub-child-test/sub-child-test.component.css
diff --git a/example/sub-child-test/sub-child-test.component.html b/example/sub-child-test/sub-child-test.component.html
@@ -0,0 +1,3 @@
+<div class="inside">
+                <span>content</span>
+            </div>
diff --git a/example/sub-child-test/sub-child-test.component.spec.ts b/example/sub-child-test/sub-child-test.component.spec.ts
@@ -0,0 +1,26 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SubChildTestComponent } from './sub-child-test.component';
+
+describe('SubChildTestComponent', () => {
+    let component: SubChildTestComponent;
+    let fixture: ComponentFixture<SubChildTestComponent>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [ SubChildTestComponent ]
+        })
+        .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(SubChildTestComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should be created', () => {
+        expect(component).toBeTruthy();
+    });
+});
+    
diff --git a/example/sub-child-test/sub-child-test.component.ts b/example/sub-child-test/sub-child-test.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'sub-child-test',
+    templateUrl: './sub-child-test.component.html',
+    styleUrls: ['./sub-child-test.component.css']
+})
+export class SubChildTestComponent {
+    constructor () {}
+}
+    
diff --git a/example/sub-child-test2/sub-child-test2.component.css b/example/sub-child-test2/sub-child-test2.component.css
diff --git a/example/sub-child-test2/sub-child-test2.component.html b/example/sub-child-test2/sub-child-test2.component.html
@@ -0,0 +1,3 @@
+<div class="inside">
+                <span>content2</span>
+            </div>
diff --git a/example/sub-child-test2/sub-child-test2.component.spec.ts b/example/sub-child-test2/sub-child-test2.component.spec.ts
@@ -0,0 +1,26 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SubChildTest2Component } from './sub-child-test2.component';
+
+describe('SubChildTest2Component', () => {
+    let component: SubChildTest2Component;
+    let fixture: ComponentFixture<SubChildTest2Component>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [ SubChildTest2Component ]
+        })
+        .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(SubChildTest2Component);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should be created', () => {
+        expect(component).toBeTruthy();
+    });
+});
+    
diff --git a/example/sub-child-test2/sub-child-test2.component.ts b/example/sub-child-test2/sub-child-test2.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'sub-child-test2',
+    templateUrl: './sub-child-test2.component.html',
+    styleUrls: ['./sub-child-test2.component.css']
+})
+export class SubChildTest2Component {
+    constructor () {}
+}
+    
diff --git a/example/test/test.component.css b/example/test/test.component.css
diff --git a/example/test/test.component.html b/example/test/test.component.html
@@ -0,0 +1,4 @@
+<div>
+        <h1>Test</h1>
+        <inner-test></inner-test>
+    </div>
diff --git a/example/test/test.component.spec.ts b/example/test/test.component.spec.ts
@@ -0,0 +1,26 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { TestComponent } from './test.component';
+
+describe('TestComponent', () => {
+    let component: TestComponent;
+    let fixture: ComponentFixture<TestComponent>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [ TestComponent ]
+        })
+        .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(TestComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should be created', () => {
+        expect(component).toBeTruthy();
+    });
+});
+    
diff --git a/example/test/test.component.ts b/example/test/test.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'test',
+    templateUrl: './test.component.html',
+    styleUrls: ['./test.component.css']
+})
+export class TestComponent {
+    constructor () {}
+}
+    
diff --git a/index.js b/index.js
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<div class="inside">`
	`2`	`+ <span>content</span>`
	`3`	`+ </div>`