Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

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 - terox/skeleton: Easy and fast library for generate file and folder structures in your projects with a very small effort · GitHub
Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

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 - terox/skeleton: Easy and fast library for generate file and folder structures in your projects with a very small effort · GitHub
Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

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 - terox/skeleton: Easy and fast library for generate file and folder structures in your projects with a very small effort · GitHub
Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

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 - terox/skeleton: Easy and fast library for generate file and folder structures in your projects with a very small effort · GitHub
Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

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 - terox/skeleton: Easy and fast library for generate file and folder structures in your projects with a very small effort · GitHub
Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

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 - terox/skeleton: Easy and fast library for generate file and folder structures in your projects with a very small effort · GitHub
Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

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 - terox/skeleton: Easy and fast library for generate file and folder structures in your projects with a very small effort · GitHub
Skip to content

Latest commit

History

28 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

Fast Skeleton

NPM Package VersionDownloadsBuild StatusCode ClimateInline docsGratipay

Easy and fast library for generate file and folder structures in your projects with a very small effort.

Features:

  • Small footprint library.
  • You can use interfaces like a prompt with skeleton-prompt.

Getting Started

Skeleton works with generators. A generator are a directory with files, folders and templates that will be created in some location of your file system.

The main file of generator is known as "manifest". Manifest defines all actions that will be done. For example: create, copy o generate files from predefined templates. In this directory we have files and folder structure that contains the templates or files that we will work with it.

Skeleton is a very simplified concept of yeoman generators. I try to avoid the complexity of this project to put in your hands a very useful library.

Installation

npm install fskeleton --save

Creating a generator

Only create a directory and put inside it a file called manifest.js:

/home/me/fskeleton/sk/
└── manifest.js

Note: you can name this file with other name, but you need to remember it when you instantiate the generator.

You are free to define the internal folder and file structure, like where locate templates, assets and other types of files. My recommendation is follow some methodology. You can study and follow our test fixtures. For example:

/home/me/fskeleton/sk/
├── manifest.js
├── templates
| ├── README.tpl
| └── component.tpl
└── assets
├── asset1.jpg
├── asset2.jpg
└── subdir
├── asset3.txt
└── asset4.jpg

Creating the manifest.js file

First of all, create a manifest.js. This file tells Skeleton how deal with files inside generator. The scaffold property must be defined.

// /home/me/fkeleton/sk/manifest.jsmodule.exports={// Default data for all scaffolddefaultData: {name: 'unnmaed'},scaffold: {// Creates a folder with rwx permissions (UNIX)'app/components' : {action : 'folder',mode : 0777},// Generate a file from template'app/README.md': {action : 'template',path : 'templates/README.tpl',// Data for template: name will be overridendata : {name: 'Testing'}},// Copy "as it is" the assets/ to app/assets. Including subdirs.'app/assets/': {action : 'copy',path : 'assets/'}}}

Using before trigger

You can add to your manifest a before function to change scaffold object dynamically. For example:

module.exports={// ......// If we pass data argument with components property, we will add// dynamically new path and configurations to scaffold objectbefore: function(scope,data){varself=this;if(typeofdata.components!=="undefined"){data.components.forEach(function(component){self.scaffold['app/components/'+component+'.txt']={action : 'template',path : 'templates/component.tpl',data : {component: component}};});}}// ......}

Use

There are two ways for deploy structures:

Traditional way:

You define all scope object at instantiation time.

varSkeleton=require('fskeleton');// Optional argument and object. It will create a data object for each path in// scaffold object. Take care! if some data object is defined, it will be mergedvardata={components: ['component1','component2']};varsk=newSkeleton({generator : '/home/me/fskeleton/sk',// Where is the generatordest : '/tmp/',// Where will be created the structure},data);// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Shortcut way:

You can use this way for skeleton-prompt and ask scope variables like dest or for complete data object.

varSkeleton=require('fskeleton');vardata={components: ['component1','component2']};// You can use '/home/me/fskeleton/sk/othermanifes.js', by default it search// manifest.jsvarsk=newSkeleton('/home/me/fskeleton/sk',data);sk.scope('dest','/tmp/');// Create structure in file systemsk.create().then(function(){// Do things when finish...});

Remember that sk.create() returns a promise object. I use bluebird library.

License

MIT License © David Pérez Terol

About

Easy and fast library for generate file and folder structures in your projects with a very small effort

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages