span rel=""> 55 
+              "namedChunks": false,
56 
+              "aot": true,
57 
+              "extractLicenses": true,
58 
+              "vendorChunk": false,
59 
+              "buildOptimizer": true,
60 
+              "budgets": [
61 
+                {
62 
+                  "type": "initial",
63 
+                  "maximumWarning": "2mb",
64 
+                  "maximumError": "5mb"
65 
+                }
66 
+              ]
67 
+            },
68 
+            "ci": {
69 
+              "progress": false
70 
+            }
71 
+          }
72 
+        },
73 
+        "serve": {
74 
+          "builder": "@angular-devkit/build-angular:dev-server",
75 
+          "options": {
76 
+            "browserTarget": "app:build"
77 
+          },
78 
+          "configurations": {
79 
+            "production": {
80 
+              "browserTarget": "app:build:production"
81 
+            },
82 
+            "ci": {
83 
+              "progress": false
84 
+            }
85 
+          }
86 
+        },
87 
+        "extract-i18n": {
88 
+          "builder": "@angular-devkit/build-angular:extract-i18n",
89 
+          "options": {
90 
+            "browserTarget": "app:build"
91 
+          }
92 
+        },
93 
+        "test": {
94 
+          "builder": "@angular-devkit/build-angular:karma",
95 
+          "options": {
96 
+            "main": "src/test.ts",
97 
+            "polyfills": "src/polyfills.ts",
98 
+            "tsConfig": "tsconfig.spec.json",
99 
+            "karmaConfig": "karma.conf.js",
100 
+            "styles": [],
101 
+            "scripts": [],
102 
+            "assets": [
103 
+              {
104 
+                "glob": "favicon.ico",
105 
+                "input": "src/",
106 
+                "output": "/"
107 
+              },
108 
+              {
109 
+                "glob": "**/*",
110 
+                "input": "src/assets",
111 
+                "output": "/assets"
112 
+              }
113 
+            ]
114 
+          },
115 
+          "configurations": {
116 
+            "ci": {
117 
+              "progress": false,
118 
+              "watch": false
119 
+            }
120 
+          }
121 
+        },
122 
+        "lint": {
123 
+          "builder": "@angular-eslint/builder:lint",
124 
+          "options": {
125 
+            "lintFilePatterns": [
126 
+              "src/**/*.ts",
127 
+              "src/**/*.html"
128 
+            ]
129 
+          }
130 
+        },
131 
+        "e2e": {
132 
+          "builder": "@angular-devkit/build-angular:protractor",
133 
+          "options": {
134 
+            "protractorConfig": "e2e/protractor.conf.js",
135 
+            "devServerTarget": "app:serve"
136 
+          },
137 
+          "configurations": {
138 
+            "production": {
139 
+              "devServerTarget": "app:serve:production"
140 
+            },
141 
+            "ci": {
142 
+              "devServerTarget": "app:serve:ci"
143 
+            }
144 
+          }
145 
+        },
146 
+        "ionic-cordova-build": {
147 
+          "builder": "@ionic/angular-toolkit:cordova-build",
148 
+          "options": {
149 
+            "browserTarget": "app:build"
150 
+          },
151 
+          "configurations": {
152 
+            "production": {
153 
+              "browserTarget": "app:build:production"
154 
+            }
155 
+          }
156 
+        },
157 
+        "ionic-cordova-serve": {
158 
+          "builder": "@ionic/angular-toolkit:cordova-serve",
159 
+          "options": {
160 
+            "cordovaBuildTarget": "app:ionic-cordova-build",
161 
+            "devServerTarget": "app:serve"
162 
+          },
163 
+          "configurations": {
164 
+            "production": {
165 
+              "cordovaBuildTarget": "app:ionic-cordova-build:production",
166 
+              "devServerTarget": "app:serve:production"
167 
+            }
168 
+          }
169 
+        }
170 
+      }
171 
+    }
172 
+  },
173 
+  "cli": {
174 
+    "analytics": false,
175 
+    "defaultCollection": "@ionic/angular-toolkit"
176 
+  },
177 
+  "schematics": {
178 
+    "@ionic/angular-toolkit:component": {
179 
+      "styleext": "scss"
180 
+    },
181 
+    "@ionic/angular-toolkit:page": {
182 
+      "styleext": "scss"
183 
+    }
184 
+  }
185 
+}

+ 10 - 0
capacitor.config.ts
Просмотреть файл 

@@ -0,0 +1,10 @@
1 
+import { CapacitorConfig } from '@capacitor/cli';
2 
+
3 
+const config: CapacitorConfig = {
4 
+  appId: 'io.ionic.starter',
5 
+  appName: 'Tune2Win',
6 
+  webDir: 'www',
7 
+  bundledWebRuntime: false
8 
+};
9 
+
10 
+export default config;

+ 37 - 0
e2e/protractor.conf.js
Просмотреть файл 

@@ -0,0 +1,37 @@
1 
+// @ts-check
2 
+// Protractor configuration file, see link for more information
3 
+// https://github.com/angular/protractor/blob/master/lib/config.ts
4 
+
5 
+const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
6 
+
7 
+/**
8 
+ * @type { import("protractor").Config }
9 
+ */
10 
+exports.config = {
11 
+  allScriptsTimeout: 11000,
12 
+  specs: [
13 
+    './src/**/*.e2e-spec.ts'
14 
+  ],
15 
+  capabilities: {
16 
+    browserName: 'chrome'
17 
+  },
18 
+  directConnect: true,
19 
+  SELENIUM_PROMISE_MANAGER: false,
20 
+  baseUrl: 'http://localhost:4200/',
21 
+  framework: 'jasmine',
22 
+  jasmineNodeOpts: {
23 
+    showColors: true,
24 
+    defaultTimeoutInterval: 30000,
25 
+    print: function() {}
26 
+  },
27 
+  onPrepare() {
28 
+    require('ts-node').register({
29 
+      project: require('path').join(__dirname, './tsconfig.json')
30 
+    });
31 
+    jasmine.getEnv().addReporter(new SpecReporter({
32 
+      spec: {
33 
+        displayStacktrace: StacktraceOption.PRETTY
34 
+      }
35 
+    }));
36 
+  }
37 
+};

+ 14 - 0
e2e/src/app.e2e-spec.ts
Просмотреть файл 

@@ -0,0 +1,14 @@
1 
+import { AppPage } from './app.po';
2 
+
3 
+describe('new App', () => {
4 
+  let page: AppPage;
5 
+
6 
+  beforeEach(() => {
7 
+    page = new AppPage();
8 
+  });
9 
+
10 
+  it('should display welcome message', () => {
11 
+    page.navigateTo();
12 
+    expect(page.getPageTitle()).toContain('Tab 1');
13 
+  });
14 
+});

+ 11 - 0
e2e/src/app.po.ts
Просмотреть файл 

@@ -0,0 +1,11 @@
1 
+import { browser, by, element } from 'protractor';
2 
+
3 
+export class AppPage {
4 
+  navigateTo() {
5 
+    return browser.get('/');
6 
+  }
7 
+
8 
+  getPageTitle() {
9 
+    return element(by.css('ion-title')).getText();
10 
+  }
11 
+}

+ 12 - 0
e2e/tsconfig.json
Просмотреть файл 

@@ -0,0 +1,12 @@
1 
+{
2 
+  "extends": "../tsconfig.json",
3 
+  "compilerOptions": {
4 
+    "outDir": "../out-tsc/e2e",
5 
+    "module": "commonjs",
6 
+    "target": "es2018",
7 
+    "types": [
8 
+      "jasmine",
9 
+      "node"
10 
+    ]
11 
+  }
12 
+}

+ 7 - 0
ionic.config.json
Просмотреть файл 

@@ -0,0 +1,7 @@
1 
+{
2 
+  "name": "Tune2Win",
3 
+  "integrations": {
4 
+    "capacitor": {}
5 
+  },
6 
+  "type": "angular"
7 
+}

+ 9 - 0
ios/.gitignore
Просмотреть файл 

@@ -0,0 +1,9 @@
1 
+App/build
2 
+App/Pods
3 
+App/Podfile.lock
4 
+App/App/public
5 
+DerivedData
6 
+xcuserdata
7 
+
8 
+# Cordova plugins for Capacitor
9 
+capacitor-cordova-ios-plugins

+ 416 - 0
ios/App/App.xcodeproj/project.pbxproj
Просмотреть файл 

@@ -0,0 +1,416 @@
1 
+// !$*UTF8*$!
2 
+{
3 
+	archiveVersion = 1;
4 
+	classes = {
5 
+	};
6 
+	objectVersion = 48;
7 
+	objects = {
8 
+
9 
+/* Begin PBXBuildFile section */
10 
+		1EDEF1D527C21110006F183C /* HealthKit.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 1EDEF1D427C21110006F183C /* HealthKit.framework */; };
11 
+		2FAD9763203C412B000D30F8 /* config.xml in Resources */ = {isa = PBXBuildFile; fileRef = 2FAD9762203C412B000D30F8 /* config.xml */; };
12 
+		50379B232058CBB4000EE86E /* capacitor.config.json in Resources */ = {isa = PBXBuildFile; fileRef = 50379B222058CBB4000EE86E /* capacitor.config.json */; };
13 
+		504EC3081FED79650016851F /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 504EC3071FED79650016851F /* AppDelegate.swift */; };
14 
+		504EC30D1FED79650016851F /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30B1FED79650016851F /* Main.storyboard */; };
15 
+		504EC30F1FED79650016851F /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 504EC30E1FED79650016851F /* Assets.xcassets */; };
16 
+		504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 504EC3101FED79650016851F /* LaunchScreen.storyboard */; };
17 
+		50B271D11FEDC1A000F3C39B /* public in Resources */ = {isa = PBXBuildFile; fileRef = 50B271D01FEDC1A000F3C39B /* public */; };
18 
+		A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */; };
19 
+/* End PBXBuildFile section */
20 
+
21 
+/* Begin PBXFileReference section */
22 
+		1EDEF1D327C21110006F183C /* App.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = App.entitlements; sourceTree = "<group>"; };
23 
+		1EDEF1D427C21110006F183C /* HealthKit.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = HealthKit.framework; path = System/Library/Frameworks/HealthKit.framework; sourceTree = SDKROOT; };
24 
+		2FAD9762203C412B000D30F8 /* config.xml */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = config.xml; sourceTree = "<group>"; };
25 
+		50379B222058CBB4000EE86E /* capacitor.config.json */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.json; path = capacitor.config.json; sourceTree = "<group>"; };
26 
+		504EC3041FED79650016851F /* App.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = App.app; sourceTree = BUILT_PRODUCTS_DIR; };
27 
+		504EC3071FED79650016851F /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
28 
+		504EC30C1FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = "<group>"; };
29 
+		504EC30E1FED79650016851F /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
30 
+		504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
31 
+		504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
32 
+		50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = "<group>"; };
33 
+		AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_App.framework; sourceTree = BUILT_PRODUCTS_DIR; };
34 
+		AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.release.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.release.xcconfig"; sourceTree = "<group>"; };
35 
+		FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.debug.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.debug.xcconfig"; sourceTree = "<group>"; };
36 
+/* End PBXFileReference section */
37 
+
38 
+/* Begin PBXFrameworksBuildPhase section */
39 
+		504EC3011FED79650016851F /* Frameworks */ = {
40 
+			isa = PBXFrameworksBuildPhase;
41 
+			buildActionMask = 2147483647;
42 
+			files = (
43 
+				A084ECDBA7D38E1E42DFC39D /* Pods_App.framework in Frameworks */,
44 
+				1EDEF1D527C21110006F183C /* HealthKit.framework in Frameworks */,
45 
+			);
46 
+			runOnlyForDeploymentPostprocessing = 0;
47 
+		};
48 
+/* End PBXFrameworksBuildPhase section */
49 
+
50 
+/* Begin PBXGroup section */
51 
+		27E2DDA53C4D2A4D1A88CE4A /* Frameworks */ = {
52 
+			isa = PBXGroup;
53 
+			children = (
54 
+				1EDEF1D427C21110006F183C /* HealthKit.framework */,
55 
+				AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */,
56 
+			);
57 
+			name = Frameworks;
58 
+			sourceTree = "<group>";
59 
+		};
60 
+		504EC2FB1FED79650016851F = {
61 
+			isa = PBXGroup;
62 
+			children = (
63 
+				504EC3061FED79650016851F /* App */,
64 
+				504EC3051FED79650016851F /* Products */,
65 
+				7F8756D8B27F46E3366F6CEA /* Pods */,
66 
+				27E2DDA53C4D2A4D1A88CE4A /* Frameworks */,
67 
+			);
68 
+			sourceTree = "<group>";
69 
+		};
70 
+		504EC3051FED79650016851F /* Products */ = {
71 
+			isa = PBXGroup;
72 
+			children = (
73 
+				504EC3041FED79650016851F /* App.app */,
74 
+			);
75 
+			name = Products;
76 
+			sourceTree = "<group>";
77 
+		};
78 
+		504EC3061FED79650016851F /* App */ = {
79 
+			isa = PBXGroup;
80 
+			children = (
81 
+				1EDEF1D327C21110006F183C /* App.entitlements */,
82 
+				50379B222058CBB4000EE86E /* capacitor.config.json */,
83 
+				504EC3071FED79650016851F /* AppDelegate.swift */,
84 
+				504EC30B1FED79650016851F /* Main.storyboard */,
85 
+				504EC30E1FED79650016851F /* Assets.xcassets */,
86 
+				504EC3101FED79650016851F /* LaunchScreen.storyboard */,
87 
+				504EC3131FED79650016851F /* Info.plist */,
88 
+				2FAD9762203C412B000D30F8 /* config.xml */,
89 
+				50B271D01FEDC1A000F3C39B /* public */,
90 
+			);
91 
+			path = App;
92 
+			sourceTree = "<group>";
93 
+		};
94 
+		7F8756D8B27F46E3366F6CEA /* Pods */ = {
95 
+			isa = PBXGroup;
96 
+			children = (
97 
+				FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */,
98 
+				AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */,
99 
+			);
100 
+			name = Pods;
101 
+			sourceTree = "<group>";
102 
+		};
103 
+/* End PBXGroup section */
104 
+
105 
+/* Begin PBXNativeTarget section */
106 
+		504EC3031FED79650016851F /* App */ = {
107 
+			isa = PBXNativeTarget;
108 
+			buildConfigurationList = 504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */;
109 
+			buildPhases = (
110 
+				6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */,
111 
+				504EC3001FED79650016851F /* Sources */,
112 
+				504EC3011FED79650016851F /* Frameworks */,
113 
+				504EC3021FED79650016851F /* Resources */,
114 
+				9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */,
115 
+			);
116 
+			buildRules = (
117 
+			);
118 
+			dependencies = (
119 
+			);
120 
+			name = App;
121 
+			productName = App;
122 
+			productReference = 504EC3041FED79650016851F /* App.app */;
123 
+			productType = "com.apple.product-type.application";
124 
+		};
125 
+/* End PBXNativeTarget section */
126 
+
127 
+/* Begin PBXProject section */
128 
+		504EC2FC1FED79650016851F /* Project object */ = {
129 
+			isa = PBXProject;
130 
+			attributes = {
131 
+				LastSwiftUpdateCheck = 0920;
132 
+				LastUpgradeCheck = 0920;
133 
+				TargetAttributes = {
134 
+					504EC3031FED79650016851F = {
135 
+						CreatedOnToolsVersion = 9.2;
136 
+						LastSwiftMigration = 1100;
137 
+						ProvisioningStyle = Automatic;
138 
+					};
139 
+				};
140 
+			};
141 
+			buildConfigurationList = 504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */;
142 
+			compatibilityVersion = "Xcode 8.0";
143 
+			developmentRegion = en;
144 
+			hasScannedForEncodings = 0;
145 
+			knownRegions = (
146 
+				en,
147 
+				Base,
148 
+			);
149 
+			mainGroup = 504EC2FB1FED79650016851F;
150 
+			productRefGroup = 504EC3051FED79650016851F /* Products */;
151 
+			projectDirPath = "";
152 
+			projectRoot = "";
153 
+			targets = (
154 
+				504EC3031FED79650016851F /* App */,
155 
+			);
156 
+		};
157 
+/* End PBXProject section */
158 
+
159 
+/* Begin PBXResourcesBuildPhase section */
160 
+		504EC3021FED79650016851F /* Resources */ = {
161 
+			isa = PBXResourcesBuildPhase;
162 
+			buildActionMask = 2147483647;
163 
+			files = (
164 
+				504EC3121FED79650016851F /* LaunchScreen.storyboard in Resources */,
165 
+				50B271D11FEDC1A000F3C39B /* public in Resources */,
166 
+				504EC30F1FED79650016851F /* Assets.xcassets in Resources */,
167 
+				50379B232058CBB4000EE86E /* capacitor.config.json in Resources */,
168 
+				504EC30D1FED79650016851F /* Main.storyboard in Resources */,
169 
+				2FAD9763203C412B000D30F8 /* config.xml in Resources */,
170 
+			);
171 
+			runOnlyForDeploymentPostprocessing = 0;
172 
+		};
173 
+/* End PBXResourcesBuildPhase section */
174 
+
175 
+/* Begin PBXShellScriptBuildPhase section */
176 
+		6634F4EFEBD30273BCE97C65 /* [CP] Check Pods Manifest.lock */ = {
177 
+			isa = PBXShellScriptBuildPhase;
178 
+			buildActionMask = 2147483647;
179 
+			files = (
180 
+			);
181 
+			inputPaths = (
182 
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
183 
+				"${PODS_ROOT}/Manifest.lock",
184 
+			);
185 
+			name = "[CP] Check Pods Manifest.lock";
186 
+			outputPaths = (
187 
+				"$(DERIVED_FILE_DIR)/Pods-App-checkManifestLockResult.txt",
188 
+			);
189 
+			runOnlyForDeploymentPostprocessing = 0;
190 
+			shellPath = /bin/sh;
191 
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
192 
+			showEnvVarsInLog = 0;
193 
+		};
194 
+		9592DBEFFC6D2A0C8D5DEB22 /* [CP] Embed Pods Frameworks */ = {
195 
+			isa = PBXShellScriptBuildPhase;
196 
+			buildActionMask = 2147483647;
197 
+			files = (
198 
+			);
199 
+			inputPaths = (
200 
+			);
201 
+			name = "[CP] Embed Pods Frameworks";
202 
+			outputPaths = (
203 
+			);
204 
+			runOnlyForDeploymentPostprocessing = 0;
205 
+			shellPath = /bin/sh;
206 
+			shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-App/Pods-App-frameworks.sh\"\n";
207 
+			showEnvVarsInLog = 0;
208 
+		};
209 
+/* End PBXShellScriptBuildPhase section */
210 
+
211 
+/* Begin PBXSourcesBuildPhase section */
212 
+		504EC3001FED79650016851F /* Sources */ = {
213 
+			isa = PBXSourcesBuildPhase;
214 
+			buildActionMask = 2147483647;
215 
+			files = (
216 
+				504EC3081FED79650016851F /* AppDelegate.swift in Sources */,
217 
+			);
218 
+			runOnlyForDeploymentPostprocessing = 0;
219 
+		};
220 
+/* End PBXSourcesBuildPhase section */
221 
+
222 
+/* Begin PBXVariantGroup section */
223 
+		504EC30B1FED79650016851F /* Main.storyboard */ = {
224 
+			isa = PBXVariantGroup;
225 
+			children = (
226 
+				504EC30C1FED79650016851F /* Base */,
227 
+			);
228 
+			name = Main.storyboard;
229 
+			sourceTree = "<group>";
230 
+		};
231 
+		504EC3101FED79650016851F /* LaunchScreen.storyboard */ = {
232 
+			isa = PBXVariantGroup;
233 
+			children = (
234 
+				504EC3111FED79650016851F /* Base */,
235 
+			);
236 
+			name = LaunchScreen.storyboard;
237 
+			sourceTree = "<group>";
238 
+		};
239 
+/* End PBXVariantGroup section */
240 
+
241 
+/* Begin XCBuildConfiguration section */
242 
+		504EC3141FED79650016851F /* Debug */ = {
243 
+			isa = XCBuildConfiguration;
244 
+			buildSettings = {
245 
+				ALWAYS_SEARCH_USER_PATHS = NO;
246 
+				CLANG_ANALYZER_NONNULL = YES;
247 
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
248 
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
249 
+				CLANG_CXX_LIBRARY = "libc++";
250 
+				CLANG_ENABLE_MODULES = YES;
251 
+				CLANG_ENABLE_OBJC_ARC = YES;
252 
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
253 
+				CLANG_WARN_BOOL_CONVERSION = YES;
254 
+				CLANG_WARN_COMMA = YES;
255 
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
256 
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
257 
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
258 
+				CLANG_WARN_EMPTY_BODY = YES;
259 
+				CLANG_WARN_ENUM_CONVERSION = YES;
260 
+				CLANG_WARN_INFINITE_RECURSION = YES;
261 
+				CLANG_WARN_INT_CONVERSION = YES;
262 
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
263 
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
264 
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
265 
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
266 
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
267 
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
268 
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
269 
+				CLANG_WARN_UNREACHABLE_CODE = YES;
270 
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
271 
+				CODE_SIGN_IDENTITY = "iPhone Developer";
272 
+				COPY_PHASE_STRIP = NO;
273 
+				DEBUG_INFORMATION_FORMAT = dwarf;
274 
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
275 
+				ENABLE_TESTABILITY = YES;
276 
+				GCC_C_LANGUAGE_STANDARD = gnu11;
277 
+				GCC_DYNAMIC_NO_PIC = NO;
278 
+				GCC_NO_COMMON_BLOCKS = YES;
279 
+				GCC_OPTIMIZATION_LEVEL = 0;
280 
+				GCC_PREPROCESSOR_DEFINITIONS = (
281 
+					"DEBUG=1",
282 
+					"$(inherited)",
283 
+				);
284 
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
285 
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
286 
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
287 
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
288 
+				GCC_WARN_UNUSED_FUNCTION = YES;
289 
+				GCC_WARN_UNUSED_VARIABLE = YES;
290 
+				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
291 
+				MTL_ENABLE_DEBUG_INFO = YES;
292 
+				ONLY_ACTIVE_ARCH = YES;
293 
+				SDKROOT = iphoneos;
294 
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
295 
+				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
296 
+			};
297 
+			name = Debug;
298 
+		};
299 
+		504EC3151FED79650016851F /* Release */ = {
300 
+			isa = XCBuildConfiguration;
301 
+			buildSettings = {
302 
+				ALWAYS_SEARCH_USER_PATHS = NO;
303 
+				CLANG_ANALYZER_NONNULL = YES;
304 
+				CLANG_ANALYZER_NUMBER_OBJECT_CONVERSION = YES_AGGRESSIVE;
305 
+				CLANG_CXX_LANGUAGE_STANDARD = "gnu++14";
306 
+				CLANG_CXX_LIBRARY = "libc++";
307 
+				CLANG_ENABLE_MODULES = YES;
308 
+				CLANG_ENABLE_OBJC_ARC = YES;
309 
+				CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
310 
+				CLANG_WARN_BOOL_CONVERSION = YES;
311 
+				CLANG_WARN_COMMA = YES;
312 
+				CLANG_WARN_CONSTANT_CONVERSION = YES;
313 
+				CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
314 
+				CLANG_WARN_DOCUMENTATION_COMMENTS = YES;
315 
+				CLANG_WARN_EMPTY_BODY = YES;
316 
+				CLANG_WARN_ENUM_CONVERSION = YES;
317 
+				CLANG_WARN_INFINITE_RECURSION = YES;
318 
+				CLANG_WARN_INT_CONVERSION = YES;
319 
+				CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
320 
+				CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
321 
+				CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
322 
+				CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
323 
+				CLANG_WARN_STRICT_PROTOTYPES = YES;
324 
+				CLANG_WARN_SUSPICIOUS_MOVE = YES;
325 
+				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
326 
+				CLANG_WARN_UNREACHABLE_CODE = YES;
327 
+				CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
328 
+				CODE_SIGN_IDENTITY = "iPhone Developer";
329 
+				COPY_PHASE_STRIP = NO;
330 
+				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
331 
+				ENABLE_NS_ASSERTIONS = NO;
332 
+				ENABLE_STRICT_OBJC_MSGSEND = YES;
333 
+				GCC_C_LANGUAGE_STANDARD = gnu11;
334 
+				GCC_NO_COMMON_BLOCKS = YES;
335 
+				GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
336 
+				GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
337 
+				GCC_WARN_UNDECLARED_SELECTOR = YES;
338 
+				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
339 
+				GCC_WARN_UNUSED_FUNCTION = YES;
340 
+				GCC_WARN_UNUSED_VARIABLE = YES;
341 
+				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
342 
+				MTL_ENABLE_DEBUG_INFO = NO;
343 
+				SDKROOT = iphoneos;
344 
+				SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule";
345 
+				VALIDATE_PRODUCT = YES;
346 
+			};
347 
+			name = Release;
348 
+		};
349 
+		504EC3171FED79650016851F /* Debug */ = {
350 
+			isa = XCBuildConfiguration;
351 
+			baseConfigurationReference = FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */;
352 
+			buildSettings = {
353 
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
354 
+				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
355 
+				CODE_SIGN_IDENTITY = "Apple Development";
356 
+				CODE_SIGN_STYLE = Automatic;
357 
+				DEVELOPMENT_TEAM = 5QTJEGL2H2;
358 
+				INFOPLIST_FILE = App/Info.plist;
359 
+				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
360 
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
361 
+				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
362 
+				PRODUCT_BUNDLE_IDENTIFIER = net.simplico.tune2win;
363 
+				PRODUCT_NAME = "$(TARGET_NAME)";
364 
+				PROVISIONING_PROFILE_SPECIFIER = "";
365 
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
366 
+				SWIFT_VERSION = 5.0;
367 
+				TARGETED_DEVICE_FAMILY = "1,2";
368 
+			};
369 
+			name = Debug;
370 
+		};
371 
+		504EC3181FED79650016851F /* Release */ = {
372 
+			isa = XCBuildConfiguration;
373 
+			baseConfigurationReference = AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */;
374 
+			buildSettings = {
375 
+				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
376 
+				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
377 
+				CODE_SIGN_IDENTITY = "Apple Development";
378 
+				CODE_SIGN_STYLE = Automatic;
379 
+				DEVELOPMENT_TEAM = 5QTJEGL2H2;
380 
+				INFOPLIST_FILE = App/Info.plist;
381 
+				IPHONEOS_DEPLOYMENT_TARGET = 12.0;
382 
+				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
383 
+				PRODUCT_BUNDLE_IDENTIFIER = net.simplico.tune2win;
384 
+				PRODUCT_NAME = "$(TARGET_NAME)";
385 
+				PROVISIONING_PROFILE_SPECIFIER = "";
386 
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
387 
+				SWIFT_VERSION = 5.0;
388 
+				TARGETED_DEVICE_FAMILY = "1,2";
389 
+			};
390 
+			name = Release;
391 
+		};
392 
+/* End XCBuildConfiguration section */
393 
+
394 
+/* Begin XCConfigurationList section */
395 
+		504EC2FF1FED79650016851F /* Build configuration list for PBXProject "App" */ = {
396 
+			isa = XCConfigurationList;
397 
+			buildConfigurations = (
398 
+				504EC3141FED79650016851F /* Debug */,
399 
+				504EC3151FED79650016851F /* Release */,
400 
+			);
401 
+			defaultConfigurationIsVisible = 0;
402 
+			defaultConfigurationName = Release;
403 
+		};
404 
+		504EC3161FED79650016851F /* Build configuration list for PBXNativeTarget "App" */ = {
405 
+			isa = XCConfigurationList;
406 
+			buildConfigurations = (
407 
+				504EC3171FED79650016851F /* Debug */,
408 
+				504EC3181FED79650016851F /* Release */,
409 
+			);
410 
+			defaultConfigurationIsVisible = 0;
411 
+			defaultConfigurationName = Release;
412 
+		};
413 
+/* End XCConfigurationList section */
414 
+	};
415 
+	rootObject = 504EC2FC1FED79650016851F /* Project object */;
416 
+}

