+ {withTitle ? (
+
+ {data.site.siteMetadata.title}
+ {withIcon ? (
+
+ ) : (
+ ''
+ )}
+ {children}
+
+
+ Page not found
+
+
+ Seems like you have reached a page that does not exist. +
++ A few word about us, our goals and our projects. +
++ The core goal of 30 seconds is to provide a quality resource for beginner and advanced developers alike. We want to help improve the software development ecosystem, by lowering the barrier of entry for newcomers and help seasoned veterans pick up new tricks and remember old ones. +
++ In order to achieve this, we have collected hundreds of snippets that can be of use in a wide range of situations. We welcome new contributors and we like fresh ideas, as long as the code is short and easy to grasp in about 30 seconds. +
++ The only catch, if you may, is that a few of our snippets are not perfectly optimized for large, enterprise applications and they might not be deemed production-ready. +
++ The 30 seconds movement started back in December, 2017, with the release of 30 seconds of code by Angelos Chalaris. Since then, hundreds of developers have contributed snippets to over 6 repositories, creating a thriving community of people willing to help each other write better code. +
++ In late 2018, the 30 seconds organization was formed on GitHub, in order to expand upon existing projects and ensure that they will remain high-quality resources in the future. +
++ The 30 seconds movement and, to some extent, the associated GitHub organization consists of all the people who have invested time and ideas to be part of this amazing community. Meanwhile, these fine folks are currently responsible for maintaining the codebases and dealing with organizational matters: +
+ + ++ In order for the code provided via the 30 seconds projects to be as accessible and useful as possible, all of the snippets in these collections are licensed under the CC0-1.0 License meaning they are absolutely free to use in any project you like. If you like what we do, you can always credit us, but that is not mandatory. +
++ Logos, names and trademarks are not to be used without the explicit consent of the maintainers or owners of the 30 seconds GitHub organization. The only exception to this is the usage of the 30-seconds-of- name in open source projects, licensed under the CC0-1.0 License and hosted on GitHub, if their README and website clearly states that they are unofficial projects and in no way affiliated with the organization. +
++ {props.data.site.siteMetadata.description} +
++ Start typing a keyword to see matching snippets. +
+ ) : searchResults.length === 0 ? ( ++ We couldn't find any results for the keyword{' '} + {searchQuery}. +
+ ) : ( + <> ++ Click on a snippet's name to view its code. +
++ Click on a snippet’s name to view its code or a tag name to view all + snippets in that category. +
+ {tags.map(tag => ( + <> +{page.description}
+Click on a snippet's name to view its code.
+ {/* Display page background or results depending on state */} + {searchQuery.length === 0 ? ( + <> ++ Start typing a keyword to see matching snippets. +
+
+ No results found
+
+
+ We couldn't find any results for the keyword{' '} + {searchQuery}. +
+Click on a snippet's name to view its code.
+ {posts && + posts.map(({ node }) => ( +'));
+ return results[1];
+};
+
+// Gets the code blocks in a gatsby page
+const getCodeBlocks = str => {
+ const regex = /
`,
+ 'g',
+ );
+ const optionalReplacer = new RegExp(
+ `([\\s\\S]*?)
`,
+ 'g',
+ );
+ results = results.map(v =>
+ v
+ .replace(replacer, '$1')
+ .replace(optionalReplacer, '$1')
+ .trim()
+ );
+ if (results.length > 2)
+ return {
+ style: results[0],
+ code: results[1],
+ example: results[2]
+ };
+ return {
+ style: '',
+ code: results[0],
+ example: results[1]
+ };
+};
+
+// Optimizes nodes in an HTML string
+const optimizeNodes = (data, regexp, replacer) => {
+ let count = 0;
+ let output = data;
+ do {
+ output = output.replace(regexp, replacer);
+ count = 0;
+ while (regexp.exec(output) !== null) ++count;
+ } while (count > 0);
+ return output;
+};
+const optimizeAllNodes = html => {
+ let output = html;
+ // Optimize punctuation nodes
+ output = optimizeNodes(
+ output,
+ /([^\0<]*?)<\/span>([\n\r\s]*)([^\0]*?)<\/span>/gm,
+ (match, p1, p2, p3) =>
+ `${p1}${p2}${p3}`,
+ );
+ // Optimize operator nodes
+ output = optimizeNodes(
+ output,
+ /([^\0<]*?)<\/span>([\n\r\s]*)([^\0]*?)<\/span>/gm,
+ (match, p1, p2, p3) =>
+ `${p1}${p2}${p3}`,
+ );
+ // Optimize keyword nodes
+ output = optimizeNodes(
+ output,
+ /([^\0<]*?)<\/span>([\n\r\s]*)([^\0]*?)<\/span>/gm,
+ (match, p1, p2, p3) => `${p1}${p2}${p3}`,
+ );
+ return output;
+};
+
+// Gets the code blocks for a snippet file.
+const getRawCodeBlocks = str => {
+ const regex = /```[.\S\s]*?```/g;
+ let results = [];
+ let m = null;
+ while ((m = regex.exec(str)) !== null) {
+ if (m.index === regex.lastIndex) regex.lastIndex += 1;
+ // eslint-disable-next-line
+ m.forEach((match, groupIndex) => {
+ results.push(match);
+ });
+ }
+ const replacer = new RegExp(
+ `\`\`\`${config.language}([\\s\\S]*?)\`\`\``,
+ 'g',
+ );
+ results = results.map(v => v.replace(replacer, '$1').trim());
+ return {
+ code: results[0],
+ example: results[1],
+ };
+};
+
+module.exports = {
+ capitalize,
+ getTextualContent,
+ getCodeBlocks,
+ optimizeNodes,
+ optimizeAllNodes,
+ getRawCodeBlocks,
+};
([\\s\\S]*?)
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+