Skip to content
BranchesTags

Repository files navigation

Console

Administrative Console for the Restorecommerce e-commerce suite based on Angular.

Live demo at console.restorecommerce.io.

Demo Accosts

Goals and Features

  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming

Intended Use

The console is the daily companion of the sales admin and store admin to process orders and manager the offers. The goal is to make it as convenient and efficient as possible for these tasks.

Development

Install

Run npm i --legacy-peer-deps

Code Scaffolding

To generate code using Nx Angular, you can utilize the following commands:

  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.

For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.

These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.

GraphQL Code Generation

To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.

Set Environment Variables

Create a .env file in the root directory of the project with the following content:

# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=

The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0

Development Server

To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.

Build

To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.

Running Linting

Run npm run console:lint to execute linting using TSLint and ESLint .

Running Unit Tests

Run npm run console:test to execute the unit tests using Jest.

Running End-to-end Tests

Run npm run console:e2e to execute the end-to-end tests using Cypress.

Additional Help

For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.

To find out more about a specific plugin, use the command "npx nx list [plugin name]".

You can also visit the Nx Angular documentation for more details.

About

The sales front end for Restore Commerce

Resources

Readme
Activity
Custom properties

Stars

2 stars

Watchers

2 watching

Forks

1 fork
Report repository

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { // Add copy buttons to all 
 blocks
(function() {
function addCopyButtons() {
document.querySelectorAll('pre code').forEach(function(codeBlock) {
if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;
codeBlock.parentElement.setAttribute('data-copy-added', 'true');
var btn = document.createElement('button');
btn.textContent = 'Copy';
btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';
btn.onmouseover = function() { this.style.opacity = '1'; };
btn.onmouseout = function() { this.style.opacity = '0.7'; };
btn.onclick = function() {
navigator.clipboard.writeText(codeBlock.textContent).then(function() {
btn.textContent = 'Copied!';
setTimeout(function() { btn.textContent = 'Copy'; }, 1500);
});
};
codeBlock.parentElement.style.position = 'relative';
codeBlock.parentElement.appendChild(btn);
});
}
addCopyButtons();
// Re-run on dynamic content
var observer = new MutationObserver(addCopyButtons);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
GitHub - restorecommerce/console: The sales front end for Restore Commerce · GitHub
Skip to content
BranchesTags
Repository files navigation
Console
Administrative Console for the Restorecommerce
e-commerce suite based on Angular.
Live demo at console.restorecommerce.io.
Demo Accosts
Goals and Features
  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming
Intended Use
The console is the daily companion of the sales admin and store admin to process orders and manager the offers.
The goal is to make it as convenient and efficient as possible for these tasks.
Development
Install
Run npm i --legacy-peer-deps
Code Scaffolding
To generate code using Nx Angular, you can utilize the following commands:
  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.
For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.
These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.
GraphQL Code Generation
To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.
Set Environment Variables
Create a .env file in the root directory of the project with the following content:
# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=
The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0
Development Server
To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.
Build
To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.
Running Linting
Run npm run console:lint to execute linting using TSLint and ESLint .
Running Unit Tests
Run npm run console:test to execute the unit tests using Jest.
Running End-to-end Tests
Run npm run console:e2e to execute the end-to-end tests using Cypress.
Additional Help
For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.
To find out more about a specific plugin, use the command "npx nx list [plugin name]".
You can also visit the Nx Angular documentation for more details.
About
The sales front end for Restore Commerce
Resources
Readme
Activity
Custom properties
Stars
2 stars
Watchers
2 watching
Forks
1 fork
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Force GitHub README to respect dark mode
(function() {
var style = document.createElement('style');
style.textContent = '
.markdown-body {
color-scheme: dark light;
}
.markdown-body pre { background: #161b22 !important; }
.markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }
.markdown-body table th, .markdown-body table td { border-color: #30363d !important; }
.markdown-body img { background: #0d1117; }
.markdown-body blockquote { border-left-color: #8b949e; }
.markdown-body hr { border-color: #30363d; }
';
document.head.appendChild(style);
})();
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - restorecommerce/console: The sales front end for Restore Commerce · GitHub
Skip to content
BranchesTags
Repository files navigation
Console
Administrative Console for the Restorecommerce
e-commerce suite based on Angular.
Live demo at console.restorecommerce.io.
Demo Accosts
Goals and Features
  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming
Intended Use
The console is the daily companion of the sales admin and store admin to process orders and manager the offers.
The goal is to make it as convenient and efficient as possible for these tasks.
Development
Install
Run npm i --legacy-peer-deps
Code Scaffolding
To generate code using Nx Angular, you can utilize the following commands:
  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.
For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.
These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.
GraphQL Code Generation
To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.
Set Environment Variables
Create a .env file in the root directory of the project with the following content:
# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=
The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0
Development Server
To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.
Build
To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.
Running Linting
Run npm run console:lint to execute linting using TSLint and ESLint .
Running Unit Tests
Run npm run console:test to execute the unit tests using Jest.
Running End-to-end Tests
Run npm run console:e2e to execute the end-to-end tests using Cypress.
Additional Help
For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.
To find out more about a specific plugin, use the command "npx nx list [plugin name]".
You can also visit the Nx Angular documentation for more details.
About
The sales front end for Restore Commerce
Resources
Readme
Activity
Custom properties
Stars
2 stars
Watchers
2 watching
Forks
1 fork
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Highlight search terms from Google/DuckDuckGo/Bing referrer
(function() {
var ref = document.referrer;
var terms = [];
if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {
var url = new URL(ref);
var q = url.searchParams.get('q') || url.searchParams.get('p');
if (q) {
terms = q.split(/\s+/).filter(function(t) { return t.length > 2; });
}
}
if (terms.length === 0) return;
var style = document.createElement('style');
style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';
document.head.appendChild(style);
function highlight(node) {
if (node.nodeType === 3) { // text node
var text = node.textContent;
var found = false;
terms.forEach(function(term) {
var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\]\\]/g, '\\') + ')', 'gi');
if (regex.test(text)) {
found = true;
var frag = document.createDocumentFragment();
var parts = text.split(regex);
parts.forEach(function(part, i) {
if (i % 2 === 0) {
frag.appendChild(document.createTextNode(part));
} else {
var span = document.createElement('span');
span.className = 'userscript-highlight';
span.textContent = part;
frag.appendChild(span);
}
});
node.parentNode.replaceChild(frag, node);
}
});
} else if (node.nodeType === 1 && node.childNodes) { // element
var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];
if (!skipTags.includes(node.tagName)) {
Array.from(node.childNodes).forEach(highlight);
}
}
}
highlight(document.body);
// Re-highlight on dynamic content
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1 || node.nodeType === 3) highlight(node);
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - restorecommerce/console: The sales front end for Restore Commerce · GitHub
Skip to content
BranchesTags
Repository files navigation
Console
Administrative Console for the Restorecommerce
e-commerce suite based on Angular.
Live demo at console.restorecommerce.io.
Demo Accosts
Goals and Features
  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming
Intended Use
The console is the daily companion of the sales admin and store admin to process orders and manager the offers.
The goal is to make it as convenient and efficient as possible for these tasks.
Development
Install
Run npm i --legacy-peer-deps
Code Scaffolding
To generate code using Nx Angular, you can utilize the following commands:
  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.
For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.
These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.
GraphQL Code Generation
To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.
Set Environment Variables
Create a .env file in the root directory of the project with the following content:
# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=
The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0
Development Server
To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.
Build
To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.
Running Linting
Run npm run console:lint to execute linting using TSLint and ESLint .
Running Unit Tests
Run npm run console:test to execute the unit tests using Jest.
Running End-to-end Tests
Run npm run console:e2e to execute the end-to-end tests using Cypress.
Additional Help
For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.
To find out more about a specific plugin, use the command "npx nx list [plugin name]".
You can also visit the Nx Angular documentation for more details.
About
The sales front end for Restore Commerce
Resources
Readme
Activity
Custom properties
Stars
2 stars
Watchers
2 watching
Forks
1 fork
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Strip utm_, fbclid, gclid, etc. from all links on page
(function() {
var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',
'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',
'ref', 'ref_src', 'source', 'medium', 'campaign'];
function cleanUrl(url) {
try {
var u = new URL(url, window.location.origin);
var changed = false;
trackingParams.forEach(function(p) {
if (u.searchParams.has(p)) {
u.searchParams.delete(p);
changed = true;
}
});
return changed ? u.toString() : url;
} catch (e) {
return url;
}
}
function cleanLinks() {
document.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
cleanLinks();
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(m) {
m.addedNodes.forEach(function(node) {
if (node.nodeType === 1) {
if (node.tagName === 'A') cleanLinks();
node.querySelectorAll('a[href]').forEach(function(a) {
var clean = cleanUrl(a.href);
if (clean !== a.href) a.href = clean;
});
}
});
});
});
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '
GitHub - restorecommerce/console: The sales front end for Restore Commerce · GitHub
Skip to content
BranchesTags
Repository files navigation
Console
Administrative Console for the Restorecommerce
e-commerce suite based on Angular.
Live demo at console.restorecommerce.io.
Demo Accosts
Goals and Features
  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming
Intended Use
The console is the daily companion of the sales admin and store admin to process orders and manager the offers.
The goal is to make it as convenient and efficient as possible for these tasks.
Development
Install
Run npm i --legacy-peer-deps
Code Scaffolding
To generate code using Nx Angular, you can utilize the following commands:
  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.
For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.
These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.
GraphQL Code Generation
To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.
Set Environment Variables
Create a .env file in the root directory of the project with the following content:
# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=
The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0
Development Server
To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.
Build
To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.
Running Linting
Run npm run console:lint to execute linting using TSLint and ESLint .
Running Unit Tests
Run npm run console:test to execute the unit tests using Jest.
Running End-to-end Tests
Run npm run console:e2e to execute the end-to-end tests using Cypress.
Additional Help
For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.
To find out more about a specific plugin, use the command "npx nx list [plugin name]".
You can also visit the Nx Angular documentation for more details.
About
The sales front end for Restore Commerce
Resources
Readme
Activity
Custom properties
Stars
2 stars
Watchers
2 watching
Forks
1 fork
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Auto-enable theater mode on YouTube
(function() {
function tryTheater() {
var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]');
if (btn && !btn.classList.contains('activated')) {
btn.click();
}
}
// Try immediately
tryTheater();
// Try after navigation (SPA)
var lastUrl = location.href;
setInterval(function() {
if (location.href !== lastUrl) {
lastUrl = location.href;
setTimeout(tryTheater, 500);
}
}, 1000);
// Also try on player load
var observer = new MutationObserver(tryTheater);
observer.observe(document.body, { childList: true, subtree: true });
})();
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - restorecommerce/console: The sales front end for Restore Commerce · GitHub
Skip to content
BranchesTags
Repository files navigation
Console
Administrative Console for the Restorecommerce
e-commerce suite based on Angular.
Live demo at console.restorecommerce.io.
Demo Accosts
Goals and Features
  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming
Intended Use
The console is the daily companion of the sales admin and store admin to process orders and manager the offers.
The goal is to make it as convenient and efficient as possible for these tasks.
Development
Install
Run npm i --legacy-peer-deps
Code Scaffolding
To generate code using Nx Angular, you can utilize the following commands:
  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.
For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.
These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.
GraphQL Code Generation
To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.
Set Environment Variables
Create a .env file in the root directory of the project with the following content:
# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=
The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0
Development Server
To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.
Build
To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.
Running Linting
Run npm run console:lint to execute linting using TSLint and ESLint .
Running Unit Tests
Run npm run console:test to execute the unit tests using Jest.
Running End-to-end Tests
Run npm run console:e2e to execute the end-to-end tests using Cypress.
Additional Help
For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.
To find out more about a specific plugin, use the command "npx nx list [plugin name]".
You can also visit the Nx Angular documentation for more details.
About
The sales front end for Restore Commerce
Resources
Readme
Activity
Custom properties
Stars
2 stars
Watchers
2 watching
Forks
1 fork
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Remove or un-stick sticky/fixed headers that block content
(function() {
function unstick() {
document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) {
if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {
el.style.position = 'static';
el.style.top = 'auto';
el.style.zIndex = 'auto';
}
});
}
unstick();
var observer = new MutationObserver(unstick);
observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
})();
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '
GitHub - restorecommerce/console: The sales front end for Restore Commerce · GitHub
Skip to content
BranchesTags
Repository files navigation
Console
Administrative Console for the Restorecommerce
e-commerce suite based on Angular.
Live demo at console.restorecommerce.io.
Demo Accosts
Goals and Features
  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming
Intended Use
The console is the daily companion of the sales admin and store admin to process orders and manager the offers.
The goal is to make it as convenient and efficient as possible for these tasks.
Development
Install
Run npm i --legacy-peer-deps
Code Scaffolding
To generate code using Nx Angular, you can utilize the following commands:
  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.
For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.
These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.
GraphQL Code Generation
To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.
Set Environment Variables
Create a .env file in the root directory of the project with the following content:
# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=
The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0
Development Server
To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.
Build
To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.
Running Linting
Run npm run console:lint to execute linting using TSLint and ESLint .
Running Unit Tests
Run npm run console:test to execute the unit tests using Jest.
Running End-to-end Tests
Run npm run console:e2e to execute the end-to-end tests using Cypress.
Additional Help
For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.
To find out more about a specific plugin, use the command "npx nx list [plugin name]".
You can also visit the Nx Angular documentation for more details.
About
The sales front end for Restore Commerce
Resources
Readme
Activity
Custom properties
Stars
2 stars
Watchers
2 watching
Forks
1 fork
Report repository
Releases
Packages
Used by
Contributors
Languages

, 'i');
if (__m === '*' || __re.test(location.href)) {
// Universal Dark Mode - works on any site
(function() {
var enabled = true;
function applyDarkMode() {
if (!enabled) return;
// Create style element if it doesn't exist
var style = document.getElementById('universal-dark-mode-style');
if (!style) {
style = document.createElement('style');
style.id = 'universal-dark-mode-style';
document.head.appendChild(style);
}
// Dark mode CSS - inverts colors but preserves images/video
style.textContent = '
/* Invert everything except media */
html {
filter: invert(1) hue-rotate(180deg) !important;
background: #1a1a2e !important;
}
/* Restore images, videos, iframes, canvas */
img, video, iframe, canvas, svg, picture, [style*="background-image"] {
filter: invert(1) hue-rotate(180deg) !important;
}
/* Preserve specific elements that should not be inverted */
.no-dark-mode, .no-dark-mode *,
[data-theme="light"], [data-theme="light"],
.ace_editor, .ace_editor *,
.CodeMirror, .CodeMirror *,
.monaco-editor, .monaco-editor *,
.markdown-body pre, .markdown-body pre *,
.highlight, .highlight *,
pre code, pre code * {
filter: none !important;
}
/* Fix common UI elements */
.modal, .popup, .dropdown-menu, .tooltip, .popover {
filter: invert(1) hue-rotate(180deg) !important;
background: #2d2d44 !important;
border-color: #444 !important;
}
/* Scrollbars */
::-webkit-scrollbar { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #444 !important; }
::-webkit-scrollbar-thumb:hover { background: #555 !important; }
/* Selection */
::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }
';
}
function removeDarkMode() {
var style = document.getElementById('universal-dark-mode-style');
if (style) style.remove();
}
// Toggle with Alt+Shift+D
document.addEventListener('keydown', function(e) {
if (e.altKey && e.shiftKey && e.key === 'D') {
e.preventDefault();
enabled = !enabled;
if (enabled) {
applyDarkMode();
console.log('[Universal Dark Mode] Enabled');
} else {
removeDarkMode();
console.log('[Universal Dark Mode] Disabled');
}
}
});
// Apply on load
applyDarkMode();
// Re-apply on dynamic content
var observer = new MutationObserver(function(mutations) {
if (enabled && !document.getElementById('universal-dark-mode-style')) {
applyDarkMode();
}
});
observer.observe(document.head, { childList: true });
console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');
})();
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();
GitHub - restorecommerce/console: The sales front end for Restore Commerce · GitHub
Skip to content
BranchesTags
Repository files navigation
Console
Administrative Console for the Restorecommerce
e-commerce suite based on Angular.
Live demo at console.restorecommerce.io.
Demo Accosts
Goals and Features
  • Performant by default
  • Internationalization
  • Multi tenancy
  • Responsive
  • UI Components
  • Theming
Intended Use
The console is the daily companion of the sales admin and store admin to process orders and manager the offers.
The goal is to make it as convenient and efficient as possible for these tasks.
Development
Install
Run npm i --legacy-peer-deps
Code Scaffolding
To generate code using Nx Angular, you can utilize the following commands:
  • Generate a component: Run npx nx g @nx/angular:component component-name to generate a new component.
  • Generate a directive: Use npx nx g @nx/angular:directive directive-name to generate a new directive.
  • Generate a pipe: Execute npx nx g @nx/angular:pipe pipe-name to generate a new pipe.
  • Generate a service: Run npx nx g @nx/angular:service service-name to generate a new service.
  • Generate a class: Use npx nx g @nx/angular:class class-name to generate a new class.
  • Generate a guard: Execute npx nx g @nx/angular:guard guard-name to generate a new guard.
  • Generate an interface: Use npx nx g @nx/angular:interface interface-name to generate a new interface.
  • Generate an enum: Execute npx nx g @nx/angular:enum enum-name to generate a new enum.
  • Generate a module: Run npx nx g @nx/angular:module module-name to generate a new module.
For each command, replace component-name, directive-name, and so on, with the desired names for your code artifacts.
These commands utilize the @nx/angular plugin provided by Nx to generate the respective code files. Nx Angular follows best practices and conventions, making it easier to generate and manage your Angular code. For more information, you can visit the Nx Angular documentation for detailed instructions and examples.
GraphQL Code Generation
To generate code from GraphQL schemas, you can utilize the following command: npm run console:graphql:generate. This command will generate TypeScript types and Angular services for GraphQL schemas and operations located in ./packages/modules/ with extension .gql.
Set Environment Variables
Create a .env file in the root directory of the project with the following content:
# Environment variables
CONSOLE_API_URL=http://127.0.0.1:5000
CONSOLE_OIDC_KEY=VEVTVF9DTElFTlRfSUQ6VEVTVF9DTElFTlRfU0VDUkVU=
The CONSOLE_OIDC_KEY can be built like so: echo 'id:secret' | base64 -w0
Development Server
To start the development server, run npm run console:serve:dev. Navigate to http://localhost:4200/. The app will automatically reload if you make any changes to the source files.
Build
To build the project for production, run npm run console:build:prod. The build artifacts will be stored in the dist/ directory.
Running Linting
Run npm run console:lint to execute linting using TSLint and ESLint .
Running Unit Tests
Run npm run console:test to execute the unit tests using Jest.
Running End-to-end Tests
Run npm run console:e2e to execute the end-to-end tests using Cypress.
Additional Help
For more information and help regarding Nx Angular, use npm run console:list to list all available local workspace plugins, installed plugins, and their associated commands.
To find out more about a specific plugin, use the command "npx nx list [plugin name]".
You can also visit the Nx Angular documentation for more details.
About
The sales front end for Restore Commerce
Resources
Readme
Activity
Custom properties
Stars
2 stars
Watchers
2 watching
Forks
1 fork
Report repository
Releases
Packages
Used by
Contributors
Languages