+ 7 - 0
ios/App/App.xcodeproj/project.xcworkspace/contents.xcworkspacedata
Просмотреть файл 

@@ -0,0 +1,7 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<Workspace
3 
+   version = "1.0">
4 
+   <FileRef
5 
+      location = "self:App.xcodeproj">
6 
+   </FileRef>
7 
+</Workspace>

+ 10 - 0
ios/App/App.xcworkspace/contents.xcworkspacedata
Просмотреть файл 

@@ -0,0 +1,10 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<Workspace
3 
+   version = "1.0">
4 
+   <FileRef
5 
+      location = "group:App.xcodeproj">
6 
+   </FileRef>
7 
+   <FileRef
8 
+      location = "group:Pods/Pods.xcodeproj">
9 
+   </FileRef>
10 
+</Workspace>

+ 8 - 0
ios/App/App.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist
Просмотреть файл 

@@ -0,0 +1,8 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
3 
+<plist version="1.0">
4 
+<dict>
5 
+	<key>IDEDidComputeMac32BitWarning</key>
6 
+	<true/>
7 
+</dict>
8 
+</plist>

+ 10 - 0
ios/App/App/App.entitlements
Просмотреть файл 

@@ -0,0 +1,10 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
3 
+<plist version="1.0">
4 
+<dict>
5 
+	<key>com.apple.developer.healthkit</key>
6 
+	<true/>
7 
+	<key>com.apple.developer.healthkit.access</key>
8 
+	<array/>
9 
+</dict>
10 
+</plist>

+ 60 - 0
ios/App/App/AppDelegate.swift
Просмотреть файл 

@@ -0,0 +1,60 @@
1 
+import UIKit
2 
+import Capacitor
3 
+
4 
+@UIApplicationMain
5 
+class AppDelegate: UIResponder, UIApplicationDelegate {
6 
+
7 
+    var window: UIWindow?
8 
+
9 
+    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
10 
+        // Override point for customization after application launch.
11 
+        return true
12 
+    }
13 
+
14 
+    func applicationWillResignActive(_ application: UIApplication) {
15 
+        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
16 
+        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
17 
+    }
18 
+
19 
+    func applicationDidEnterBackground(_ application: UIApplication) {
20 
+        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
21 
+        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
22 
+    }
23 
+
24 
+    func applicationWillEnterForeground(_ application: UIApplication) {
25 
+        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
26 
+    }
27 
+
28 
+    func applicationDidBecomeActive(_ application: UIApplication) {
29 
+        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
30 
+    }
31 
+
32 
+    func applicationWillTerminate(_ application: UIApplication) {
33 
+        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
34 
+    }
35 
+
36 
+    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
37 
+        // Called when the app was launched with a url. Feel free to add additional processing here,
38 
+        // but if you want the App API to support tracking app url opens, make sure to keep this call
39 
+        return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
40 
+    }
41 
+
42 
+    func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
43 
+        // Called when the app was launched with an activity, including Universal Links.
44 
+        // Feel free to add additional processing here, but if you want the App API to support
45 
+        // tracking app url opens, make sure to keep this call
46 
+        return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
47 
+    }
48 
+
49 
+    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
50 
+        super.touchesBegan(touches, with: event)
51 
+
52 
+        let statusBarRect = UIApplication.shared.statusBarFrame
53 
+        guard let touchPoint = event?.allTouches?.first?.location(in: self.window) else { return }
54 
+
55 
+        if statusBarRect.contains(touchPoint) {
56 
+            NotificationCenter.default.post(name: .capacitorStatusBarTapped, object: nil)
57 
+        }
58 
+    }
59 
+
60 
+}

BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@1x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x-1.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@2x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-20x20@3x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@1x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x-1.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@2x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-29x29@3x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@1x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x-1.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@2x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-40x40@3x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-512@2x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-60x60@2x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-60x60@3x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-76x76@1x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-76x76@2x.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/AppIcon.appiconset/AppIcon-83.5x83.5@2x.png
Просмотреть файл


+ 116 - 0
ios/App/App/Assets.xcassets/AppIcon.appiconset/Contents.json
Просмотреть файл 

@@ -0,0 +1,116 @@
1 
+{
2 
+  "images" : [
3 
+    {
4 
+      "size" : "20x20",
5 
+      "idiom" : "iphone",
6 
+      "filename" : "AppIcon-20x20@2x.png",
7 
+      "scale" : "2x"
8 
+    },
9 
+    {
10 
+      "size" : "20x20",
11 
+      "idiom" : "iphone",
12 
+      "filename" : "AppIcon-20x20@3x.png",
13 
+      "scale" : "3x"
14 
+    },
15 
+    {
16 
+      "size" : "29x29",
17 
+      "idiom" : "iphone",
18 
+      "filename" : "AppIcon-29x29@2x-1.png",
19 
+      "scale" : "2x"
20 
+    },
21 
+    {
22 
+      "size" : "29x29",
23 
+      "idiom" : "iphone",
24 
+      "filename" : "AppIcon-29x29@3x.png",
25 
+      "scale" : "3x"
26 
+    },
27 
+    {
28 
+      "size" : "40x40",
29 
+      "idiom" : "iphone",
30 
+      "filename" : "AppIcon-40x40@2x.png",
31 
+      "scale" : "2x"
32 
+    },
33 
+    {
34 
+      "size" : "40x40",
35 
+      "idiom" : "iphone",
36 
+      "filename" : "AppIcon-40x40@3x.png",
37 
+      "scale" : "3x"
38 
+    },
39 
+    {
40 
+      "size" : "60x60",
41 
+      "idiom" : "iphone",
42 
+      "filename" : "AppIcon-60x60@2x.png",
43 
+      "scale" : "2x"
44 
+    },
45 
+    {
46 
+      "size" : "60x60",
47 
+      "idiom" : "iphone",
48 
+      "filename" : "AppIcon-60x60@3x.png",
49 
+      "scale" : "3x"
50 
+    },
51 
+    {
52 
+      "size" : "20x20",
53 
+      "idiom" : "ipad",
54 
+      "filename" : "AppIcon-20x20@1x.png",
55 
+      "scale" : "1x"
56 
+    },
57 
+    {
58 
+      "size" : "20x20",
59 
+      "idiom" : "ipad",
60 
+      "filename" : "AppIcon-20x20@2x-1.png",
61 
+      "scale" : "2x"
62 
+    },
63 
+    {
64 
+      "size" : "29x29",
65 
+      "idiom" : "ipad",
66 
+      "filename" : "AppIcon-29x29@1x.png",
67 
+      "scale" : "1x"
68 
+    },
69 
+    {
70 
+      "size" : "29x29",
71 
+      "idiom" : "ipad",
72 
+      "filename" : "AppIcon-29x29@2x.png",
73 
+      "scale" : "2x"
74 
+    },
75 
+    {
76 
+      "size" : "40x40",
77 
+      "idiom" : "ipad",
78 
+      "filename" : "AppIcon-40x40@1x.png",
79 
+      "scale" : "1x"
80 
+    },
81 
+    {
82 
+      "size" : "40x40",
83 
+      "idiom" : "ipad",
84 
+      "filename" : "AppIcon-40x40@2x-1.png",
85 
+      "scale" : "2x"
86 
+    },
87 
+    {
88 
+      "size" : "76x76",
89 
+      "idiom" : "ipad",
90 
+      "filename" : "AppIcon-76x76@1x.png",
91 
+      "scale" : "1x"
92 
+    },
93 
+    {
94 
+      "size" : "76x76",
95 
+      "idiom" : "ipad",
96 
+      "filename" : "AppIcon-76x76@2x.png",
97 
+      "scale" : "2x"
98 
+    },
99 
+    {
100 
+      "size" : "83.5x83.5",
101 
+      "idiom" : "ipad",
102 
+      "filename" : "AppIcon-83.5x83.5@2x.png",
103 
+      "scale" : "2x"
104 
+    },
105 
+    {
106 
+      "size" : "1024x1024",
107 
+      "idiom" : "ios-marketing",
108 
+      "filename" : "AppIcon-512@2x.png",
109 
+      "scale" : "1x"
110 
+    }
111 
+  ],
112 
+  "info" : {
113 
+    "version" : 1,
114 
+    "author" : "xcode"
115 
+  }
116 
+}

+ 6 - 0
ios/App/App/Assets.xcassets/Contents.json
Просмотреть файл 

@@ -0,0 +1,6 @@
1 
+{
2 
+  "info" : {
3 
+    "version" : 1,
4 
+    "author" : "xcode"
5 
+  }
6 
+}

+ 23 - 0
ios/App/App/Assets.xcassets/Splash.imageset/Contents.json
Просмотреть файл 

@@ -0,0 +1,23 @@
1 
+{
2 
+  "images" : [
3 
+    {
4 
+      "idiom" : "universal",
5 
+      "filename" : "splash-2732x2732-2.png",
6 
+      "scale" : "1x"
7 
+    },
8 
+    {
9 
+      "idiom" : "universal",
10 
+      "filename" : "splash-2732x2732-1.png",
11 
+      "scale" : "2x"
12 
+    },
13 
+    {
14 
+      "idiom" : "universal",
15 
+      "filename" : "splash-2732x2732.png",
16 
+      "scale" : "3x"
17 
+    }
18 
+  ],
19 
+  "info" : {
20 
+    "version" : 1,
21 
+    "author" : "xcode"
22 
+  }
23 
+}

BIN
ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-1.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732-2.png
Просмотреть файл


BIN
ios/App/App/Assets.xcassets/Splash.imageset/splash-2732x2732.png
Просмотреть файл


+ 32 - 0
ios/App/App/Base.lproj/LaunchScreen.storyboard
Просмотреть файл 

@@ -0,0 +1,32 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="17132" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
3 
+    <device id="retina4_7" orientation="portrait" appearance="light"/>
4 
+    <dependencies>
5 
+        <deployment identifier="iOS"/>
6 
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="17105"/>
7 
+        <capability name="System colors in document resources" minToolsVersion="11.0"/>
8 
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
9 
+    </dependencies>
10 
+    <scenes>
11 
+        <!--View Controller-->
12 
+        <scene sceneID="EHf-IW-A2E">
13 
+            <objects>
14 
+                <viewController id="01J-lp-oVM" sceneMemberID="viewController">
15 
+                    <imageView key="view" userInteractionEnabled="NO" contentMode="scaleAspectFill" horizontalHuggingPriority="251" verticalHuggingPriority="251" image="Splash" id="snD-IY-ifK">
16 
+                        <rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
17 
+                        <autoresizingMask key="autoresizingMask"/>
18 
+                        <color key="backgroundColor" systemColor="systemBackgroundColor"/>
19 
+                    </imageView>
20 
+                </viewController>
21 
+                <placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
22 
+            </objects>
23 
+            <point key="canvasLocation" x="53" y="375"/>
24 
+        </scene>
25 
+    </scenes>
26 
+    <resources>
27 
+        <image name="Splash" width="1366" height="1366"/>
28 
+        <systemColor name="systemBackgroundColor">
29 
+            <color white="1" alpha="1" colorSpace="custom" customColorSpace="genericGamma22GrayColorSpace"/>
30 
+        </systemColor>
31 
+    </resources>
32 
+</document>

+ 19 - 0
ios/App/App/Base.lproj/Main.storyboard
Просмотреть файл 

@@ -0,0 +1,19 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="14111" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
3 
+    <device id="retina4_7" orientation="portrait">
4 
+        <adaptation id="fullscreen"/>
5 
+    </device>
6 
+    <dependencies>
7 
+        <deployment identifier="iOS"/>
8 
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="14088"/>
9 
+    </dependencies>
10 
+    <scenes>
11 
+        <!--Bridge View Controller-->
12 
+        <scene sceneID="tne-QT-ifu">
13 
+            <objects>
14 
+                <viewController id="BYZ-38-t0r" customClass="CAPBridgeViewController" customModule="Capacitor" sceneMemberID="viewController"/>
15 
+                <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
16 
+            </objects>
17 
+        </scene>
18 
+    </scenes>
19 
+</document>

+ 64 - 0
ios/App/App/Info.plist
Просмотреть файл 

@@ -0,0 +1,64 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
3 
+<plist version="1.0">
4 
+<dict>
5 
+	<key>CFBundleDevelopmentRegion</key>
6 
+	<string>en</string>
7 
+	<key>CFBundleDisplayName</key>
8 
+	<string>Tune2Win</string>
9 
+	<key>CFBundleExecutable</key>
10 
+	<string>$(EXECUTABLE_NAME)</string>
11 
+	<key>CFBundleIdentifier</key>
12 
+	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
13 
+	<key>CFBundleInfoDictionaryVersion</key>
14 
+	<string>6.0</string>
15 
+	<key>CFBundleName</key>
16 
+	<string>$(PRODUCT_NAME)</string>
17 
+	<key>CFBundlePackageType</key>
18 
+	<string>APPL</string>
19 
+	<key>CFBundleShortVersionString</key>
20 
+	<string>1.0</string>
21 
+	<key>CFBundleVersion</key>
22 
+	<string>1</string>
23 
+	<key>LSRequiresIPhoneOS</key>
24 
+	<true/>
25 
+	<key>NSAppTransportSecurity</key>
26 
+	<dict>
27 
+		<key>NSAllowsArbitraryLoads</key>
28 
+		<true/>
29 
+	</dict>
30 
+    <key>NSContactsUsageDescription</key>
31 
+    <string>Get Contact for your trainings</string>
32 
+    <key>NSCalendarsUsageDescription</key>
33 
+    <string>Access Calendar for trainings</string>
34 
+	<key>NSHealthClinicalHealthRecordsShareUsageDescription</key>
35 
+	<string>Get data for improve athlete</string>
36 
+	<key>NSHealthShareUsageDescription</key>
37 
+	<string>Get data for improve athlete</string>
38 
+	<key>NSHealthUpdateUsageDescription</key>
39 
+	<string>Get data for improve athlete</string>
40 
+	<key>UILaunchStoryboardName</key>
41 
+	<string>LaunchScreen</string>
42 
+	<key>UIMainStoryboardFile</key>
43 
+	<string>Main</string>
44 
+	<key>UIRequiredDeviceCapabilities</key>
45 
+	<array>
46 
+		<string>armv7</string>
47 
+	</array>
48 
+	<key>UISupportedInterfaceOrientations</key>
49 
+	<array>
50 
+		<string>UIInterfaceOrientationPortrait</string>
51 
+		<string>UIInterfaceOrientationLandscapeLeft</string>
52 
+		<string>UIInterfaceOrientationLandscapeRight</string>
53 
+	</array>
54 
+	<key>UISupportedInterfaceOrientations~ipad</key>
55 
+	<array>
56 
+		<string>UIInterfaceOrientationPortrait</string>
57 
+		<string>UIInterfaceOrientationPortraitUpsideDown</string>
58 
+		<string>UIInterfaceOrientationLandscapeLeft</string>
59 
+		<string>UIInterfaceOrientationLandscapeRight</string>
60 
+	</array>
61 
+	<key>UIViewControllerBasedStatusBarAppearance</key>
62 
+	<true/>
63 
+</dict>
64 
+</plist>

+ 9 - 0
ios/App/App/capacitor.config.json
Просмотреть файл 

@@ -0,0 +1,9 @@
1 
+{
2 
+	"appId": "io.ionic.starter",
3 
+	"appName": "Tune2Win",
4 
+	"webDir": "www",
5 
+	"bundledWebRuntime": false,
6 
+	"server": {
7 
+		"url": "http://192.168.1.38:8100"
8 
+	}
9 
+}

+ 14 - 0
ios/App/App/config.xml
Просмотреть файл 

@@ -0,0 +1,14 @@
1 
+<?xml version='1.0' encoding='utf-8'?>
2 
+<widget version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
3 
+  <access origin="*" />
4 
+
5 
+  <feature name="Calendar">
6 
+    <param name="ios-package" value="Calendar"/>
7 
+  </feature>
8 
+
9 
+  <feature name="HealthKit">
10 
+    <param name="ios-package" value="HealthKit"/>
11 
+  </feature>
12 
+
13 
+
14 
+</widget>

+ 22 - 0
ios/App/Podfile
Просмотреть файл 

@@ -0,0 +1,22 @@
1 
+platform :ios, '12.0'
2 
+use_frameworks!
3 
+
4 
+# workaround to avoid Xcode caching of Pods that requires
5 
+# Product -> Clean Build Folder after new Cordova plugins installed
6 
+# Requires CocoaPods 1.6 or newer
7 
+install! 'cocoapods', :disable_input_output_paths => true
8 
+
9 
+def capacitor_pods
10 
+  pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
11 
+  pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
12 
+  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
13 
+  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
14 
+  pod 'CapacitorKeyboard', :path => '../../node_modules/@capacitor/keyboard'
15 
+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
16 
+  pod 'CordovaPlugins', :path => '../capacitor-cordova-ios-plugins'
17 
+end
18 
+
19 
+target 'App' do
20 
+  capacitor_pods
21 
+  # Add your Pods here
22 
+end

+ 44 - 0
karma.conf.js
Просмотреть файл 

@@ -0,0 +1,44 @@
1 
+// Karma configuration file, see link for more information
2 
+// https://karma-runner.github.io/1.0/config/configuration-file.html
3 
+
4 
+module.exports = function (config) {
5 
+  config.set({
6 
+    basePath: '',
7 
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
8 
+    plugins: [
9 
+      require('karma-jasmine'),
10 
+      require('karma-chrome-launcher'),
11 
+      require('karma-jasmine-html-reporter'),
12 
+      require('karma-coverage'),
13 
+      require('@angular-devkit/build-angular/plugins/karma')
14 
+    ],
15 
+    client: {
16 
+      jasmine: {
17 
+        // you can add configuration options for Jasmine here
18 
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
19 
+        // for example, you can disable the random execution with `random: false`
20 
+        // or set a specific seed with `seed: 4321`
21 
+      },
22 
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
23 
+    },
24 
+    jasmineHtmlReporter: {
25 
+      suppressAll: true // removes the duplicated traces
26 
+    },
27 
+    coverageReporter: {
28 
+      dir: require('path').join(__dirname, './coverage/ngv'),
29 
+      subdir: '.',
30 
+      reporters: [
31 
+        { type: 'html' },
32 
+        { type: 'text-summary' }
33 
+      ]
34 
+    },
35 
+    reporters: ['progress', 'kjhtml'],
36 
+    port: 9876,
37 
+    colors: true,
38 
+    logLevel: config.LOG_INFO,
39 
+    autoWatch: true,
40 
+    browsers: ['Chrome'],
41 
+    singleRun: false,
42 
+    restartOnFileChange: true
43 
+  });
44 
+};

Разница между файлами не показана из-за своего большого размера
+ 39378 - 0
package-lock.json


+ 75 - 0
package.json
Просмотреть файл 

