We Keep Coding

jsdoc3 grouping / add cathegorys

I try to document my "large" node.js backend, which has the following file/folder structure:
backend
├── components
│   ├── devices
│   ├── endpoints
│   ├── plugins
│   ├── rooms
│   └── vault
├── helper
│   ├── debounce.js
│   ├── expose.js
│   ├── extend.js
│   ├── infinity.js
│   ├── iterate.js
│   ├── mixins.js
│   ├── observe.js
│   ├── promisify.js
│   ├── propertys.js
│   ├── queue.js
│   ├── request.js
│   ├── sanitize.js
│   └── timeout.js
├── index.js
└── system
├── component
├── hooks.js
└── middleware.js
Basically i want to create tree groups: system, helper & components, where i can add.
Is there a way to add custom categorys/groups in the jsdoc with the above headlines? E.g. (Generated jsdoc output edited to illustrate goal):
Is there a built in way with a combination of built in stuff?
(Im pretty new when it comes to work with jsdoc)

Loading module from “http://localhost:9000/main.js” was blocked because of a disallowed MIME type (“”)

I have a simple static file server and try to host simple WebGL project on my localhost.
Well, I end up with
Loading module from “http://localhost:9000/main.js” was blocked because of a disallowed MIME type (“”).
and really don't know what to do with MIME (""). All I have, are just ".js" files, basically.
Anything else I have modified from This Server Template is that line of code
if (fs.statSync(pathname).isDirectory()) pathname += '/public/index' + ext;
Here is server file and my project directory tree:
const http = require('http');
const url = require('url');
const fs = require('fs');
const path = require('path');
const port = process.argv[2] || 9000;
http.createServer(function (req, res) {
console.log(`${req.method} ${req.url}`);
// parse URL
const parsedUrl = url.parse(req.url);
// extract URL path
let pathname = `.${parsedUrl.pathname}`;
// based on the URL path, extract the file extension. e.g. .js, .doc, ...
const ext = path.parse(pathname).ext;
// maps file extension to MIME typere
const map = {
'.ico': 'image/x-icon',
'.html': 'text/html',
'.js': 'text/javascript',
'.json': 'application/json',
'.css': 'text/css',
'.png': 'image/png',
'.jpg': 'image/jpeg',
'.wav': 'audio/wav',
'.mp3': 'audio/mpeg',
'.svg': 'image/svg+xml',
'.pdf': 'application/pdf',
'.doc': 'application/msword'
};
fs.exists(pathname, function (exist) {
if(!exist) {
// if the file is not found, return 404
res.statusCode = 404;
res.end(`File ${pathname} not found!`);
return;
}
// if is a directory search for index file matching the extension
if (fs.statSync(pathname).isDirectory()) pathname += '/public/index' + ext;
// read file from file system
fs.readFile(pathname, function(err, data){
if(err){
res.statusCode = 500;
res.end(`Error getting the file: ${err}.`);
} else {
// if the file is found, set Content-type and send data
res.setHeader('Content-type', map[ext] || 'text/plain' );
res.end(data);
}
});
});
}).listen(parseInt(port));
console.log(`Server listening on port ${port}`);
First_Triangle]$ tree
.
├── public
│   ├── geometries
│   │   ├── letter_A.js
│   │   └── letter_F.js
│   ├── index.html
│   ├── lib
│   │   ├── cuon-matrix.js
│   │   ├── cuon-utils.js
│   │   ├── webgl-debug.js
│   │   └── webgl-utils.js
│   ├── main.js
│   └── WebGL_Utilities
│   ├── Compile_Shader.js
│   ├── Create_3D_Context.js
│   ├── Create_Canvas
│   │   ├── Append_Canvas.js
│   │   ├── Create_Canvas_Element.js
│   │   ├── Create_Canvas_Imports.js
│   │   ├── Get_Body_Tag.js
│   │   └── Set_WebGL_Attribute.js
│   ├── Create_Canvas.js
│   ├── Create_Program.js
│   ├── FRAGMENT_SHADER_SOURCE.js
│   ├── Imports.js
│   ├── Initialization.js
│   ├── misc
│   │   └── misc
│   │   ├── completed_boilerplate.js
│   │   ├── createAttributeSetters.js
│   │   ├── createBufferInfoFromArrays.js
│   │   ├── createProgram.js
│   │   ├── createShader.js
│   │   ├── createUniformSetter.js
│   │   ├── Imports.js
│   │   ├── initialize_Vertex_Buffers.js
│   │   ├── m3.js
│   │   ├── m4.js
│   │   ├── resizeCanvasToDisplaySize.js
│   │   ├── rome.js
│   │   ├── setAttributes.js
│   │   ├── setBuffersAndAttributes.js
│   │   ├── setGeometry.js
│   │   ├── setRectangle.js
│   │   ├── setUniforms.js
│   │   ├── simple_transformations.js
│   │   ├── WebGL_Initialization
│   │   │   ├── Create_Canvas
│   │   │   │   ├── Append_Canvas.js
│   │   │   │   ├── Create_Canvas_Element.js
│   │   │   │   ├── Create_Canvas_Imports.js
│   │   │   │   ├── Get_Body_Tag.js
│   │   │   │   └── Set_WebGL_Attribute.js
│   │   │   ├── Create_Canvas.js
│   │   │   └── Initialization.js
│   │   ├── webgl-utils.js
│   │   └── webGlUtils.js
│   └── VERTEX_SHADER_SOURCE.js
└── server.js
UPDATE
I deleted type="module" from index.html file to import main.js, and got errors:
GET http://localhost:9000/main.js [HTTP/1.1 404 Not Found 2ms]
Cookie “” has been rejected as third-party.

