Compare commits
6 Commits
Author | SHA1 | Date | |
---|---|---|---|
f5f51ac1a6 | |||
eb4a4288ed | |||
56bcfcdae4 | |||
50b33a5f88 | |||
d24593b07c | |||
9eb9f14a38 |
1617
package-lock.json
generated
Normal file
1617
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@pushrocks/websetup",
|
"name": "@pushrocks/websetup",
|
||||||
"version": "1.0.2",
|
"version": "1.0.5",
|
||||||
"private": false,
|
"private": false,
|
||||||
"description": "setup basic page properties",
|
"description": "setup basic page properties",
|
||||||
"main": "dist/index.js",
|
"main": "dist/index.js",
|
||||||
@ -12,11 +12,14 @@
|
|||||||
"build": "(tsbuild)",
|
"build": "(tsbuild)",
|
||||||
"format": "(gitzone format)"
|
"format": "(gitzone format)"
|
||||||
},
|
},
|
||||||
|
"keywords": [
|
||||||
|
"lossless",
|
||||||
|
"websafe"
|
||||||
|
],
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@gitzone/tsbuild": "^2.0.22",
|
"@gitzone/tsbuild": "^2.0.22",
|
||||||
"@gitzone/tstest": "^1.0.15",
|
"@gitzone/tstest": "^1.0.15",
|
||||||
"@pushrocks/tapbundle": "^3.0.7",
|
"@pushrocks/tapbundle": "^3.0.7",
|
||||||
"@types/node": "^10.11.7",
|
|
||||||
"tslint": "^5.11.0",
|
"tslint": "^5.11.0",
|
||||||
"tslint-config-prettier": "^1.15.0"
|
"tslint-config-prettier": "^1.15.0"
|
||||||
},
|
},
|
||||||
|
@ -2,7 +2,7 @@ import { expect, tap } from '@pushrocks/tapbundle';
|
|||||||
import * as websetup from '../ts/index'
|
import * as websetup from '../ts/index'
|
||||||
|
|
||||||
tap.test('first test', async () => {
|
tap.test('first test', async () => {
|
||||||
console.log(websetup.standardExport)
|
console.log('Waiting for proper puppeteer support here');
|
||||||
})
|
})
|
||||||
|
|
||||||
tap.start()
|
tap.start();
|
||||||
|
36
ts/index.ts
36
ts/index.ts
@ -1,3 +1,37 @@
|
|||||||
import * as plugins from './websetup.plugins';
|
import * as plugins from './websetup.plugins';
|
||||||
|
|
||||||
export let standardExport = 'Hi there! :) This is an exported string';
|
import { setupGoogleAnalytics } from './tools/ganalytics';
|
||||||
|
import { setupFullStory } from './tools/fullstory';
|
||||||
|
import { setupServiceWoker } from './serviceworker';
|
||||||
|
import { IMetaObject, setupMetaInformation } from './meta';
|
||||||
|
|
||||||
|
export interface IWebSetupConstructorOptions {
|
||||||
|
googleAnalyticsCode?: string;
|
||||||
|
fsCode?: string;
|
||||||
|
metaObject: IMetaObject;
|
||||||
|
serviceworker?: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* the main WebSetup class
|
||||||
|
*/
|
||||||
|
export class WebSetup {
|
||||||
|
constructor(optionsArg: IWebSetupConstructorOptions) {
|
||||||
|
// most important, lets get the meta information in place
|
||||||
|
this.setup(optionsArg);
|
||||||
|
}
|
||||||
|
|
||||||
|
async setup(optionsArg: IWebSetupConstructorOptions) {
|
||||||
|
if(optionsArg.serviceworker) {
|
||||||
|
await setupServiceWoker()
|
||||||
|
}
|
||||||
|
|
||||||
|
if (optionsArg.googleAnalyticsCode) {
|
||||||
|
await setupGoogleAnalytics(optionsArg.googleAnalyticsCode);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (optionsArg.fsCode) {
|
||||||
|
await setupFullStory(optionsArg.fsCode)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
18
ts/meta/index.ts
Normal file
18
ts/meta/index.ts
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
export interface IMetaObject {
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const setupMetaInformation = async (metaObjectArg: IMetaObject) => {
|
||||||
|
document.title = metaObjectArg.title;
|
||||||
|
addMetaTag('description', metaObjectArg.description);
|
||||||
|
addMetaTag('google', 'notranslate');
|
||||||
|
addMetaTag('revisited-after', '1 days');
|
||||||
|
};
|
||||||
|
|
||||||
|
const addMetaTag = async (linkNameArg: string, contentArg: string) => {
|
||||||
|
const metaElement = document.createElement('meta');
|
||||||
|
metaElement.name = linkNameArg;
|
||||||
|
metaElement.content = contentArg;
|
||||||
|
document.getElementsByTagName('head')[0].appendChild(metaElement);
|
||||||
|
};
|
9
ts/serviceworker/index.ts
Normal file
9
ts/serviceworker/index.ts
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
export const setupServiceWoker = async () => {
|
||||||
|
// serviceworker
|
||||||
|
const script = document.createElement('script');
|
||||||
|
script.onload = () => {
|
||||||
|
console.log('Loaded Serviceworker. The serviceworker helps us with notifications and offline capabilities, so you can also read this site when your device is offline.');
|
||||||
|
};
|
||||||
|
script.src = 'serviceworker/mainthread.js';
|
||||||
|
document.head.appendChild(script);
|
||||||
|
};
|
66
ts/tools/fullstory.ts
Normal file
66
ts/tools/fullstory.ts
Normal file
@ -0,0 +1,66 @@
|
|||||||
|
declare global {
|
||||||
|
// tslint:disable-next-line: interface-name
|
||||||
|
interface Window {
|
||||||
|
_fs_host: any;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
export const setupFullStory = async (fsCodeArg: string) => {
|
||||||
|
// tslint:disable-next-line: no-string-literal
|
||||||
|
window['_fs_debug'] = false;
|
||||||
|
// tslint:disable-next-line: no-string-literal
|
||||||
|
window['_fs_host'] = 'fullstory.com';
|
||||||
|
// tslint:disable-next-line: no-string-literal
|
||||||
|
window['_fs_org'] = fsCodeArg;
|
||||||
|
// tslint:disable-next-line: no-string-literal
|
||||||
|
window['_fs_namespace'] = 'FS';
|
||||||
|
(function(m, n, e, t, l, o, g, y) {
|
||||||
|
if (e in m) {
|
||||||
|
if (m.console && m.console.log) {
|
||||||
|
m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
g = m[e] = function(a, b, s) {
|
||||||
|
g.q ? g.q.push([a, b, s]) : g._api(a, b, s);
|
||||||
|
};
|
||||||
|
g.q = [];
|
||||||
|
o = n.createElement(t);
|
||||||
|
o.async = 1;
|
||||||
|
o.src = 'https://' + window._fs_host + '/s/fs.js';
|
||||||
|
y = n.getElementsByTagName(t)[0];
|
||||||
|
y.parentNode.insertBefore(o, y);
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
g.identify = function(i, v, s) {
|
||||||
|
g(l, { uid: i }, s);
|
||||||
|
if (v) g(l, v, s);
|
||||||
|
};
|
||||||
|
g.setUserVars = function(v, s) {
|
||||||
|
g(l, v, s);
|
||||||
|
};
|
||||||
|
g.event = function(i, v, s) {
|
||||||
|
g('event', { n: i, p: v }, s);
|
||||||
|
};
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
g.shutdown = function() {
|
||||||
|
g('rec', !1);
|
||||||
|
};
|
||||||
|
g.restart = function() {
|
||||||
|
g('rec', !0);
|
||||||
|
};
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
g.consent = function(a) {
|
||||||
|
g('consent', !arguments.length || a);
|
||||||
|
};
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
g.identifyAccount = function(i, v) {
|
||||||
|
o = 'account';
|
||||||
|
v = v || {};
|
||||||
|
v.acctId = i;
|
||||||
|
g(o, v);
|
||||||
|
};
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
g.clearUserCookie = function() {};
|
||||||
|
// tslint:disable-next-line: no-string-literal
|
||||||
|
})(window, document, window['_fs_namespace'], 'script', 'user');
|
||||||
|
};
|
31
ts/tools/ganalytics.ts
Normal file
31
ts/tools/ganalytics.ts
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
declare global {
|
||||||
|
// tslint:disable-next-line: interface-name
|
||||||
|
interface Window {
|
||||||
|
analytics: any;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export const setupGoogleAnalytics = async (gaCode: string) => {
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
(function(i, s, o, g, r, a, m) {
|
||||||
|
// tslint:disable-next-line: no-string-literal
|
||||||
|
i['GoogleAnalyticsObject'] = r;
|
||||||
|
// tslint:disable-next-line: ban-comma-operator
|
||||||
|
(i[r] =
|
||||||
|
i[r] ||
|
||||||
|
// tslint:disable-next-line: only-arrow-functions
|
||||||
|
function() {
|
||||||
|
(i[r].q = i[r].q || []).push(arguments);
|
||||||
|
}),
|
||||||
|
(i[r].l = new Date().getTime());
|
||||||
|
// tslint:disable-next-line: ban-comma-operator
|
||||||
|
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
|
||||||
|
a.async = 1;
|
||||||
|
a.src = g;
|
||||||
|
m.parentNode.insertBefore(a, m);
|
||||||
|
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'analytics');
|
||||||
|
|
||||||
|
window.analytics('create', gaCode, 'auto');
|
||||||
|
window.analytics('send', 'pageview');
|
||||||
|
console.log('Loaded Google Analytics. You may view our privacy policy at https://lossless.gmbh');
|
||||||
|
};
|
Reference in New Issue
Block a user