@@ -0,0 +1,75 @@
1 
+{
2 
+  "name": "Tune2Win",
3 
+  "version": "0.0.1",
4 
+  "author": "Ionic Framework",
5 
+  "homepage": "https://ionicframework.com/",
6 
+  "scripts": {
7 
+    "ng": "ng",
8 
+    "start": "ng serve",
9 
+    "build": "ng build",
10 
+    "test": "ng test",
11 
+    "lint": "ng lint",
12 
+    "e2e": "ng e2e"
13 
+  },
14 
+  "private": true,
15 
+  "dependencies": {
16 
+    "@angular/common": "~13.0.0",
17 
+    "@angular/core": "~13.0.0",
18 
+    "@angular/forms": "~13.0.0",
19 
+    "@angular/platform-browser": "~13.0.0",
20 
+    "@angular/platform-browser-dynamic": "~13.0.0",
21 
+    "@angular/router": "~13.0.0",
22 
+    "@awesome-cordova-plugins/calendar": "^5.39.1",
23 
+    "@awesome-cordova-plugins/health": "^5.39.1",
24 
+    "@capacitor/app": "1.1.0",
25 
+    "@capacitor/core": "3.4.1",
26 
+    "@capacitor/haptics": "1.1.4",
27 
+    "@capacitor/ios": "3.4.1",
28 
+    "@capacitor/keyboard": "1.2.2",
29 
+    "@capacitor/status-bar": "1.0.8",
30 
+    "@ionic/angular": "^6.0.0",
31 
+    "@ionic/storage-angular": "^3.0.6",
32 
+    "chart.js": "^3.7.1",
33 
+    "cordova-plugin-calendar": "^5.1.6",
34 
+    "cordova-plugin-health": "^2.0.3",
35 
+    "date-fns": "^2.28.0",
36 
+    "ng2-charts": "^3.0.0-rc.7",
37 
+    "rxjs": "~6.6.0",
38 
+    "tslib": "^2.2.0",
39 
+    "zone.js": "~0.11.4"
40 
+  },
41 
+  "devDependencies": {
42 
+    "@angular-devkit/build-angular": "~13.0.1",
43 
+    "@angular-eslint/builder": "~13.0.1",
44 
+    "@angular-eslint/eslint-plugin": "~13.0.1",
45 
+    "@angular-eslint/eslint-plugin-template": "~13.0.1",
46 
+    "@angular-eslint/template-parser": "~13.0.1",
47 
+    "@angular/cli": "~13.0.1",
48 
+    "@angular/compiler": "~13.0.0",
49 
+    "@angular/compiler-cli": "~13.0.0",
50 
+    "@angular/language-service": "~13.0.0",
51 
+    "@capacitor/cli": "3.4.1",
52 
+    "@ionic/angular-toolkit": "^5.0.0",
53 
+    "@types/jasmine": "~3.6.0",
54 
+    "@types/jasminewd2": "~2.0.3",
55 
+    "@types/node": "^12.11.1",
56 
+    "@typescript-eslint/eslint-plugin": "5.3.0",
57 
+    "@typescript-eslint/parser": "5.3.0",
58 
+    "eslint": "^7.6.0",
59 
+    "eslint-plugin-import": "2.22.1",
60 
+    "eslint-plugin-jsdoc": "30.7.6",
61 
+    "eslint-plugin-prefer-arrow": "1.2.2",
62 
+    "jasmine-core": "~3.8.0",
63 
+    "jasmine-spec-reporter": "~5.0.0",
64 
+    "karma": "~6.3.2",
65 
+    "karma-chrome-launcher": "~3.1.0",
66 
+    "karma-coverage": "~2.0.3",
67 
+    "karma-coverage-istanbul-reporter": "~3.0.2",
68 
+    "karma-jasmine": "~4.0.0",
69 
+    "karma-jasmine-html-reporter": "^1.5.0",
70 
+    "protractor": "~7.0.0",
71 
+    "ts-node": "~8.3.0",
72 
+    "typescript": "~4.4.4"
73 
+  },
74 
+  "description": "An Ionic project"
75 
+}

BIN
resources/icon.png
Просмотреть файл


BIN
resources/ios/icon/icon-1024.png
Просмотреть файл


BIN
resources/ios/icon/icon-108@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-20.png
Просмотреть файл


BIN
resources/ios/icon/icon-20@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-20@3x.png
Просмотреть файл


BIN
resources/ios/icon/icon-24@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-27.5@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-29.png
Просмотреть файл


BIN
resources/ios/icon/icon-29@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-29@3x.png
Просмотреть файл


BIN
resources/ios/icon/icon-40.png
Просмотреть файл


BIN
resources/ios/icon/icon-40@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-40@3x.png
Просмотреть файл


BIN
resources/ios/icon/icon-44@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-50.png
Просмотреть файл


BIN
resources/ios/icon/icon-50@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-60.png
Просмотреть файл


BIN
resources/ios/icon/icon-60@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-60@3x.png
Просмотреть файл


BIN
resources/ios/icon/icon-72.png
Просмотреть файл


BIN
resources/ios/icon/icon-72@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-76.png
Просмотреть файл


BIN
resources/ios/icon/icon-76@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-83.5@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-86@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon-98@2x.png
Просмотреть файл


BIN
resources/ios/icon/icon.png
Просмотреть файл


BIN
resources/ios/icon/icon@2x.png
Просмотреть файл


BIN
resources/ios/splash/Default-1792h~iphone.png
Просмотреть файл


BIN
resources/ios/splash/Default-2436h.png
Просмотреть файл


BIN
resources/ios/splash/Default-2688h~iphone.png
Просмотреть файл


BIN
resources/ios/splash/Default-568h@2x~iphone.png
Просмотреть файл


BIN
resources/ios/splash/Default-667h.png
Просмотреть файл


BIN
resources/ios/splash/Default-736h.png
Просмотреть файл


BIN
resources/ios/splash/Default-Landscape-1792h~iphone.png
Просмотреть файл


BIN
resources/ios/splash/Default-Landscape-2436h.png
Просмотреть файл


BIN
resources/ios/splash/Default-Landscape-2688h~iphone.png
Просмотреть файл


BIN
resources/ios/splash/Default-Landscape-736h.png
Просмотреть файл


BIN
resources/ios/splash/Default-Landscape@2x~ipad.png
Просмотреть файл


BIN
resources/ios/splash/Default-Landscape@~ipadpro.png
Просмотреть файл


BIN
resources/ios/splash/Default-Landscape~ipad.png
Просмотреть файл


BIN
resources/ios/splash/Default-Portrait@2x~ipad.png
Просмотреть файл


BIN
resources/ios/splash/Default-Portrait@~ipadpro.png
Просмотреть файл


BIN
resources/ios/splash/Default-Portrait~ipad.png
Просмотреть файл


BIN
resources/ios/splash/Default@2x~iphone.png
Просмотреть файл


BIN
resources/ios/splash/Default@2x~universal~anyany.png
Просмотреть файл


BIN
resources/ios/splash/Default~iphone.png
Просмотреть файл


+ 0 - 0
resources/splash.png
Просмотреть файл


Некоторые файлы не были показаны из-за большого количества измененных файлов

tum/freight - Gogs: Simplico Git Service
Home Explore Help
Sign In
tum
/
freight
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 2 Releases 0 Wiki

No Description

Branch: master
Branches Tags
freight
/
app
/
static
/
node_modules
/
holderjs
tum 9ba4fe2450 firstcommit 4 years ago
..
src 9ba4fe2450 firstcommit 4 years ago
.editorconfig 9ba4fe2450 firstcommit 4 years ago
.eslintrc.json 9ba4fe2450 firstcommit 4 years ago
.gitattributes 9ba4fe2450 firstcommit 4 years ago
.travis.yml 9ba4fe2450 firstcommit 4 years ago
LICENSE 9ba4fe2450 firstcommit 4 years ago
README.md 9ba4fe2450 firstcommit 4 years ago
bower.json 9ba4fe2450 firstcommit 4 years ago
composer.json 9ba4fe2450 firstcommit 4 years ago
gulpfile.js 9ba4fe2450 firstcommit 4 years ago
holder.js 9ba4fe2450 firstcommit 4 years ago
holder.min.js 9ba4fe2450 firstcommit 4 years ago
package.js 9ba4fe2450 firstcommit 4 years ago
package.json 9ba4fe2450 firstcommit 4 years ago

README.md

Holder

Holder renders image placeholders in browser using SVG.

Used by thousands of open source projects (including Bootstrap v3) and many other sites.

No extra requests, small bundle size, highly customizable.

npm Travis Build Status Package Quality NerdyData Popularity jsDelivr Hits

Installing

Usage

Include holder.js in your HTML:

<script src="holder.js"></script>

Holder will then process all images with a specific src attribute, like this one:

<img src="holder.js/300x200">

The above tag will render as a placeholder 300 pixels wide and 200 pixels tall.

To avoid console 404 errors, you can use data-src instead of src.

Programmatic usage

To programmatically insert a placeholder use the run() API:

var myImage = document.getElementById('myImage');

Holder.run({
  images: myImage
});

Placeholder options