FileBrowser is not defined

I was tasked with upgrading a Django 1.3 application up to 1.8. I changed out the applications Filebrowser with a newer version from a Django 1.7 app we also have. Everything is working great, except in the admin, when I try to upload an image with Filebrowser I get the error ReferenceError: FileBrowser is not defined. It is being called in this Filebrowser template
filebrowser/templates/filebrowser/custom_field.html
/* Part that throws the error -> */ FileBrowser.show('id_image', '/admin/filebrowser/browse/?pop=1&dir=/customer_media');
{% load fb_versions %}
<input id="{{ final_attrs.id }}" type="text" class="vFileBrowseField" name="{{ final_attrs.name }}" value="{{ value }}" /><a href="javascript:FileBrowser.show('{{ final_attrs.id }}', '{% url "fb_browse" %}?pop=1{% if final_attrs.directory %}&dir={{ final_attrs.directory }}{% endif %}{% if final_attrs.format %}&type={{ final_attrs.format }}{% endif %}');" class="fb_show">
<img src="{{ final_attrs.search_icon }}" alt="" />
</a>
{% ifequal value.filetype "Image" %}
<p class="help" id="help_{{ final_attrs.id }}">
<a href="{{ value.url_full }}" target="_blank" id="link_{{ final_attrs.id }}">
<img id="image_{{ final_attrs.id }}" src="{% version value.path final_attrs.ADMIN_THUMBNAIL %}" class="preview" />
</a>
</p>
{% else %}
<p class="help" id="help_{{ final_attrs.id }}" style="display: none;">
<a href="javascript://" target="_self" id="link_{{ final_attrs.id }}">
<img id="image_{{ final_attrs.id }}" class="preview" src="" />
</a>
</p>
{% endifequal %}
{% if final_attrs.DEBUG %}
<p>
<strong>Path</strong> {{ value.path }}<br />
<strong>FileType</strong> {{ value.filetype }}<br /><br />
<strong>Directory</strong> {{ final_attrs.directory }}<br />
<strong>Extensions</strong> {{ final_attrs.extensions }}<br />
<strong>Format</strong> {{ final_attrs.format }}
</p>
{% endif %}
I am also getting this error, even though I can see that jquery is being loaded in the network tab of my chrome debugger.
TypeError: $ is not a function
├── admin_media
│   └── js
├── customer_media
│   └── js
├── site_media
│   ├── js
├── sqlite
│   └── endeavor.db
├── templates
│   ├── admin
│   │   └── base_site.html
│   ├── base.html
│   ├── detail
│   │   ├── detail_base.html
│   │   └── detail_page.html
│   ├── donation.html
│   ├── faqs.html
│   ├── fund_list.html
│   ├── home.html
│   ├── news
│   │   ├── news_article.html
│   │   ├── news_articles.html
│   │   └── news_list.html
│   ├── staff.html
│   └── thank_you.html
├── webapp
│   ├── DoImport.py
│   ├── FundsList.csv
│   ├── __init__.py
│   ├── filebrowser
│   │   ├── __init__.py
│   │   ├── __init__.pyc
│   │   ├── base.py
│   │   ├── base.pyc
│   │   ├── conf.py
│   │   ├── conf.pyc
│   │   ├── decorators.py
│   │   ├── fields.py
│   │   ├── fields.pyc
│   │   ├── forms.py
│   │   ├── functions.py
│   │   ├── management
│   │   │   ├── __init__.py
│   │   │   └── commands
│   │   │   ├── __init__.py
│   │   │   └── version_generator.py
│   │   ├── models.py
│   │   ├── settings.py
│   │   ├── static
│   │   │   └── filebrowser
│   │   │   ├── js
│   │   │   │   ├── AddFileBrowser.js
│   │   │   │   ├── FB_CKEditor.js
│   │   │   │   ├── FB_FileBrowseField.js
│   │   │   │   ├── FB_Redactor.js
│   │   │   │   ├── FB_TinyMCE.js
│   │   │   │   └── TinyMCEAdmin.js
│   │   │   └── uploadify
│   │   │   ├── Instructions.txt
│   │   │   ├── Sample
│   │   │   │   ├── check-exists.php
│   │   │   │   ├── index.php
│   │   │   │   ├── jquery.min.js
│   │   │   │   ├── jquery.uploadifive.min.js
│   │   │   │   ├── uploadifive-cancel.png
│   │   │   │   ├── uploadifive-image-only.php
│   │   │   │   ├── uploadifive.css
│   │   │   │   └── uploadifive.php
│   │   │   ├── change-log.txt
│   │   │   ├── check-exists.php
│   │   │   ├── index.php
│   │   │   ├── jquery.min.js
│   │   │   ├── jquery.uploadifive.js
│   │   │   ├── jquery.uploadifive.min.js
│   │   │   ├── license-commercial.txt
│   │   │   ├── uploadifive-cancel.png
│   │   │   ├── uploadifive-image-only.php
│   │   │   ├── uploadifive.css
│   │   │   └── uploadifive.php
│   │   ├── templates
│   │   │   └── filebrowser
│   │   │   ├── append.html
│   │   │   ├── custom_field.html
│   │   │   ├── include
│   │   │   │   ├── _response.html
│   │   │   │   ├── breadcrumbs.html
│   │   │   │   ├── filelisting.html
│   │   │   │   ├── filter.html
│   │   │   │   ├── paginator.html
│   │   │   │   ├── search.html
│   │   │   │   ├── tableheader.html
│   │   │   │   └── toolbar.html
│   │   │   ├── index.html
│   │   │   ├── makedir.html
│   │   │   ├── rename.html
│   │   │   ├── upload.html
│   │   │   └── versions.html
│   │   ├── templatetags
│   │   │   ├── __init__.py
│   │   │   ├── fb_csrf.py
│   │   │   ├── fb_pagination.py
│   │   │   ├── fb_tags.py
│   │   │   └── fb_versions.py
│   │   ├── urls.py
│   │   └── views.py
│   ├── fund_list.csv
│   ├── manage.py
│   ├── settings.py
│   ├── sslDecorator.py
│   ├── static
│   │   ├── admin
│   │   │   └── js
│   │   │   ├── LICENSE-JQUERY.txt
│   │   │   ├── SelectBox.js
│   │   │   ├── SelectFilter2.js
│   │   │   ├── actions.js
│   │   │   ├── actions.min.js
│   │   │   ├── admin
│   │   │   │   ├── DateTimeShortcuts.js
│   │   │   │   └── RelatedObjectLookups.js
│   │   │   ├── calendar.js
│   │   │   ├── collapse.js
│   │   │   ├── collapse.min.js
│   │   │   ├── core.js
│   │   │   ├── inlines.js
│   │   │   ├── inlines.min.js
│   │   │   ├── jquery.init.js
│   │   │   ├── jquery.js
│   │   │   ├── jquery.min.js
│   │   │   ├── prepopulate.js
│   │   │   ├── prepopulate.min.js
│   │   │   ├── related-widget-wrapper.js
│   │   │   ├── timeparse.js
│   │   │   └── urlify.js
│   │   └── filebrowser
│   │   ├── css
│   │   │   ├── filebrowser.css
│   │   │   └── suit-filebrowser.css
│   │   ├── img
│   │   │   ├── explorer.png
│   │   │   ├── filebrowser_icon_delete.gif
│   │   │   ├── filebrowser_icon_delete_hover.gif
│   │   │   ├── filebrowser_icon_rename.gif
│   │   │   ├── filebrowser_icon_rename_hover.gif
│   │   │   ├── filebrowser_icon_select.gif
│   │   │   ├── filebrowser_icon_select_disabled.gif
│   │   │   ├── filebrowser_icon_select_hover.gif
│   │   │   ├── filebrowser_icon_show.gif
│   │   │   ├── filebrowser_icon_show_hover.gif
│   │   │   ├── filebrowser_icon_showversions.gif
│   │   │   ├── filebrowser_icon_showversions_hover.gif
│   │   │   ├── filebrowser_type_.gif
│   │   │   ├── filebrowser_type_audio.gif
│   │   │   ├── filebrowser_type_code.gif
│   │   │   ├── filebrowser_type_document.gif
│   │   │   ├── filebrowser_type_folder.gif
│   │   │   ├── filebrowser_type_image.gif
│   │   │   ├── filebrowser_type_video.gif
│   │   │   ├── icon-fb-preview-hover.png
│   │   │   ├── icon-fb-preview.png
│   │   │   ├── icon-fb-view-image-hover.png
│   │   │   ├── icon-pulldown-actions-active.png
│   │   │   ├── icon-pulldown-actions-hover.png
│   │   │   ├── icon-pulldown-actions.png
│   │   │   ├── icon-searchbox.png
│   │   │   └── icon-showversions.png
│   │   ├── js
│   │   │   ├── AddFileBrowser.js
│   │   │   ├── FB_CKEditor.js
│   │   │   ├── FB_FileBrowseField.js
│   │   │   ├── FB_Redactor.js
│   │   │   ├── FB_TinyMCE.js
│   │   │   └── TinyMCEAdmin.js
│   │   └── uploadify
│   │   ├── Instructions.txt
│   │   ├── Sample
│   │   │   ├── check-exists.php
│   │   │   ├── index.php
│   │   │   ├── jquery.min.js
│   │   │   ├── jquery.uploadifive.min.js
│   │   │   ├── uploadifive-cancel.png
│   │   │   ├── uploadifive-image-only.php
│   │   │   ├── uploadifive.css
│   │   │   └── uploadifive.php
│   │   ├── change-log.txt
│   │   ├── check-exists.php
│   │   ├── index.php
│   │   ├── jquery.min.js
│   │   ├── jquery.uploadifive.js
│   │   ├── jquery.uploadifive.min.js
│   │   ├── license-commercial.txt
│   │   ├── uploadifive-cancel.png
│   │   ├── uploadifive-image-only.php
│   │   ├── uploadifive.css
│   │   └── uploadifive.php
│   ├── urls.py
│   ├── utility.py
│   ├── views.py
│   └── wsgi.py
└── webapp_admin
Settings
import logging
import os
import sys
from posixpathhelp import parentpath
PROJECT_ROOT = os.path.abspath(os.path.dirname(__file__))
PROJECT_PARENT = parentpath(PROJECT_ROOT)
sys.path.insert(0, PROJECT_ROOT)
DEVELOPMENT = False
# Make this unique, and don't share it with anybody.
SECRET_KEY = ''
# SECURITY WARNING: don't run with debug turned on in production!
ALLOWED_HOSTS = ['*', ]
SITE_ID = 1
# EMAIL SETTINGS
EMAILTO = 'xxxxx#xxxxx.com'
EMAIL_HOST = 'smtp.gmail.com'
EMAIL_PORT = xxx
EMAIL_HOST_USER = 'xxxxx#xxxx.com'
EMAIL_HOST_PASSWORD = 'xxxxxxx'
EMAIL_USE_TLS = True
# Application definition
INSTALLED_APPS = (
'filebrowser',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.sites',
'django.contrib.messages',
'django.contrib.staticfiles',
'django.contrib.sitemaps',
'tinymce',
'content',
'page_content',
'staff',
'news',
'donation',
'paypal.standard',
'paypal.pro',
'paypal.standard.ipn',
)
MIDDLEWARE_CLASSES = (
'django.middleware.common.CommonMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
# 'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
)
from django.conf.global_settings import TEMPLATE_CONTEXT_PROCESSORS as TCP
TEMPLATE_CONTEXT_PROCESSORS = TCP + (
'django.core.context_processors.request',
'common_context_processors.common_context',
)
ROOT_URLCONF = 'webapp.urls'
WSGI_APPLICATION = 'webapp.wsgi.application'
TIME_ZONE = 'America/New_York'
LANGUAGE_CODE = 'en-us'
USE_I18N = True
USE_L10N = True
MEDIA_ROOT = os.path.join(PROJECT_PARENT, "site_media/")
CUSTOMER_MEDIA_ROOT = os.path.join(PROJECT_PARENT, "customer_media/")
MEDIA_URL = '/site_media/'
CUSTOMER_MEDIA_URL = '/customer_media/'
STATIC_ROOT = os.path.join(PROJECT_ROOT, 'static')
STATIC_URL = '/static/'
FILE_UPLOAD_PERMISSIONS = 0644
SESSION_COOKIE_AGE = 3600
SESSION_EXPIRE_AT_BROWSER_CLOSE = True
SESSION_SAVE_EVERY_REQUEST = True
LOGGING = {
'version': 1,
'disable_existing_loggers': True,
'formatters': {
'verbose': {
'format': '%(levelname)s %(asctime)s %(filename)s %(funcName)s %(lineno)d %(message)s'
},
'normal': {
'format': '%(levelname)s %(asctime)s %(funcName)s %(message)s'
},
'simple': {
'format': '%(levelname)s %(message)s'
},
},
'filters': {
'require_debug_false': {
'()': 'django.utils.log.RequireDebugFalse'
}
},
'handlers': {
'console': {
'level': 'ERROR',
'class': 'logging.StreamHandler',
'formatter': 'verbose'
},
},
'loggers': {
'django.request': {
'handlers': ['console'],
'level': 'ERROR',
'propagate': True,
},
'webapp': {
'handlers': ['console'],
'level': 'ERROR',
'propagate': True,
},
'': {
'handlers': ['console'],
'level': 'ERROR',
},
}
}
DJANGO_FRONT_ALLOWED_EDITORS = ['tinymce', ]
DJANGO_FRONT_EDIT_MODE = 'inline'
DJANGO_FRONT_EDITOR_OPTIONS = {
'filebrowserBrowseUrl': '/admin/filebrowser/browse/?pop=3',
'contentsCss': '/static/css/contents.css'
}
DJANGO_FRONT_KEY = 'xxxxxxxxxxxxxxxxxxxxxxx' # MAKE THIS UNIQUE PER SETTINGS FILE
TRACKING_RESULTS_PER_PAGE = 50
ADMINS = (
('XXXX XXXXXXXX', 'xxxxxx#xxxxxx'),
)
MANAGERS = ADMINS
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
# Add 'postgresql_psycopg2', 'postgresql', 'mysql', 'sqlite3' or 'oracle'.
'NAME': os.path.join(PROJECT_PARENT, "sqlite/endeavor.db"), # Or path to database file if using sqlite3.
'USER': '', # Not used with sqlite3.
'PASSWORD': '', # Not used with sqlite3.
'HOST': '', # Set to empty string for localhost. Not used with sqlite3.
'PORT': '', # Set to empty string for default. Not used with sqlite3.
}
}
if DEVELOPMENT:
ADMIN_MEDIA_PREFIX = 'http://127.0.0.1:8080/admin_media/'
else:
ADMIN_MEDIA_PREFIX = '/admin_media/'
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [
# insert your TEMPLATE_DIRS here
os.path.join(PROJECT_PARENT, "templates"),
],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
# Insert your TEMPLATE_CONTEXT_PROCESSORS here or use this
# list if you haven't customized them:
'django.contrib.auth.context_processors.auth',
'django.template.context_processors.debug',
'django.template.context_processors.i18n',
'django.template.context_processors.media',
'django.template.context_processors.static',
'django.template.context_processors.tz',
'django.contrib.messages.context_processors.messages',
],
},
},
]
PAYPAL_TEST = False # Testing mode on
PAYPAL_WPP_USER = "xxxxxxxxx" # Get from PayPal
PAYPAL_WPP_PASSWORD = "xxxxxxxxxxxxx"
PAYPAL_WPP_SIGNATURE = "xxxxxxxxxxxxxxxxxxxxxxxx"
PAYPAL_RECEIVER_EMAIL = "xxx#xxxx.com"

