Use [`path.resolve`][1]

try:

    resolve = require(&#39;path&#39;).resolve
    resolve(&#39;../../bb/tmp.txt&#39;)

  [1]: https://nodejs.org/api/path.html#path_path_resolve_path

You could also use __dirname and __filename for absolute path.

I have a reducer, and in order to calculate the new state I need data from the action and also data from a part of the state not managed by this reducer.  Specifically, in the reducer I will show below, I need access to the `accountDetails.stateOfResidenceId` field.

**initialState.js:**

	export default {
		accountDetails: {
			stateOfResidenceId: &#39;&#39;,
			accountType: &#39;&#39;,
			accountNumber: &#39;&#39;,
			product: &#39;&#39;
		},
		forms: {
			blueprints: [
				
			]
		}
	};

**formsReducer.js:**

    import * as types from &#39;../constants/actionTypes&#39;;
    import objectAssign from &#39;object-assign&#39;;
    import initialState from &#39;./initialState&#39;;
    import formsHelper from &#39;../utils/FormsHelper&#39;;
    export default function formsReducer(state = initialState.forms, action) {
      switch (action.type) {
        case types.UPDATE_PRODUCT: {
            //I NEED accountDetails.stateOfResidenceId HERE
            console.log(state);
            const formBlueprints = formsHelper.getFormsByProductId(action.product.id);
            return objectAssign({}, state, {blueprints: formBlueprints});
        }

        default:
          return state;
      }
    }

**index.js (root reducer):**

	import { combineReducers } from &#39;redux&#39;;
	import accountDetails from &#39;./accountDetailsReducer&#39;;
	import forms from &#39;./formsReducer&#39;;

	const rootReducer = combineReducers({
		accountDetails,
		forms
	});

	export default rootReducer;

How can I access this field?

How to access state inside Redux reducer?

As you can see in this image

the `UITextView` changes it&#39;s height according to the text length, I want to make it adjust it&#39;s height according to the text length.

***I saw other questions, but solutions there didn&#39;t work for me**

[![example][1]][1]

  [1]: http://i.stack.imgur.com/daqnL.png

how to make UITextView height dynamic according to text length?

In my *File-system* my working directory is here:

**C:\temp\a\b\c\d**

and under b\bb there&#39;s file: tmp.txt

**C:\temp\a\b\bb\tmp.txt**

If I want to go to this file from my working directory, I&#39;ll use this path:

    &quot;../../bb/tmp.txt&quot;

In case the file is not exist I want to log the full path and tell the user:  
**&quot;The file C:\temp\a\b\bb\tmp.txt is not exist&quot;**. 
 

**My question:**

 
I need some **function** that *convert* the relative path: &quot;../../bb/tmp.txt&quot; to absolute: &quot;C:\temp\a\b\bb\tmp.txt&quot; 

In my code it should be like this:   

    console.log(&quot;The file&quot; + convertToAbs(&quot;../../bb/tmp.txt&quot;) + &quot; is not exist&quot;)

 

NodeJS - convert relative path to absolute

In my File-system my working directory is here:
C:\temp\a\b\c\d
and under b\bb there's file: tmp.txt
C:\temp\a\b\bb\tmp.txt
If I want to go to this file from my working directory, I'll use this path:
<pre><code class="hljs language-arduino">"../../bb/tmp.txt"
</code></pre>
In case the file is not exist I want to log the full path and tell the user: 
"The file C:\temp\a\b\bb\tmp.txt is not exist".
My question:
I need some function that convert the relative path: "../../bb/tmp.txt" to absolute: "C:\temp\a\b\bb\tmp.txt"
In my code it should be like this:
<pre><code class="hljs language-arduino">console.log("The file" + convertToAbs("../../bb/tmp.txt") + " is not exist")
</code></pre>

I want to show svg files (I have bunch of svg images) but the thing I couldn&#39;t find the way to show. I tried to use **Image** and **Use** components of **[react-native-svg][1]** but they don&#39;t work with that. And I tried to do that with native way but it&#39;s really hard work to show just svg image.

Example code:

    import Svg, {
      Use,
      Image,
    } from &#39;react-native-svg&#39;;

	&lt;View&gt;
      &lt;Svg width=&quot;80&quot; height=&quot;80&quot;&gt;
         &lt;Image href={require(&#39;./svg/1f604.svg&#39;)} /&gt;
      &lt;/SvgRn&gt;
    &lt;/View&gt;

Also I know the react native doesn&#39;t support svg basically but I think someone fixed this problem with tricky way (with/without react-native-svg)

  [1]: https://github.com/magicismight/react-native-svg

How to show SVG file on React Native?

EDIT: for more background, also see the [discussion on ES Discuss](https://esdiscuss.org/topic/how-to-solve-this-basic-es6-module-circular-dependency-problem).

---

I have three modules `A`, `B`, and `C`. `A` and `B` import the default export from module `C`, and module `C` imports the default from both `A` and `B`. However, module `C` does not depend on the values imported from `A` and `B` during module evaluation, only at runtime at some point after all three modules have been evaluated. Modules `A` and `B` *do* depend on the value imported from `C` during their module evaluation.

The code looks something like this:

    // --- Module A
    
    import C from &#39;C&#39;
    
    class A extends C {
        // ...
    }
    
    export {A as default}

.

    // --- Module B
    
    import C from &#39;C&#39;
    
    class B extends C {
        // ...
    }
    
    export {B as default}

.

    // --- Module C
    
    import A from &#39;A&#39;
    import B from &#39;B&#39;
    
    class C {
        constructor() {
            // this may run later, after all three modules are evaluated, or
            // possibly never.
            console.log(A)
            console.log(B)
        }
    }

    export {C as default}

I have the following entry point:

    // --- Entrypoint
    
    import A from &#39;./app/A&#39;
    console.log(&#39;Entrypoint&#39;, A)

But, what actually happens is that module `B` is evaluated first, and it fails with this error in Chrome (using native ES6 classes, not transpiling):

    Uncaught TypeError: Class extends value undefined is not a function or null

What that means is that the value of `C` in module `B` when module `B` is being evaluated is `undefined` because module `C` has not yet been evaluated.

You should be able to easily reproduce by making those four files, and running the entrypoint file.

My questions are (can I have two concrete questions?): Why is the load order that way? How can the circularly-dependent modules be written so that they will work so that the value of `C` when evaluating `A` and `B` will not be `undefined`?

(I would think that the ES6 Module environment may be able to intelligently discover that it will need to execute the body of module `C` before it can possibly execute the bodies of modules `A` and `B`.)


How to fix this ES6 module circular dependency?

Since I&#39;ve created `@Directive` as `SelectableDirective`, I&#39;m little bit confused, about how to pass **more than one** value to the custom directive. I have searched a lot but didn&#39;t get proper solution in *Angular* with *Typescript*.

Here is what my sample code is: 

Parent Component as `MCQComponent`:

    import { Component, OnInit } from &#39;@angular/core&#39;;
    import { Question } from &#39;../question/question&#39;;
    import { AppService } from &#39;../app.service/app.service&#39;;
    import { SelectableDirective } from &#39;../selectable.directive/selectable.directive&#39;;
    import { ResultComponent } from &#39;../result-component/result.component&#39;;
    
    @Component({
    	selector: &#39;mcq-component&#39;,
    	template: &quot;
    	     .....
    		&lt;div *ngIf = &#39;isQuestionView&#39;&gt;
    			&lt;ul&gt;
    				&lt;li *ngFor = &#39;let opt of currentQuestion.options&#39; 
    					[selectable] = &#39;opt&#39;
    					(selectedOption) = &#39;onOptionSelection($event)&#39;&gt;
    					{{opt.option}}
    				&lt;/li&gt;
    			&lt;/ul&gt;
    			.....
    		&lt;/div&gt;
    
    	&quot;
    	providers: [AppService],
    	directives: [SelectableDirective, ResultComponent]
    })
    export class MCQComponent implements OnInit{
    	private currentIndex:any = 0;
    	private currentQuestion:Question = new Question();
    	private questionList:Array&lt;Question&gt; = [];
        ....
    	constructor(private appService: AppService){}
    	....
    }

This is a parent component having custom directive **[selectable]** which takes one param called **opt**. 

Here is the code for this directive: 

    import { Directive, HostListener, ElementRef, Input, Output, EventEmitter } from &#39;@angular/core&#39;
    import { Question } from &#39;../question/question&#39;;
    
    @Directive({
    	selector: &#39;[selectable]&#39;
    })
    export class SelectableDirective{
    	private el: HTMLElement;
    	@Input(&#39;selectable&#39;) option:any;
    	
    	...
    }

So here I want to pass **more parameters from parent** component, how do I achieve this?


How to pass multiple parameter to @Directives (@Components) in Angular with TypeScript?

I am not sure how to include JS files (vendors) after switching Angular Cli from SystemJs to Webpack.

**For example**

Option A

*I have some js files that were installed via npm. Adding script tags to the head tag like this does not work. Nor does it seem like the best way.*

    &lt;head&gt;
       &lt;script src=&quot;node_modules/some_package/somejs.js&quot;&gt;
    &lt;/head&gt;
    
    //With systemJs I could do this

    &lt;head&gt;
       &lt;script src=&quot;vendor/some_package/somejs.js&quot;&gt;
    &lt;/head&gt;

Option B

*Include these js files as part of the webpack bundle. This seems like the way it probably should be done. However I am not sure how to do this as all of the webpack code seems to be hidden behind the angular-cli-webpack node package. I was thinking maybe there is another webpack config that we might have access to. But I am not sure as I didn&#39;t see one when creating a new angular-cli-webpack project.*


**More Info:**

The js files I am trying to include need to be included before the Angular project. For example jQuery and a third party js lib that isn&#39;t really setup for module loading or typescript.

**References**
https://github.com/angular/angular-cli/blob/master/WEBPACK_UPDATE.md
https://github.com/angular/angular-cli/tree/webpack

Angular Cli Webpack, How to add or bundle external js files?

I have set up JavaScript unit testing with JS Test Driver on Netbeans as per [this Link][1]. However, unlike the results in that tutorial, no more tests are executed after an assertion fails. How can I change this behaviour? 

For example, given this test file:

The `test.js` file:

    AssertionsTestCase = TestCase(&quot;AssertionsTestCase&quot;);
      
    AssertionsTestCase.prototype.testAlwaysPass = function(){
      assertEquals(1, 1);
      assertEquals(2, 2);
    };
    AssertionsTestCase.prototype.testAlwaysFail1 = function(){
      assertEquals(1, 2);
    };
    AssertionsTestCase.prototype.testAlwaysFail2 = function(){
      assertEquals(3, 4);
    };

the progress bar shows 50%, (2 tests), it should say 33%.

[![enter image description here][2]][2]


The `jsTestDriver.conf` file:

    server: http://localhost:42442
    load:
      - test/lib/jasmine/jasmine.js
      - test/lib/jasmine-jstd-adapter/JasmineAdapter.js
      - test/unit/*.js

---

I can have all tests run by command line. (On Windows PowerShell). Running as follows, tests do not stop running after a failure:

---

&gt; java -jar $env:JSTD\JsTestDriver-1.3.5.jar --tests all --config jsTestDriver.conf

the `jsTestDriver.conf` file:

    server: http://localhost:4244
    load:
      - test/lib/jasmine/jasmine.js
      - test/lib/jasmine-jstd-adapter/JasmineAdapter.js
      - test/unit/*.js

All three tests are run.

  [1]: https://netbeans.org/kb/docs/webclient/html5-js-support.html#jstestdriver
  [2]: http://i.stack.imgur.com/lBkZq.png

JsTestDriver on NetBeans stops testing after a failed assertion

I am using the NodeJS AWS SDK to generate a presigned S3 URL. The docs give an [example of generating a presigned URL](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#getSignedUrl-property).

Here is my exact code (with sensitive info omitted):

    const AWS = require(&#39;aws-sdk&#39;)
    
    const s3 = new AWS.S3()
    AWS.config.update({accessKeyId: &#39;id-omitted&#39;, secretAccessKey: &#39;key-omitted&#39;})
    
    // Tried with and without this. Since s3 is not region-specific, I don&#39;t
    // think it should be necessary.
    // AWS.config.update({region: &#39;us-west-2&#39;})
    
    const myBucket = &#39;bucket-name&#39;
    const myKey = &#39;file-name.pdf&#39;
    const signedUrlExpireSeconds = 60 * 5
    
    const url = s3.getSignedUrl(&#39;getObject&#39;, {
        Bucket: myBucket,
        Key: myKey,
        Expires: signedUrlExpireSeconds
    })
    
    console.log(url)

The URL that generates looks like this:

    https://bucket-name.s3-us-west-2.amazonaws.com/file-name.pdf?AWSAccessKeyId=[access-key-omitted]&amp;Expires=1470666057&amp;Signature=[signature-omitted]

I am copying that URL into my browser and getting the following response:

    &lt;Error&gt;
      &lt;Code&gt;NoSuchBucket&lt;/Code&gt;
      &lt;Message&gt;The specified bucket does not exist&lt;/Message&gt;
      &lt;BucketName&gt;[bucket-name-omitted]&lt;/BucketName&gt;
      &lt;RequestId&gt;D1A358D276305A5C&lt;/RequestId&gt;
      &lt;HostId&gt;
        bz2OxmZcEM2173kXEDbKIZrlX508qSv+CVydHz3w6FFPFwC0CtaCa/TqDQYDmHQdI1oMlc07wWk=
      &lt;/HostId&gt;
    &lt;/Error&gt;

I know the bucket exists. When I navigate to this item via the AWS Web GUI and double click on it, it opens the object with URL and works just fine:

    https://s3-us-west-2.amazonaws.com/[bucket-name-omitted]/[file-name-omitted].pdf?X-Amz-Date=20160808T141832Z&amp;X-Amz-Expires=300&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Signature=[signature-omitted]&amp;X-Amz-Credential=ASIAJKXDBR5CW3XXF5VQ/20160808/us-west-2/s3/aws4_request&amp;X-Amz-SignedHeaders=Host&amp;x-amz-security-token=[really-long-key]

So I am led to believe that I must be doing something wrong with how I&#39;m using the SDK.

Nodejs AWS SDK S3 Generate Presigned URL

My code:

    let AuthUser = data =&gt; {
      return google.login(data.username, data.password).then(token =&gt; { return token } )
    }
And when i try to run something like this:

    let userToken = AuthUser(data)
    console.log(userToken)
I&#39;m getting:

    Promise { &lt;pending&gt; }
But why?

My main goal is to get token from `google.login(data.username, data.password)` which returns a promise, into a variable. And only then preform some actions.


Why is my asynchronous function returning Promise { &lt;pending&gt; } instead of a value?

I&#39;m at the first stage in learning how to use Docker so I&#39;m trying basic things. I&#39;ve created two Node Express services that need to exchange data via HTTP-requests.

**My `docker-compose.yml` file**

    networks:
      isolation-network:
        driver: bridge
    
    services:
      service1-nodejs:
        build:
        context: ./service1/
        dockerfile: .docker/node.dockerfile
        ports:
          - &quot;10000:9000&quot; 
          - &quot;10001:5858&quot; 
        env_file: ./service1/.docker/env/app.${APP_ENV}.env
        networks:
          - isolation-network

      service2-nodejs:
        build:
        context: ./service2/
        dockerfile: .docker/node.dockerfile
        ports:
          - &quot;10010:9000&quot; 
          - &quot;10011:5858&quot; 
        env_file: ./service2/.docker/env/app.${APP_ENV}.env
        networks:
          - isolation-network
 
`service1` uses the [request module][1] to make a POST-request to `service 2`.

    request({ url: &quot;http://service2:10010/api/&quot;,
                    method: &quot;POST&quot;,
                    headers: { &quot;Content-Type&quot;: &quot;application/json&quot; },
                    json: true,
                    body: { ... },
                    time: true
                }, function (err, res, body) {
                    if (!err &amp;&amp; res.statusCode == 200) {
                        // success
                    }

                    // failed
                });

 
The result of this call is:

&gt; { Error: connect ECONNREFUSED 172.18.0.3:10010}

Using postman I can test `service2` at `http://localhost:10010/api/` and I can confirm they actually can be reached and work as expected.

I&#39;m missing something but can&#39;t figure it out. What is going wrong here?

  [1]: https://github.com/request/request

Docker HTTP-requests between containers

How do I remove this menu-bar from my electron apps:

[![menu-bar][1]][1]

Also it says &quot;Hello World&quot;(is this because I downloaded electron pre-built, and will go away once I package the application?). I didn&#39;t code these into the html, so I don&#39;t know how to get it out!-


  [1]: http://i.stack.imgur.com/h8rrT.png

Remove menubar from Electron app

I&#39;m trying to build verification of email address for users, to verify their email is real. What package should I use to confirm the email address of the user? So far Im using mongoose and express

Code Example

    var UserSchema = new mongoose.Schema({
        email: { type: String, unique: true, lowercase: true }
        password: String
    });
    
    var User = mongoose.model(&#39;User&#39;, UserSchema);
    
    app.post(&#39;/signup&#39;, function(req, res, next) {
       // Create a new User
       var user = new User();
       user.email = req.body.email;
       user.password = req.body.password;
       user.save();
    });


In the app.post codes, how do i confirm the email address of the user?

How to confirm email address using express/node?

I want to import a CSS file into a react component.

I&#39;ve tried `import disabledLink from &quot;../../../public/styles/disabledLink&quot;;` but I get the error below;

&gt; Module not found: Error: Cannot resolve &#39;file&#39; or &#39;directory&#39; ../../../public/styles/disabledLink in c:\Users\User\Documents\pizza-app\client\src\components @ ./client/src/components/ShoppingCartLink.js 19:20-66 Hash: 2d281bb98fe0a961f7c4 Version: webpack 1.13.2

`C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css` is the location of the CSS file I&#39;m trying to load.

To me it seems like import is not looking up the correct path.

I thought with `../../../` it would start to look up the path three folder layers above.

`C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.js` is the location of the file that should import the CSS file.

What am I doing wrong and how can I fix it?


How to import a CSS file in a React Component

Say I have a python project that is structured as follows:

    project
        /data
            test.csv
        /package
            __init__.py
            module.py
        main.py

`__init__.py`:

    from .module import test

`module.py`:

    import csv

    with open(&quot;..data/test.csv&quot;) as f:
        test = [line for line in csv.reader(f)]


`main.py`:

    import package

    print(package.test)


When I run `main.py` I get the following error:

 

     C:\Users\Patrick\Desktop\project&gt;python main.py
    Traceback (most recent call last):
      File &quot;main.py&quot;, line 1, in &lt;module&gt;
        import package
      File &quot;C:\Users\Patrick\Desktop\project\package\__init__.py&quot;, line 1, in &lt;module&gt;
        from .module import test
      File &quot;C:\Users\Patrick\Desktop\project\package\module.py&quot;, line 3, in &lt;module&gt;
        with open(&quot;../data/test.csv&quot;) as f:
    FileNotFoundError: [Errno 2] No such file or directory: &#39;../data/test.csv&#39;

However, if I run `module.py` from the `package` directory I get no errors. So it seems that the relative path used in `open(...)` is only relative to where the originating file is being run from (i.e `__name__ == &quot;__main__&quot;`)? I don&#39;t want to use absolute paths. What are some ways to deal with this?

Reading file using relative path in python project

I&#39;ve been using create-react-app package for creating a react website. I was using relative paths throughout my app for importing components, resources, redux etc. eg, `import action from &#39;../../../redux/action`

I have tried using [module-alis][1] npm package but with no success. Is there any plugin that I can use to import based on the folder name or alias i.e. an absolute path?

Eg., `import action from &#39;@redux/action&#39;` or `import action from &#39;@resource/css/style.css&#39;`


  [1]: https://www.npmjs.com/package/module-alias


How to avoid using relative path imports (/../../../redux/action/action1) in create-react-app

I am setting a configuration to run my tests in a create-react-app + typescript app (**from which I have ejected**). I am using jest + enzyme. In my tsconfig.json I have set `baseUrl=&#39;./src&#39;` so I can use absolute paths when I import modules. For example this is a typical import statement in one of my files:

    import LayoutFlexBoxItem from &#39;framework/components/ui/LayoutFlexBoxItem&#39;;

You can see that the path is absolute (from /src folder) and not relative. 
This works fine when I run in debug mode ( `yarn start` )

But when I run my test ( `yarn test` ), I get this error:

     Cannot find module &#39;framework/components/Navigation&#39; from &#39;index.tsx&#39;

So it looks like jest is not able to resolve this absolute path although I have set it up in my tsconfig.json. This is my tsconfig.json:

    {
      &quot;compilerOptions&quot;: {
        &quot;outDir&quot;: &quot;dist&quot;,
        &quot;module&quot;: &quot;esnext&quot;,
        &quot;target&quot;: &quot;es5&quot;,
        &quot;lib&quot;: [&quot;es6&quot;, &quot;dom&quot;],
        &quot;sourceMap&quot;: true,
        &quot;allowJs&quot;: true,
        &quot;jsx&quot;: &quot;react&quot;,
        &quot;moduleResolution&quot;: &quot;node&quot;,
        &quot;rootDir&quot;: &quot;src&quot;,
        &quot;forceConsistentCasingInFileNames&quot;: true,
        &quot;noImplicitReturns&quot;: true,
        &quot;noImplicitThis&quot;: true,
        &quot;noImplicitAny&quot;: true,
        &quot;strictNullChecks&quot;: true,
        &quot;suppressImplicitAnyIndexErrors&quot;: true,
        &quot;noUnusedLocals&quot;: true,
        &quot;baseUrl&quot;: &quot;./src&quot;    
      },
      &quot;exclude&quot;: [
        &quot;node_modules&quot;,
        &quot;build&quot;,
        &quot;dist&quot;,
        &quot;config&quot;,    
        &quot;scripts&quot;,
        &quot;acceptance-tests&quot;,
        &quot;webpack&quot;,
        &quot;jest&quot;,
        &quot;src/setupTests.ts&quot;
      ]
    }

Now I can see that there is a generated `tsconfig.test.json` at the root of my project. This is the ts configuration used for test. And here is its content:

    {
      &quot;extends&quot;: &quot;./tsconfig.json&quot;,
      &quot;compilerOptions&quot;: {
        &quot;module&quot;: &quot;commonjs&quot;
      }
    }

As you can see the &quot;module&quot; is `commonjs` here whereas in the default configuration it is `esnext`. Could this be one reason?

Has any one been able to unit test his typescript project with Jest and absolute path? or is this a known bug? Since I have ejected from default configuration, are there some settings to put in my webpack configuration?

Thanks for your input and suggestion.



Content Type	Original Author	Original Content on Stackoverflow
Question	cheziHoyzer	View Question on Stackoverflow
Solution 1 - Javascript	DarkKnight	View Answer on Stackoverflow
Solution 2 - Javascript	Vaibhav N Naik	View Answer on Stackoverflow

NodeJS - convert relative path to absolute

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

how to make UITextView height dynamic according to text length?

How to access state inside Redux reducer?

Attributions