Placeholder options are set through URL properties, e.g. holder.js/300x200?x=y&a=b. Multiple options are separated by the & character.

  • theme: The theme to use for the placeholder. Example: holder.js/300x200?theme=sky
  • random: Use random theme. Example: holder.js/300x200?random=yes
  • bg: Background color. Example: holder.js/300x200?bg=2a2025
  • fg: Foreground (text) color. Example: holder.js/300x200?fg=ffffff
  • text: Custom text. Example: holder.js/300x200?text=Hello
  • size: Custom text size. Defaults to pt units. Example: holder.js/300x200?size=50
  • font: Custom text font. Example: holder.js/300x200?font=Helvetica
  • align: Custom text alignment (left, right). Example: holder.js/300x200?align=left
  • outline: Draw outline and diagonals for placeholder. Example: holder.js/300x200?outline=yes
  • lineWrap: Maximum line length to image width ratio. Example: holder.js/300x200?lineWrap=0.5

Themes

Holder includes support for themes, to help placeholders blend in with your layout.

There are 6 default themes: sky, vine, lava, gray, industrial, and social.

Customizing themes

Themes have 5 properties: fg, bg, size, font and fontweight. The size property specifies the minimum font size for the theme. The fontweight default value is bold. You can create a sample theme like this:

Holder.addTheme("dark", {
  bg: "#000",
  fg: "#aaa",
  size: 11,
  font: "Monaco",
  fontweight: "normal"
});

If you have a group of placeholders where you'd like to use particular text, you can do so by adding a text property to the theme:

Holder.addTheme("thumbnail", { bg: "#fff", text: "Thumbnail" });

Using custom themes

There are two ways to use custom themes with Holder:

  • Include theme at runtime to render placeholders already using the theme name
  • Include theme at any point and re-render placeholders that are using the theme name

The first approach is the easiest. After you include holder.js, add a script tag that adds the theme you want:

<script src="holder.js"></script>
<script>
Holder.addTheme("bright", {
  bg: "white", fg: "gray", size: 12
});
</script>

The second approach requires that you call run after you add the theme, like this:

Holder.addTheme("bright", {bg: "white", fg: "gray", size: 12}).run();

Using custom themes and domain on specific images

You can use Holder in different areas on different images with custom themes:

<img data-src="example.com/100x100?theme=simple" id="new">

Holder.run({
  domain: "example.com",
  themes: {
    "simple": {
      bg: "#fff",
      fg: "#000",
      size: 12
    }
  },
  images: "#new"
});

Inserting an image with custom theme

You can add a placeholder programmatically by chaining Holder calls:

Holder.addTheme("new", {
  fg: "#ccc",
  bg: "#000",
  size: 10
}).addImage("holder.js/200x100?theme=new", "body").run();

The first argument in addImage is the src attribute, and the second is a CSS selector of the parent element.

Text

Holder automatically adds line breaks to text that goes outside of the image boundaries. If the text is so long it goes out of both horizontal and vertical boundaries, the text is moved to the top. If you prefer to control the line breaks, you can add \n to the text property:

<img data-src="holder.js/300x200?text=Add \n line breaks \n anywhere.">
``````

If you would like to disable line wrapping, set the `nowrap` option to `true`:

```html
<img data-src="holder.js/300x200?text=Add \n line breaks \n anywhere.&amp;nowrap=true">

When using the text option, the image dimesions are not shown. To reinsert the dimension into the text, simple use the special holder_dimensions placeholder.

<img data-src="holder.js/90px80p?theme=sky&text=Placeholder dimensions: holder_dimensions">

Placeholders using a custom font are rendered using canvas by default, due to SVG's constraints on cross-domain resource linking. If you're using only locally available fonts, you can disable this behavior by setting noFontFallback to true in Holder.run options. However, if you need to render a SVG placeholder using an externally loaded font, you have to use the object tag instead of the img tag and add a holderjs class to the appropriate link tags. Here's an example:

<head>
<link href="http://.../font-awesome.css" rel="stylesheet" class="holderjs">
</head>
<body>
<object data-src="holder.js/300x200?font=FontAwesome"></object>

Important: When testing locally, font URLs must have a http or https protocol defined.

Important: Fonts served from locations other than public registries (i.e. Google Fonts, Typekit, etc.) require the correct CORS headers to be set. See How to use CDN with Webfonts for more details.

<object> placeholders work like <img> placeholders, with the added benefit of their DOM being able to be inspected and modified. As with <img> placeholders, the data-src attribute is more reliable than the data attribute.

Fluid placeholders

Important: Percentages are specified with the p character, not with the % character.

Specifying a dimension in percentages creates a fluid placeholder that responds to media queries.

<img data-src="holder.js/100px75?theme=social">

By default, the fluid placeholder will show its current size in pixels. To display the original dimensions, i.e. 100%x75, set the textmode flag to literal like so: holder.js/100px75?textmode=literal.

Automatically sized placeholders

If you'd like to avoid Holder enforcing an image size, use the auto flag like so:

<img data-src="holder.js/200x200?auto=yes">

The above will render a placeholder without any embedded CSS for height or width.

To show the current size of an automatically sized placeholder, set the textmode flag to exact like so: holder.js/200x200?auto=yes&textmode=exact.

Preventing updates on window resize

Both fluid placeholders and automatically sized placeholders in exact mode are updated when the window is resized. To set whether or not a particular image is updated on window resize, you can use the setResizeUpdate method like so:

var img = $('#placeholder').get(0);
Holder.setResizeUpdate(img, false);

The above will pause any render updates on the specified image (which must be a DOM object).

To enable updates again, run the following:

Holder.setResizeUpdate(img, true);

This will enable updates and immediately render the placeholder.

Background placeholders

Holder can render placeholders as background images for elements with the holderjs class, like this:

#sample {background:url(?holder.js/200x200?theme=social) no-repeat}

<div id="sample" class="holderjs"></div>

The Holder URL in CSS should have a ? in front. Like in image placeholders, you can specify the Holder URL in a data-background-src attribute:

<div class="holderjs" data-background-src="?holder.js/300x200"></div>

Important: Make sure to define a height and/or width for elements with background placeholders. Fluid background placeholders are not yet supported.

Runtime settings

Holder provides several options at runtime that affect the process of image generation. These are passed in through Holder.run calls.

  • domain: The domain to use for image generation. Default value: holder.js.
  • dataAttr: The HTML attribute used to define a fallback to the native src attribute. Default value: data-src.
  • renderer: The renderer to use. Options available: svg, canvas. Default value: svg.
  • images: The CSS selector used for finding img tags. Default value: img.
  • objects: The CSS selector used for finding object placeholders. Default value: object.
  • bgnodes: The CSS selector used for finding elements that have background palceholders. Default value: body .holderjs.
  • stylenodes: The CSS selector used for finding stylesheets to import into SVG placeholders. Default value: head link.holderjs.
  • noFontFallback: Do not fall back to canvas if using custom fonts.
  • noBackgroundSize: Do not set background-size for background placeholders.

Using custom settings on load

You can prevent Holder from running its default configuration by executing Holder.run with your custom settings right after including holder.js. However, you'll have to execute Holder.run again to render any placeholders that use the default configuration.

Using with lazyload.js

Holder is compatible with lazyload.js and works with both fluid and fixed-width images. For best results, run .lazyload({skip_invisible:false}).

Using with React

When using Holder in a React component, execute Holder.run in componentDidMount to enable rendering after state changes. See this issue for more details.

Using with Vue

You can use Holder in Vue 2+ projects with vue-holderjs.

Using with Angular.js

You can use Holder in Angular projects with ng-holder or with angular-2-holderjs for Angular 2 projects.

Using with Meteor

Because Meteor includes scripts at the top of the document by default, the DOM may not be fully available when Holder is called. For this reason, place Holder-related code in a "DOM ready" event listener.

Using with Webpack

If you're using ProvidePlugin in your Webpack config, make sure to configure it as follows:

plugins: [
  new webpack.ProvidePlugin({
    'Holder': 'holderjs',
    'holder': 'holderjs',
    'window.Holder': 'holderjs'
  })
]

Browser support

  • Chrome
  • Firefox 3+
  • Safari 4+
  • Internet Explorer 9+ (with partial support for 6-8)
  • Opera 12+
  • Android (with fallback)

Source

License

Holder is provided under the MIT License.

Credits

Holder is a project by Ivan Malopinsky.