From your error message:
TypeError: $ is not a function
It looks like the jQuery global variable $ isn't getting loaded.
Are you sure your jQuery static file jquery.min.js is getting loaded correctly?

grunt csscomb not processing all scss files

I've tried to set up a grunt csscomb task, but I'm not sure if I'm getting the globbing pattern right:
csscomb: {
dynamic_mappings: {
expand: true,
cwd: 'app/',
src: '**/*.scss',
dest: 'app/assets/tempcomb'
},
options: {
config: 'csscomb.json'
}
},
Here is my folder architecture:
app
├── assets
│   ├── css
│   │   ├── imports
│   │   │   ├── helpers
│   │   │   │   └── _helpers.scss
│   │   │   ├── layout
│   │   │   │   ├── _fonts.scss
│   │   │   │   ├── _grid.scss
│   │   │   │   └── _reset.scss
│   │   │   └── modules
│   │   │   ├── _dev.scss
│   │   │   ├── _indicators.scss
│   │   │   ├── _modal.scss
│   │   │   ├── _nav.scss
│   │   │   └── _ref.scss
│   │   ├── main.scss
│   │   └── pages
│   │   ├── bibliography.scss
│   │   ├── cover.scss
│   │   ├── example.scss
│   │   ├── examples
│   │   │   ├── _bar-graph.scss
│   │   │   ├── _modal-transitions.scss
│   │   │   ├── _modals.scss
│   │   │   ├── _scroll-end-animation.scss
│   │   │   ├── _scrollable.scss
│   │   │   └── _tabs.scss
│   │   ├── index.scss
│   │   └── prescribing-information.scss
│   ├── fonts
│   ├── img
│   ├── js
│   ├── tempcomb
What I want it to do is look at all the directories under app, take all the scss files and write them to tempcomb while also maintaining the folder structure.
Currently it replicates the folder structure fine, but it only outputs the scss files that are in the layout folder.
If anyone could explain to me why this is happening it would be much appreciated!
P.s. before the task runs, the tempcomb folder doesn't exist. I've just added it to the architecture diagram to show where it ends up.

Adding Express 4 to a modularized Angular ui-router app

I am at the point where I have to add Express 4 to my modularized AngularJS ui-router app. Previously I used this tutorial to modularize my Angular app. I currently have all the modules for my AngularJS app in the src/app/ directory like so:
$ tree -I 'node_modules|bower_components|assets|scss|test' -L 4
.
├── awsS3.js
├── bower.json
├── Gruntfile.js
├── karma.conf.js
├── karma-e2e.conf.js
├── package.json
├── README.md
├── server.js
└── src
├── app
│   ├── app.module.js
│   ├── auth
│   │   ├── auth.ctrl.js
│   │   ├── auth.module.js
│   │   └── auth.serv.js
│   ├── image
│   │   ├── image.module.js
│   │   ├── images.ctrl.js
│   │   ├── image.serv.js
│   │   ├── images.tpl.html
│   │   ├── imageview.ctrl.js
│   │   └── imageview.tpl.html
│   ├── nav
│   │   ├── login.tpl.html
│   │   ├── nav.ctrl.js
│   │   ├── nav.module.js
│   │   ├── post-register.tpl.html
│   │   ├── register.tpl.html
│   │   └── url.fltr.js
│   └── security.json
├── index.html
└── robots.txt
Now I am wondering how I should break up the Express 4 code to fit in with my Angular modules. I really can't find any tutorials that focus on this. Any ideas?

When i develop client-server applications I tend to keep the server and client completely separate from each other. So I would suggest that you create a "server" folder and in there your layout could look something like this:
server
--app.js
--server.js
--config.js
--controllers
----firstController.js
--routes
----firstRoute.js
--models
----firstModel.js
I would recommend this website: https://scotch.io